marigold-ui/marigold_2026
Calendar
main
–
Build 269
Basic
Selects a month and year from the dropdowns
Disables the month and year pickers outside the allowed range
Skips out-of-range months and selects an in-range one
Lists only in-range years and selects one
Clamps the year list at minValue and keeps a forward window
Keeps the maxValue year reachable and renders no later years
Reaches both ends of a wide bounded year range
Selecting a non-leap year from a Feb 29 focus resolves cleanly
Opens with the focused year centered
Opens with a focused month
Announces selected and disabled months to assistive tech
Controlled
Disabled
Read Only
Two Months
Navigates forward and back across visible months
Advances one month at a time when pageBehavior is single
Three Months
Three Months Full Width
Multiple Selection
Selects and removes multiple dates
Presets
presets render as a labeled listbox
selecting a preset sets the date and marks the option selected
selecting a preset jumps the visible month to its date
Presets With Min Value
a preset outside minValue/maxValue is disabled
Presets Mobile
opens the quick selection tray
Chromatic publishes Storybook to streamline collaboration
Learn more
Sign in
Canvas
Snapshot
