# Date Range

<figure><img src="/files/vj2kCkcrphElX0RQIBW7" alt=""><figcaption></figcaption></figure>

The Date Range feature combines a select and input field, enabling users to choose two dates from a popup calendar or enter them directly as text. This feature supports start and end dates, along with constraints for minimum and maximum dates, ensuring precise date selection and validation.

<figure><img src="/files/2f1etMEzYSkSYJY5282g" alt=""><figcaption></figcaption></figure>

* **Dual Date Selection**: Select a start and end date using an intuitive popup calendar or by directly entering the dates.
* **Date Constraints**: Set minimum and maximum date limits to guide user input and ensure valid date ranges.
* **Time Zone Format Support**: Display date values in different time zones and automatically adjust for time differences. For example, a date of January 1, 2021, at 11:00 PM (UTC) can be shown as January 2, 2021, at 8:00 AM (UTC+9:00).

<figure><img src="/files/bxCHkXHtYpgKOsgsTyAe" alt=""><figcaption></figcaption></figure>

**Use Cases**

* **Event Planning**: Allow users to select date ranges for events, accommodating different time zones for global participants.
* **Reporting Periods**: Enable users to specify start and end dates for generating reports within defined date constraints.
* **Booking Systems**: Facilitate booking and reservation systems by providing a clear and flexible date range selection, ensuring valid date entries.


---

# 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.jetadmin.io/user-guide/design-and-structure/components/fields/date-range.md?ask=<question>
```

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.
