Shadcn.io is not affiliated with official shadcn/ui
Calendar with Custom Select Day Style
A calendar allowing multiple individual date selection for non-consecutive date picking
Need to select your available interview days or pick multiple delivery dates? This React calendar enables multi-select mode with react-day-picker, letting users click multiple individual dates. Built with shadcn/ui styling and mode multiple, selected dates highlight independently—perfect for availability calendars, multi-day event registration, or flexible scheduling systems.
Calendar with Custom Select Day Style preview
Scroll to load preview
Installation
Related Components
Single Date Calendar
Basic single date selection
Range Calendar
Continuous date range selection
Checkbox Component
Multiple option selection
Disabled Dates
Calendar with unavailable dates
Custom Day Rendering
Calendars with additional date information
Badge Component
Selection count indicators
FAQ
Was this page helpful?
Sign in to leave feedback.