Components
Curated UI collection
Shadcn Calendar Components
Shadcn calendar components provide customizable date selection, event display, and scheduling interfaces for React. With 54 components available, you can integrate date pickers, calendar views, and range selectors directly into your application. These components are built on shadcn's design system and work seamlessly with React projects requiring calendar functionality.
Calendar with event slots
by shadcn
Calendar with time pressets
by shadcn
Event Calendar
by Ruixen
Calendar with little-date
by shadcn
Calendar with disabled days
by shadcn
Calendar with localisation
by shadcn
Dual Calendar
by shadcn
Calendar Variable size
by shadcn
Calendar Date Picker
by shadcn
Calendar with day button
by shadcn
Calendar with time piker
by shadcn
Calendar picker in a drawer
by shadcn
Calendar with presets
by shadcn
Event Scheduler
by Ruixen
Pill Calendar
by Ruixen
Calendar Twin
by Ruixen
Range selection calendar
by shadcn
Heatmap Calendar
by Ruixen
Calendar
by Ali Imam
Inbox Calendar
by Ruixen
Glass Calendar
by Ravi Katiyar
Calendar Scheduler
by Ruixen
Calendar Date & Time range
by shadcn
Calendar with start end month
by shadcn
Calendar day picker
by shadcn
Calendar language date picker
by shadcn
Calendar with disabled weekends
by shadcn
Calendar with time picker inline
by shadcn
Calendar date and time picker
by shadcn![Calendar [React Day Picker] — calendar shadcn component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar/appointment-picker/preview.png?v=1)
Calendar [React Day Picker]
by Origin UI
Fullscreen Calendar
by Ahmed Mayara
Calendar Date and Time range
by shadcn
Calendar with week numbers
by shadcn
Stacked Bar Calendar
by Ruixen![Calendar [React Day Picker] — calendar shadcn component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar/default/preview.1737991983843.png)
Calendar [React Day Picker]
by Origin UI
Scheduler
by Ruixen
Economic Calendar
by Ravi Katiyar
Event Manager
by Vaibhav Kumar Singh
Wheel Of Time Calendar
by Ruixen
Day Picker
by 0xUrvish
Calendar With Month and Year Dropdown
by shadcn
Calendar with range selection
by shadcn
Priority Pyramid Calendar
by Ruixen
Accordion
by Origin UI
Multiple months calendar
by shadcn
Monthly Heatmap Calendar
by Ruixen
Card
by Ravi Katiyar
Apple Calendar Picker
by Muhammad Asif
Returns Calendar
by Savva Sicevs
ThreeD Wall Calendar
by Ruixen![Calendar [React-Area] — calendar shadcn component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar-rac/default/preview.1737992261935.png)
Calendar [React-Area]
by Origin UI
Table
by Origin UI
Command
by Origin UI
Multiple months range
by shadcn
Calendar
by tigran tumasov
Mini Calendar
by Hardik Kubavat
Calendar
by ShadcnStudio
Calendar With Presets
by Ruixen
ChronoSelect
by Ruixen
Dialog
by Origin UI
What’s in this collection
- 5 of 59 use Motion
- 5 of 59 use Radix
- 19 of 59 use Lucide icons
- 30 need nothing beyond React and Tailwind
- Most common dependencies: lucide-react, date-fns