Date

Free feature

Date is available to all Fomr users.

The Date component provides a calendar-based date picker for collecting specific dates from respondents. Use it for birthdays, event dates, deadlines, and any question requiring a single date.

When to use Date

Date is ideal for:

• Birth dates
• Event dates
• Appointment scheduling
• Deadlines and due dates
• Start or end dates
• Any single date selection

Tip

For selecting a range of dates (start and end), use the Date Range component. For date and time together, use Date & Time.

Adding a Date component

1. Open your form in the editor

2. Drag the Date component from the left sidebar onto your form

3. Click the component to select it and configure its settings

Configuration options

Question label

The main question or prompt displayed above the date picker.

Examples:

• “Date of birth”
• “Preferred appointment date”
• “Event date”
• “When did this occur?”

Description

Optional helper text that appears below the question label.

When to use descriptions:

• To specify date format expectations
• To clarify which date you’re asking for
• To provide context or constraints

Examples:

• “Select your preferred date for the meeting”
• “Must be at least 18 years ago”
• “Choose a weekday if possible”

Date format

Choose how dates are displayed:

Format	Example
MM/DD/YYYY	01/15/2024
DD/MM/YYYY	15/01/2024
YYYY-MM-DD	2024-01-15

Choose the format most familiar to your audience.

Minimum date

Set the earliest date that can be selected.

Use cases:

• Future dates only (min = today)
• Events after a certain date
• Age restrictions (min = 18 years ago)

Maximum date

Set the latest date that can be selected.

Use cases:

• Past dates only (max = today)
• Booking windows (max = 30 days from now)
• Historical data (max = specific past date)

Required

Toggle whether a date must be selected before the form can be submitted.

When enabled:

• An asterisk (*) appears next to the question label
• Users must select a date to submit
• A validation message appears if no date is selected

Date picker interaction

Opening the calendar

• Click the date field to open the calendar
• Calendar displays the current month by default
• Navigate between months using arrows

Selecting a date

• Click any available date to select it
• Selected date is highlighted
• Calendar closes after selection
• Date appears in the field

Navigation

• Previous/Next month: Arrow buttons
• Month/Year selection: Click month or year to jump
• Today: Quick link to current date

Keyboard support

• Arrow keys to navigate days
• Enter to select
• Escape to close

Tips for effective use

Choose the right format. Use the date format your audience expects (MM/DD/YYYY in US, DD/MM/YYYY in most other countries).

Set sensible constraints. Use min/max dates to prevent obviously invalid selections (future birth dates, past appointment dates).

Be clear about what date you need. “Date” is ambiguous—specify “start date,” “birth date,” “event date,” etc.

Consider time zones. If the date matters for scheduling, clarify the timezone in your description.

Provide context. If there are preferred dates or blackout dates, mention them in the description.

Validation

The Date component validates:

• Date is within min/max range (if set)
• Date is a valid calendar date
• Field is not empty (if required)

Accessibility

The Date component is built with accessibility in mind:

• Keyboard navigation support
• Screen reader compatible
• Clear focus states
• ARIA labels for calendar controls
• Date format is announced

Handling responses

Date responses in your form results:

• Display in the configured format
• Can be sorted chronologically
• Are included in exports
• Allow date-based filtering