Start free trial

Date Select

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

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

Tip: If you’re looking to set up a fully-fledged booking system, use the Booking field.

 

Basic setup

  1. In the Form Fields panel (left-hand side), click and drag the Date Select field onto your form.
  2. Enter the question or name.
  3. (Optional) Use scrolling date select instead of the calendar popup.
  4. (Optional) Tick if answering this question is compulsory.
  5. Save & Close.

 

Show advanced options 

Advanced options provide additional controls and functionality as explained in the table below.

OptionTick this if you want to…
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. 

For example, you may want to:

  • show multiple fields with the same question or label, or
  • 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 allowedReduce the date range to a specific period.
Disable certain days: Mon, Tues, Wed, Thur, Fri, Sat, SunLock certain days on the calendar to prevent selection.
Pre-enter a default datePrefill the field with a particular date. 

Tip: If you want to prefill the field with the current date, enter ‘0’ as the default date.

Add a placeholder in the answer boxProvide an example of a response or required format to guide form users. The placeholder text will disappear when a date is selected.
Further instructionsDisplay some informative text just below the field.
Disable all past datesPrevent form users from selecting dates in the past.
Disable all future datesPrevent form users from selecting dates in the future, e.g. date of birth.
Enable time picker

Hour increment

Minute increment 


Max. submissions per date/time

Min & Max time

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

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

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

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


Set the minimum and maximum time that can be selected.

Disable typing – Only allow user to select a date from the calendarOnly allow form users to select dates from the calendar to ensure consistency in the date format.
Read-only – don’t allow entry into this fieldLock 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 don’t want form users to change it.

Hidden – don’t show this field on the online formHide 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 don’t want form users to see it.

Show /hide this field with conditional logicHide this field until certain conditions/responses in other fields are met.

To learn more, see Show/hide fields based on conditions.

 

Get an online form trial or demo absolutely free.