15.27Component
Calendar & date.
The Calendar primitive is react-day-picker, brand-themed. There's no shipped DatePicker yet (gap, see below); for now compose Calendar inside a Popover for date inputs.
Calendar · single date
Calendar · range
DatePicker recipe · Calendar inside Popover
- surface
- bg-glacier · rounded-xl · p-3-4
- selected day
- bg-arc text-white · rounded-md
- today
- text-arc · ring-1 ring-arc-soft
- range fill
- bg-arc-tint · arc text on endpoints
- nav buttons
- ghost · size-7 · chevron icons