Shadcn.io is not affiliated with official shadcn/ui
Mini Calendar
Compact horizontal date picker with navigation arrows for React
Sleek horizontal calendar strip. Days as vertical buttons (month abbrev + day number), today highlighted, selected date filled. Arrow buttons page through dates—show 5, 7, or any number of consecutive days. Controlled (value/onValueChange) or uncontrolled (defaultValue). Compound API: MiniCalendar, MiniCalendarNavigation, MiniCalendarDays, MiniCalendarDay. Perfect for booking, appointments, or event pickers.
Scroll to load preview
Installation
Related Components
FAQ
Was this page helpful?
Sign in to leave feedback.