Components
Curated UI collection
React Calendar Components
React calendar components provide essential functionality for displaying dates, managing schedules, and handling date selection in web applications. The 21st.dev registry includes 58 calendar components across 60 packages, offering developers multiple options for integrating calendar functionality. These components range from simple date pickers to complex scheduling interfaces, each designed to meet different project requirements and use cases.
Calendar
by SubframeApp
Calendar
by Abraham
Calendar Planner
by Ruixen
Event Calendar
by Ruixen
Mini Calendar
by Hardik Kubavat![Calendar [React Day Picker] — calendar component component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/three-months-calendar/preview.png?v=1)
Calendar [React Day Picker]
by Origin UI
Calendar With Presets
by Ruixen![Calendar [React Day Picker] — calendar component component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/two-months-calendar/preview.png?v=1)
Calendar [React Day Picker]
by Origin UI![Calendar [React Day Picker] — calendar component 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
by Abraham
Event Calendar
by Arihant jain
Day Picker
by 0xUrvish
Calendar
by Abraham
Calendar
by SubframeApp
Calendar with little-date
by shadcn![Calendar [React-Area] — calendar component component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar-rac/default/preview.1737992099506.png)
Calendar [React-Area]
by Origin UI
Calendar
by ShadcnStudio
Calendar with booked days
by shadcn![Calendar [React-Area] — calendar component 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
Apple Calendar Picker
by Muhammad Asif
Calendar
by Abraham![Calendar [React Day Picker] — calendar component component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/pricing-calendar/preview.png?v=1)
Calendar [React Day Picker]
by Origin UI
Inbox Calendar
by Ruixen
Calendar
by Abraham
Calendar
by Abraham![Calendar [React Day Picker] — calendar component component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/default/preview.1737991729807.png)
Calendar [React Day Picker]
by Origin UI
Calendar
by Ali Imam
Card
by Ravi Katiyar
Pill Calendar
by Ruixen
Calendar
by ShadcnStudio
Calendar
by SubframeApp
Calendar
by Abraham
Calendar with event slots
by shadcn![Calendar [React Day Picker] — calendar component component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/calendar-with-presets/preview.png?v=1)
Calendar [React Day Picker]
by Origin UI
Calendar
by tigran tumasov
Calendar
by ShadcnStudio
Fullscreen Calendar
by Ahmed Mayara
Calendar
by Abraham
Glass Calendar
by Ravi Katiyar
Event Manager
by Vaibhav Kumar Singh![Calendar [React Day Picker] — calendar component 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![Calendar [React Day Picker] — calendar component component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/weekly-numbers/preview.png?v=1)
Calendar [React Day Picker]
by Origin UI
Calendar
by Chetan Verma![Calendar [React Day Picker] — calendar component component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/default/preview.1737991942757.png)
Calendar [React Day Picker]
by Origin UI
Calendar with localisation
by shadcn![Calendar [React Day Picker] — calendar component component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/default/preview.1737991677442.png)
Calendar [React Day Picker]
by Origin UI
Calendar
by Abraham
Meeting Scheduler
by Kavi Katiyar
Calendar Scheduler
by Ruixen
Calendar
by Abraham![Calendar [React Day Picker] — calendar component component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/default/preview.1737991576300.png)
Calendar [React Day Picker]
by Origin UI![Calendar [React Day Picker] — calendar component component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/default/preview.1737991629350.png)
Calendar [React Day Picker]
by Origin UI
Calendar with presets
by shadcn
Calendar
by Abraham
Calendar language date picker
by shadcn
Calendar With Month and Year Dropdown
by shadcn![Calendar [React Day Picker] — calendar component component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/with-time-input/preview.png?v=1)
Calendar [React Day Picker]
by Origin UI
Calender
by Preet Suthar![Calendar [React-Area] — calendar component component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar-rac/default/preview.1737992048466.png)
Calendar [React-Area]
by Origin UI
What’s in this collection
- 7 of 31 use Motion
- 14 of 31 use Lucide icons
- 10 need nothing beyond React and Tailwind
- Most common dependencies: lucide-react, date-fns, motion