Date time picker

This field will allow you to select both the date and time, very useful for appointment forms.

Configuration options

General

• Field name: the name of the field. This is needed for creating the placeholders that will help display the submitted data in the Thank you message and in the body of the form notification emails.
• Field caption/label: the caption of the field. This is usually displayed next to the input element to let users know what information is expected in the field.
• Field description: you can use this to provide additional instructions for using the field in the submission process.
• Required: choose if the field is mandatory for the submission to be made.

Advanced

• Field id: the id of the form element. This is mainly used for internal purposes.
• Default value: when the form is initially loaded, this is the value that will be displayed in the input field.
• Date format: set the format the selected date will be displayed in (e.g. d-m-Y H i).
• Start date is today?: this option does not allow the submitting user to select a date before the current date.
• Start date: choose the minimum date users will be able to select in the field.
• End date: choose the maximum date users will be able to select in the field.
• Show time?: choose to show the time selection along with the date selection.
• Start time: choose the minimum time users will be able to select in the field.
• End time: choose the maximum time users will be able to select in the field.
• Disable following dates: you can opt to disable certain dates from being selected in the calendar.

  You can easily disable a particular day of the week by adding the name, for example adding mondays you will disable all dates that land in a monday from the field.

  You can also disable a particular range of dates using the following syntax [start-date:end-date], for example [20-04-2021:25-04-2021] will disable all dates between the mentioned start and end dates.

• Disable previous saved dates: when this option is enabled, if you already have an entry saved with a particular date selected, that date will no longer be available for selection.
• Field dependency for disabling (except the date): disable dates based on a selection made in a different field.
• Readonly: with this option enabled users will not be able to change the value from the field.

You can fully control the date format using the following guidelines