Adding and Customizing the Date Field in Divi Form Builder

The Date Field in the Divi Form Builder module allows users to select a date from a calendar interface. This field includes several helpful features to enhance user experience and ensure accurate date selection.

Video

Step 1: Add Form Field

1. Navigate to the page with your form and open the Form Builder module.
2. Click on the Add New Field button to start adding a new form field.

Step 2: Select the Date Field

1. Enter a descriptive Field Title for the field that users will see.
2. Enter a Admin Title for administrative purposes to help identify the field.
3. Assign a unique Field ID to the field for data handling.
4. Select Date Field from the Type dropdown menu.

Step 3: Customize the Date Field

In additional to the styling features in the Design Tab, Divi Form Builder offers customization options for the Date Field HERE.

Field Options:

1. Add Form Builder Prefix to Field: Disable this option to directly input the field ID and Name. Only disable this option for specific cases, such as when using the form with Google Tag Manager.
2. Date and Time Picker Language: Choose the language for the date and time picker.
3. Calendar Date Format: Set the format in which the date should be displayed (e.g., mm/dd/yyyy, dd/mm/yyyy).
4. Disable Dates: Disable specific dates or date ranges that should not be selectable.
   1. Disable Past Days
   2. Disable Future Days
   3. Disable Specific Days of Week
   4. Disable Specific Days
   5. Disable Current Date
5. Default Date: Set a default date to be pre-selected in the field.

Additional Tips

By following these steps, you can effectively add and customize the Date Field in Divi Form Builder, ensuring it meets the needs of your form and provides a seamless user experience. Utilize the various customization options to make your forms both functional and visually appealing.