- Home
- Design system
- Ux patterns
- Datetime panel
Datetime Panel
A combined datetime panel for selecting and filtering dates/times
Overview
The ds-datetime-panel component provides the layout/arrangement of a panel containing date/time pickers for filtering or searching.
ds-datetime-panel is designed to work as the menu contents of a ds-menubutton
Basic usage
The basic building blocks of ds-datetime-panel are as follows:
| Class | Required? | Description |
|---|---|---|
ds-datetime-panel | The top-most level container. | |
__range | The container for the From/To datetime-split components. | |
__recent | The container for the menu of recently used times. | |
__relative | The container for the menu of relative times. |
html
Copy
Tests
html
Copy