> For the complete documentation index, see [llms.txt](https://globosoftware.gitbook.io/globosoftware-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://globosoftware.gitbook.io/globosoftware-docs/field-types/input-fields/date-time.md).

# Date time

Collect a date, a time, or both, and control exactly which ones a visitor can choose.

The **Date & Time** field lets customers select a date, a time, or both. Use it for appointment requests, delivery dates, event registrations, and more.

***

## 🔧 How to Set It

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**

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2Fgit-blob-f7aa6c8fcf9eff35196f8396d058f13ba9bb48d5%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

***

## ⚙️ Settings

Only the settings specific to this field are covered below. **Label**, **Placeholder**, **Description**, **Required**, and other shared settings work the same across fields.

### 🕒 Date & Time Format

Choose what customers can select:

* **Date & Time:** Select both a date and a time, for appointments.
* **Date only:** Select a date, for delivery scheduling.
* **Time only:** Select a time, for preferred contact times.

You can also customize how the date and time appear.

* **Date format:** For example, `Y-m-d` displays as `2026-10-13`, while `d/m/Y` displays as `13/10/2026`.
* **Time format:** Choose 12-hour (AM/PM) or 24-hour format.

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2FPql4IOc6gXKBgnamymx3%2F2026-10-13_14-06-58.png?alt=media&amp;token=0e0dadd2-0f26-46cc-9802-7f663c75c21b" alt=""><figcaption></figcaption></figure>

### 📆 Default Date & Date Range

* **Default date:** Preselect a date when the form loads.
* **Start date:** Set the earliest selectable date.
* **End date:** Set the latest selectable date.

**Example:** For delivery scheduling, set the Start date to today and the End date to 30 days from today. Customers can choose a delivery date within that period.

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2FPEpuymkSL0FdUwzgya4i%2F2026-10-13_14-09-59.png?alt=media&amp;token=a7c108c9-013b-4685-8a03-17c7104fdc1b" alt=""><figcaption></figcaption></figure>

### 🚦 Limit Date Picker

Use this setting to control exactly which dates customers can select.

**Limit date type:**

* **Enabling dates:** Allow only the dates you specify.
* **Disabling dates:** Block the dates you specify.

Depending on your configuration, you can limit dates by:

* **Specific dates:** Allow or block selected dates.
* **Range dates:** Define a date range.
* **Days of week:** Allow or block particular weekdays.

**Example:** A store accepts weekend pickup only. Configure the date picker to allow Saturday and Sunday, so customers cannot select other weekdays.

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2FYerQMJljT2UbPasvjc1c%2F2026-10-13_14-10-53.png?alt=media&amp;token=a58b0859-7e41-458b-b0b3-aae6f3a3cbf2" alt=""><figcaption></figcaption></figure>

### 🗓️ Only Show Month

Enable **Only show month** when customers need to choose a month instead of a specific day.

**Example:** Use it to collect a subscription start month or credit card expiry month.

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2FFIA99qCEwkmjOyXiwE9m%2F2026-10-13_14-11-36.png?alt=media&amp;token=31f5f655-bf33-4cfd-bf66-270334220db2" alt=""><figcaption></figcaption></figure>

## 🔄 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

***

## Next steps

* [Set a date field limit](/globosoftware-docs/troubleshooting/date-field-limit.md) — restrict which dates a visitor can choose.
* [Show or hide fields with conditional logic](/globosoftware-docs/build-your-form/conditional-logic.md) — react to the date a visitor picks.
* [Overview](/globosoftware-docs/field-types/field-types.md) — every field type, in one table.
