Calendar
Date picker calendar rendered as a tinted tray surface on a white canvas. Days behave like mini interactive chips within the Tinted Trays design system.
Basic Calendar
Single date selection with the default tray surface.
Inverted Canvas
Tinted canvas block with a white calendar surface.
Date Range
Select a range of dates with connected visual styling.
Multiple Dates
Select multiple individual dates.
Two Months View
Display two months side by side for range selection.
With Week Numbers
Display ISO week numbers alongside the calendar.
Disabled Dates
Calendar with past dates disabled and specific dates blocked.
Fixed Weeks
Always show 6 weeks for consistent height.
Hide Outside Days
Calendar without showing days from adjacent months.
Static Display
Non-interactive calendar for display purposes only.