Date Range Field Auto Duration Setter

Overview

The Date Range Field Auto Duration Setter Plugin simplifies the management of date range fields by automatically selecting the appropriate duration format—hours or days—based on the data. This plugin triggers on form load and ensures the correct duration format is maintained even when the form is resubmitted. If the duration field is missing, an error notification is displayed to alert the user.

Use Cases

• This plugin is ideal for applications where time tracking or duration calculation is required, such as project management or scheduling systems. It helps prevent errors by automatically selecting the correct duration format, making form submissions more efficient and accurate.

Installing the plugin

Prerequisites:

1. The page must have a form component
2. The form must have a date range field
3. Javascript must be enabled (applicable if your're on trial account)

Step-by-Step Installation:

1. Navigate to the page with this form, this can be a parent or child page. 
2. Click on the Plugins
3. Find the Date Range Field Auto Duration Setter plugin
4. Select the form 
5. Select the date range field

Removing the Plugin

To remove the plugin, find the Javascript code that is surrounted with a comment for the plugin name and delete the code. Do the same for the CSS as well.