# 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 [**support@powerfulform.com**](mailto:support@powerfulform.com). Our team will be happy to help you resolve any issues or guide you further.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.powerfulform.com/quick-start/form-field-types/date-and-time-field.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.