Date time range picker
v1.0.0 | View in Storybook 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 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.
- Single date and time: use the date time picker via Date and time picker.
- Time-only ranges without dates: pair two 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 and Time picker patterns in one composed control.
Often used with
- Label, Helper text, Chart time-range filters.