Help Center

Menu

Date select

The Date Select field allows form users to select a date using a calendar dialog or a scrolling date selector.

When using the calendar date selector, there is an option to enable a time picker in Advanced Options.

If you want to set up a complete booking system, use the Booking field.

Basic setup

  1. In the Form Fields panel (left-hand side), drag the Date Select field onto your form.

  2. Type the question or name.

  3. (Optional) Use scrolling date select instead of the calendar popup.

  4. (Optional) Select if answering this question is compulsory.

  5. Click Save & Close.

Show advanced options

Click the Show Advanced Options button to reveal additional controls and functionality, as the following table explains.

Option Description

Question (Label)

Show a different field label (instead of the field name) on the form. When a Question (Label) is specified, it will override the Question (Name) on your form.

Using this feature you can:

* Show multiple fields with the same question or label.

* Use internal field names for reporting purposes, but show user-friendly field labels on the form.

Hide the question (only show the answer box)

Only show the input field (without the question/name).

Minimum date allowed / Maximum date allowed

Reduce the date range to a specific period.

Disable certain days: Mon, Tues, Wed, Thur, Fri, Sat, Sun

Lock certain days on the calendar to prevent selection.

Pre-enter a default date

Prefill the field with a particular date. If you want to prefill the field with the current date, enter 0 as the default date.

Placeholder

Provide an example of a response or required format to guide form users. The placeholder text will disappear when a value is typed in.

Further instructions

Add some informative text just below the field.

Disable all past dates

Prevent form users from selecting dates in the past.

Disable all future dates

Prevent form users from selecting dates in the future Useful for fields such as date of birth.

Enable time picker

Allow form users to select a date and time (only available on the calendar date selector).

Hour increment

Set the increment of hours a form user can select throughout the day. Default setting: 1.

Minute increment

Set the increment of minutes a form user can select throughout the day. Default setting: 1 (all) Or change to 15 = 15mins, 30 = 30mins

Max. submissions per date/time

If you are using the date and time field for simple bookings/appointments, you may wish to limit the number of form submissions per date/time slot.

Min & Max time

Set the minimum and maximum time that can be selected.

Disable typing - Only allow user to select a date from the calendar

Only allow form users to select dates from the calendar to ensure consistency in the date format.

Read-only - do not allow entry into this field

Lock a field to prevent form users from modifying a pre-defined field value. For example, you may have a default answer such as 'today’s date' or 'customer ID' that is pre-filled on the form and you do not want form users to change it.

Hidden - do not show this field on the online form

Hide a field to prevent form users from modifying a pre-defined field value. For example, you may have a default answer such as 'today’s date' or 'customer ID' that is pre-filled on the form and you do not want form users to see it.

Show/hide this field with conditional logic

Hide this field until certain conditions/responses in other fields are met. For more information, read the Conditional logic section.