Shadcn Calendar 9
Year select with navigation. Built by composing Calendar, Card, Select. Uses react-day-picker alongside the shadcn primitives. A free, open source shadcn calendar example you can install with npx shadcn@latest add @reui/c-calendar-9 and edit as your own code.
Year select with navigation
About Shadcn Calendar 9
Year select with navigation. Built by composing Calendar, Card, Select. Uses react-day-picker alongside the shadcn primitives. A free, open source shadcn calendar example you can install with npx shadcn@latest add @reui/c-calendar-9 and edit as your own code.
What You Can Build With Shadcn Calendar 9
- Composes Calendar, Card, Select, so it drops into any project already using those components.
- Install it with the shadcn CLI: npx shadcn@latest add @reui/c-calendar-9
- Open source and free, with the full source on this page to copy or adapt.
More Shadcn Calendar Examples
- Calendar 1 Basic calendar
- Calendar 2 Range calendar
- Calendar 3 Disabled dates
- Calendar 4 Multiple day selection
- Calendar 5 Custom select day style
- Calendar 6 Custom select range style
- Calendar 7 Right navigation
- Calendar 8 Month and year selection
- Calendar 10 Display week numbers
- Calendar 11 Current month button
- Calendar 12 Today button
- Calendar 13 Custom navigation with year view
Related Shadcn Component Categories
Open-source shadcn card components for content previews, dashboard widgets, and product summaries.
Open-source shadcn carousel components for image galleries, feature showcases, and testimonials.
Nested multi-level selection with drill-down navigation, breadcrumbs, search and custom rows.
Open-source shadcn chart components for analytics dashboards, KPI tracking, and reports.
Open-source shadcn checkbox components for multi-select forms, settings preferences, and table selection.
Open-source shadcn code block components with Shiki syntax highlighting for AI chat, streaming agent output, diff review, and documentation.