> For the complete documentation index, see [llms.txt](https://docs.powerfulform.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.powerfulform.com/quick-start/form-field-types/date-and-time-field.md).
# 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
1. In form editor, click **Add element**
2. Select **Date time** element
3. The field will appear in your form with a calendar picker
4. Configure field detail like label, placeholder,...
5. 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-18
* `d/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 . Our team will be happy to help you resolve any issues or guide you further.