> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cognite.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Date time range picker

> Lets users select a start and end date and time in a single control, with locale-aware formatting and validation.

## Date time range picker

<Badge color="blue">v1.0.0</Badge> | [View in Storybook](https://master--695bb4b1b8041ae09768950a.chromatic.com/?path=/docs/primitives-datetimerangepicker--docs)

Select a date and time range such as 10/06/2025 14:00 – 12/06/2025 16:00. Part of the [Date and time picker](/aura-design-system/primitives/date-and-time-picker) family; display and parsing respect the user's locale.

### When to use

* Event windows, shift schedules, or log queries where both date and time boundaries matter.
* Operational dashboards filtered to precise time ranges.
* When users need to compare intervals that span less than a full day.

### When to use something else

* Date-only ranges: use [Date range picker](/aura-design-system/primitives/date-range-picker).
* Single date and time: use the date time picker via [Date and time picker](/aura-design-system/primitives/date-and-time-picker).
* Time-only ranges without dates: pair two [Time picker](/aura-design-system/primitives/time-picker) instances with clear start/end labels.

### Behavior

* Validate that the end is after the start when both date and time are set.
* Combine [Date picker](/aura-design-system/primitives/date-picker) and [Time picker](/aura-design-system/primitives/time-picker) patterns in one composed control.

### Often used with

* [Label](/aura-design-system/primitives/label), [Helper text](/aura-design-system/primitives/helper-text), [Chart](/aura-design-system/primitives/chart) time-range filters.
