Dates

Components #

Each component has its own page with a focused preview, installation, usage and API.

• CalendarA month grid for choosing a day or a range, usable on its own or inside a picker.
• Date pickerA date field that opens a calendar, with min, max and today shortcuts.
• Time pickerChoose a time with minute steps and a 12 or 24 hour format.
• Date inputA date field you type into, with the reading shown live and a month that carries data marks.
• Duration fieldA length of time, not a time of day: type it the way you would say it (90, 1h 30m, 1:30), step it with the buttons or arrow keys, or pick a common length.