Date time
Collect a date, a time, or both, and control exactly which ones a visitor can choose.
Use the Date & Time field to let customers select a date, a time, or both. It’s perfect for bookings, delivery dates, appointments, or event scheduling.
🔧 How to Set It
In form editor, click Add element
Select Date time element
The field will appear in your form with a calendar picker
Configure field detail like label, placeholder,...
Click Save
🔧 Settings
Field Label
The name shown above the field.
Example:
“Preferred appointment date”
“Delivery date”
Placeholder text
Optional helper text shown inside the field before selection.
Example:
“Select a date”
“Choose your appointment time”
Description
Extra instructions shown below the field.
Example:
Please select a date at least 2 days from today.
Required field
Make the field mandatory before submission.
Example use case: Appointment booking forms where a date is required.
Format options
Date, Time, or Date & Time
Choose how users interact with the picker:
Date & time – for appointments
Date only – for delivery or event dates
Time only – for preferred contact time
Date format
Control how the date is displayed.
Examples:
Y-m-d→ 2025-12-18d/m/Y→ 18/12/2025
Time format
Choose between:
12-hour format (AM/PM)
24-hour format
Default and limit dates
Default date
Pre-fill the field with a specific date.
Example: Set today’s date as the default.
Start date & End date
Limit which dates users can select.
Example:
Start date: Today
End date: 30 days from today
⇒ If today is Dec 1, the available dates will be from Dec 1 to Dec 31.
This is useful for:
Booking windows
Delivery scheduling
Event registrations
Limit date picker
The Limit date picker option lets you control which dates users are allowed to select in the Date & Time field.
Limit date type options:
1- Enabling dates
2- Disabling dates
For example: Enabling dates
Allow only selected dates instead of blocking them.
Use this when you want users to pick from approved dates only.
Available limit options
Specific dates
Allow only specific dates.
Example:
Enabled dates:
2025-12-20
2025-12-22
⇒ Users can only select December 20 or December 22, 2025.
Use case:
Event registrations
Special delivery days
Appointment slots
Range dates
Allow dates within a defined start and end range.
Example:
Start date: 2025-12-15
End date: 2025-12-26
⇒ Users can select any date between December 15 and December 31.
Use case:
Holiday bookings
Limited-time promotions
Delivery windows
Days of week
Allow only specific days of the week.
Example:
Allowed days: Saturday, Sunday
⇒ Users can only select weekends.
Use case:
Weekend-only services
Store pickup days
Part-time availability
Only show month
Hide individual days and let users select month only.
Example use case:
Subscription start month
Credit card expiry month
🔄 How It Works
The Date & Time field displays a calendar (and optional time picker) so users can easily choose when something should happen.
You can control:
Whether users select date only, time only, or date & time
Which dates are allowed
The format of the date and time
Default and limited date ranges
💡 Example
Appointment booking ⇒ Date & time required
Delivery date selection ⇒ Date only with limits
Event registration ⇒ Date range restricted
Preferred contact time ⇒ Time only
⚠️ Limits & Notes
Limit date picker works in both directions: Enabling dates allows only the dates you list, Disabling dates blocks the dates you list. Pick whichever needs the shorter list.
Date only stores no time and Time only stores no date. Choose Date & time when you need both.
Date format and Time format change how the answer reads, not which dates are allowed. Settle on one format and use it on every form, so the answers line up when you read them side by side.
Next steps
Set a date field limit — restrict which dates a visitor can choose.
Show or hide fields with conditional logic — react to the date a visitor picks.
Overview — every field type, in one table.
Last updated