Components
Curated UI collection
shadcn Calendar React Components
The shadcn calendar component collection includes 60 React components designed for date selection and calendar interfaces. With 41 exact matches, this curated selection covers calendar implementations, date pickers, and scheduling UI patterns built on shadcn's component architecture. Browse calendar components that integrate with popular date libraries and provide flexible styling options for your React applications.
Calendar with event slots
by shadcn
Calendar
by Ali Imam
Event Calendar
by Ruixen
Calendar with time pressets
by shadcn
Dual Calendar
by shadcn
Heatmap Calendar
by Ruixen
Glass Calendar
by Ravi Katiyar
Calendar Twin
by Ruixen
Calendar with localisation
by shadcn
Economic Calendar
by Ravi Katiyar
Calendar with little-date
by shadcn
Monthly Heatmap Calendar
by Ruixen
Fullscreen Calendar
by Ahmed Mayara
Calendar Scheduler
by Ruixen
Range selection calendar
by shadcn
Event Scheduler
by Ruixen
Pill Calendar
by Ruixen
Calendar Variable size
by shadcn
Calendar with disabled days
by shadcn
ThreeD Wall Calendar
by Ruixen
Inbox Calendar
by Ruixen
Dialog
by Origin UI
Calendar Date Picker
by shadcn
Calendar with time piker
by shadcn
Stacked Bar Calendar
by Ruixen
Accordion
by Origin UI
Dialog
by Origin UI
Wheel Of Time Calendar
by Ruixen
Table
by Origin UI
Side Panel Multi Calendar
by Ruixen
Calendar with day button
by shadcn
Banner
by Serafim
Dialog
by Origin UI
Icons
by shadcn
Command
by Origin UI
Calendar picker in a drawer
by shadcn
Calendar Date & Time range
by shadcn
Mini Calendar
by Hardik Kubavat
Retro Space Shooter GitHub Calendar
by Jahirul Islam![Calendar [React Day Picker] — shadcn calendar component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/default/preview.1737991983843.png)
Calendar [React Day Picker]
by Origin UI
Shadcn Accordion
by ShadcnSpace![Calendar [React Day Picker] — shadcn calendar component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/appointment-picker/preview.png?v=1)
Calendar [React Day Picker]
by Origin UI
Calendar with start end month
by shadcn
Dialog
by Origin UI
Calendar with disabled weekends
by shadcn
Calendar date and time picker
by shadcn
Day Picker
by 0xUrvish
Scheduler
by Ruixen
Calendar day picker
by shadcn
Dialog
by Origin UI
Dialog
by Origin UI
Dialog
by Origin UI
Dotted Dialog
by Serafim
Chart filter
by shadcn![Calendar [React-Area] — shadcn calendar component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar-rac/default/preview.1737992261935.png)
Calendar [React-Area]
by Origin UI
Code Editor Sheet
by Bankk roll
Calendar with presets
by shadcn
Calendar With Month and Year Dropdown
by shadcn
Calendar language date picker
by shadcn
Table
by Origin UI
What’s in this collection
- 3 of 52 use Motion
- 7 of 52 use Radix
- 16 of 52 use Lucide icons
- 26 need nothing beyond React and Tailwind
- Most common dependencies: lucide-react, date-fns, @radix-ui/react-icons