Date Picker and Time Picker Field
Video Tutorial
This section provides detailed instructions on how to effectively use the Email and Phone Number fields in your forms, including their verification features.
Date Picker Field
Adding the Date Picker Field
- Select the Date Picker Field: In the Form Builder, choose the Date Picker field and add it to your form.
- Customization: Customize the field by setting it as a required field and adjusting the field alignment as needed.
Configuring the Date Picker
- Date Format: Choose the preferred date format (e.g., DDMMYY, MMDDYY) for your form.
- Date Range: Limit the range of dates that can be selected by users. For instance, restrict selections to a particular month.
- Default Value: Set a default date that appears when the form is first opened.
- Disabled Field: Optionally, you can mark the field as disabled, preventing user interaction.
Using Date Picker in Forms
- User Interaction: Users can select dates within the specified range and format.
- Data Retrieval: If you’re using query parameters, ensure the date is sent in the specified format.
Time Picker Field
Adding the Time Picker Field
- Choose the Time Picker Field: In your form, select the Time Picker field from the available field options.
- Field Customization: You can mark the field as required and adjust its alignment in the form.
Configuring the Time Picker
- Time Format: Select between a 24-hour or 12-hour format for the time picker.
- Default Time: Set a default time, which can be the current time or any other specified time.
- Disabled Field: Similar to the date picker, the time picker field can also be disabled if needed.
User Interaction with Time Picker
- Time Range: Restrict the time range that users can select (e.g., from 12:00 AM to 04:00 PM).
- Form Submission: Users can select times within the specified range and format, enhancing the form’s usability.