Components
Calendar
Calendars present single-date or range selection in a compact month view.
Single Date
Use single mode when the interface needs one chosen day with minimal extra UI.
Disabled Days
Disabled ranges are useful for unavailable dates.
Date Ranges
Range mode works well for reporting, booking, and filtering flows where a start and end date belong together.
Dropdown Captions
Dropdown month and year captions help when users need to move quickly across larger time spans.
Two-Month Display
months="2" shows two months side by side — useful for ranges and booking-style UIs.
Week Numbers
with-week-numbers adds an ISO 8601 week column.
View Stepper
Click the month/year title to step between day, month, and year views.
Days of Week
disabled-days-of-week takes space-separated weekday names (sun, mon, …).
Edit this page
Last updated: Jul 19, 2026, 4:42 PM