Date & Time

Free feature

Date & time is available to all Fomr users.

The Date & Time component combines date and time selection into a single input. Use it when you need to collect both a specific date and time together, such as for scheduling appointments or events.

When to use Date & Time

Date & Time is useful for:

• Appointment scheduling
• Event start/end times
• Meeting requests
• Deadline timestamps
• Reservation times
• Any question requiring both date and time

Tip

If you only need a date without time, use the Date component. For time without date, use Time.

Adding a Date & Time component

1. Open your form in the editor

2. Drag the Date & Time 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 picker.

Examples:

• “Appointment date and time”
• “When would you like to schedule the meeting?”
• “Event start”
• “Preferred pickup time”

Description

Optional helper text that appears below the question label.

When to use descriptions:

• To specify timezone
• To indicate available slots
• To provide scheduling context

Examples:

• “All times are in Eastern Time (ET)”
• “Available Monday-Friday, 9 AM - 5 PM”
• “Select your preferred date and time for the consultation”

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

Time format

Choose how times are displayed:

Format	Example
12-hour	2:30 PM
24-hour	14:30

Minute step

Control the granularity of minute selection:

Step	Available Minutes
1	Every minute
5	00, 05, 10… 55
10	00, 10, 20… 50
15	00, 15, 30, 45
30	00, 30
60	00 (hour only)

Required

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

When enabled:

• An asterisk (*) appears next to the question label
• Users must select both date and time to submit
• A validation message appears if incomplete

Date and time picker interaction

Selecting date

1. Click the date field to open the calendar
2. Navigate to the desired month
3. Click the date to select it

Selecting time

1. Select the hour
2. Select the minutes (based on step setting)
3. Choose AM/PM (for 12-hour format)

Combined selection

The component may display:

• Side-by-side date and time fields
• Sequential selection (date first, then time)
• Combined picker interface

Tips for effective use

Always specify timezone. When scheduling across regions, clearly state the timezone in your description.

Use appropriate minute steps. 15 or 30-minute intervals work well for most scheduling. Avoid 1-minute precision unless truly needed.

Match your audience’s formats. Use familiar date and time formats for your target audience.

Indicate availability. If only certain dates/times are valid, mention this clearly.

Consider time zones carefully. For international audiences, consider asking for timezone separately or specifying that times are in a particular zone.

Validation

The Date & Time component validates:

• Both date and time are selected
• Date is valid
• Time is valid
• Field is not empty (if required)

Accessibility

The Date & Time component is built with accessibility in mind:

• Keyboard navigation for both date and time
• Screen reader compatible
• Clear focus states
• Proper ARIA labels
• Formats are announced

Handling responses

Date & Time responses in your form results:

• Display both date and time together
• Can be sorted chronologically
• Are included in exports as timestamps
• Allow filtering by date or time

Time zone considerations

The Date & Time component collects a timestamp without explicit timezone information. Best practices:

1. Specify timezone in description: “All times are in Pacific Time (PT)”
2. Ask for timezone separately: Add a dropdown if respondents are in different zones
3. Use UTC for storage: Convert to UTC in your backend for consistency
4. Clarify local vs. specific: State whether times are in respondent’s local time or a specific zone