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 UI
Event Calendar
by Ruixen UI
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 UI![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 UI
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 UI
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
Appointment Scheduler
by Vaibhav Kumar Singh
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 UI
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
Frequently asked questions
How many calendar components are available on 21st.dev?
There are 58 calendar components available across 60 packages in the 21st.dev registry, providing developers with multiple options for different calendar and date-handling needs.
What types of calendar components can I find?
The registry includes various calendar component types such as date pickers, event calendars, scheduling tools, and date range selectors, each serving different use cases in React applications.
Where can I find React calendar components?
You can browse and search for React calendar components directly on 21st.dev, which indexes components from npm and other package registries.