Datepicker

Description

The date field allows the user to select a single date from a calendar. The date field is useful for collecting dates of birth, event dates, and other date-related information.

This field supports advanced use cases, like:

1. Not allowing past dates.

2. Setting the min date based on another date field, effectively creating a date range.

3. Using the date selection in calculations.

Uses

1. Allow people to choose their date of birth.

2. Allow people to choose a date for an event.

3. Allow people to choose a date for a reservation.

Styling

1. Multi-column layout: Use the layout setting under the General tab to display the field in a multi-column layout.

2. Hide label: Check the Hide label from view setting under the General tab to hide the label from view.

Configuration

Let’s look at the configuration options available for the date field:

1. Min / Max: This setting allows you to set the minimum and maximum dates that can be selected. There are four ways to configure min and max dates:

   1. Fixed date: Specify a fixed date in yyyy-mm-dd format, like 2022-12-31.

   2. Relative date: Select a date relative to the current date. For example, 4 would be four days from today, and -4 would be four days before today. You can use 0 under Min to disable past dates.

   3. Field reference: Type @ to reference another date field in the form. This is useful for creating date ranges.

   4. Math formula: This field also supports calculations which can include other fields and numbers, like {field1 - 5}.

2. Allowed days: This setting allows you to restrict the days that can be selected. You can select specific days of the week, like Monday, Tuesday, etc.

3. Date format: This setting allows you to choose the date format between dd/mm/yyyy and mm/dd/yyyy.