Date & Time field
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.
✅ What this field does
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
🧩 How to add a Date & Time field
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
⚙️ Field settings explained
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
💡 Example use cases
Appointment booking ⇒ Date & time required
Delivery date selection ⇒ Date only with limits
Event registration ⇒ Date range restricted
Preferred contact time ⇒ Time only
Need More Help?
If you still need assistance, please contact us at [email protected]. Our team will be happy to help you resolve any issues or guide you further.
Last updated