Shadcn Calendar 30
Calendar with date and time range picker. Built by composing Button, Calendar, Field, Input Group, Popover and 1 more. Uses date-fns alongside the shadcn primitives. A free, open source shadcn calendar example you can install with npx shadcn@latest add @reui/c-calendar-30 and edit as your own code.
Calendar with date and time range picker
About Shadcn Calendar 30
Calendar with date and time range picker. Built by composing Button, Calendar, Field, Input Group, Popover and 1 more. Uses date-fns alongside the shadcn primitives. A free, open source shadcn calendar example you can install with npx shadcn@latest add @reui/c-calendar-30 and edit as your own code.
What You Can Build With Shadcn Calendar 30
- Composes Button, Calendar, Field, Input Group, Popover, Separator, so it drops into any project already using those components.
- Install it with the shadcn CLI: npx shadcn@latest add @reui/c-calendar-30
- 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 9 Year select with navigation
- Calendar 10 Display week numbers
- Calendar 11 Current month button
- Calendar 12 Today button
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.