Date and date-range entry: a text field that parses typed dates, plus a calendar popover.
A simple date picker with a value set.
Click the calendar button to open the popover.
Custom shortcuts appear alongside the Today button.
Click the month label to switch to a month grid, then click a month to return to the day view.
From the month grid, click the year label to see a year grid.
Range mode after selecting the start date but before the end. The second click is armed.
A completed range selection.
In range mode at 600px or wider, two months are shown side by side.
Weekends are disabled via the disabledDates predicate.
ISO week numbers shown in a leading column.
After typing unparseable text and blurring, the field shows a type mismatch error.
Small, medium (default), and large.
When there is not enough space below, the calendar opens above the field.
The same component in dark theme. Toggle the theme switch in the toolbar to compare.