Components
Curated UI collection
React Calendar Picker Components
React calendar picker components enable users to select dates through an interactive calendar interface. Our collection includes 55 calendar picker solutions across various React libraries and UI frameworks. Whether you need a simple date selector or an advanced calendar with multiple selection modes, these components provide flexible date picking functionality for forms, scheduling applications, and date-based interfaces.
![Calendar [React Day Picker] — react calendar picker 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] — react calendar picker 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
Day Picker
by 0xUrvish
Apple Calendar Picker
by Muhammad Asif
Fullscreen Calendar
by Ahmed Mayara
Calendar
by coss![Calendar [React Day Picker] — react calendar picker 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] — react calendar picker component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/default/preview.1737991401753.png)
Calendar [React Day Picker]
by Origin UI
Calendar
by Ali Imam![Calendar [React-Area] — react calendar picker 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 [React Day Picker] — react calendar picker component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/range-calendar-with-presets/preview.png?v=1)
Calendar [React Day Picker]
by Origin UI![Calendar [React-Area] — react calendar picker 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![Calendar [React Day Picker] — react calendar picker 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
Event Manager
by Vaibhav Kumar Singh
Mini Calendar
by Hardik Kubavat![Calendar [React Day Picker] — react calendar picker component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/default/preview.1737991444744.png)
Calendar [React Day Picker]
by Origin UI![Calendar [React Day Picker] — react calendar picker 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
Glass Calendar
by Ravi Katiyar![Calendar [React Day Picker] — react calendar picker 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] — react calendar picker 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
Date Wheel Picker
by Osiris Balonga![Calendar [React Day Picker] — react calendar picker 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 With Presets
by Ruixen UI
Date Wheel Picker
by johuniq
DatePicker
by Hero Ui![Calendar [React Day Picker] — react calendar picker component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/default/preview.1737991510476.png)
Calendar [React Day Picker]
by Origin UI![Calendar [React Day Picker] — react calendar picker 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![Calendar [React Day Picker] — react calendar picker 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
Emoji Picker
by liveblocks
Calendar with time pressets
by shadcn![Date Range Picker [react-aria-components] — react calendar picker component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/date-range-picker/default/preview.png)
Date Range Picker [react-aria-components]
by James Shopland
Appointment Scheduler
by Vaibhav Kumar Singh![Calendar [React Day Picker] — react calendar picker component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/w/preview.png?v=1)
Calendar [React Day Picker]
by Origin UI
Calendar Scheduler
by Ruixen UI
Card
by Ravi Katiyar
Calendar
by tigran tumasov
Calendar
by coss![Calendar [React Day Picker] — react calendar picker 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
Side Panel Multi Calendar
by Ruixen UI
Meeting Scheduler
by Kavi Katiyar
Event Calendar
by Ruixen UI
Calendar
by tigran tumasov
Multi Month Calendar
by Ruixen UI![Calendar [React Day Picker] — react calendar picker component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/custom-select-day-style/preview.png?v=1)
Calendar [React Day Picker]
by Origin UI![Range Calendar [react-aria-components] — react calendar picker component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/range-calendar/default/preview.png)
Range Calendar [react-aria-components]
by James Shopland
Calendar
by tigran tumasov![Date Picker [react-aria-components] — react calendar picker component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/date-picker/1045/preview.png)
Date Picker [react-aria-components]
by James Shopland
Date Picker
by Shailendra
Calendar
by ShadcnStudio![Calendar [React Day Picker] — react calendar picker component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/default/preview.1737991782118.png)
Calendar [React Day Picker]
by Origin UI![Calendar [React-Area] — react calendar picker 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![Calendar [React Day Picker] — react calendar picker 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
Event Scheduler
by Ruixen UI
ThreeD Wall Calendar
by Ruixen UI![Calendar [React Day Picker] — react calendar picker component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/default/preview.1737991842510.png)
Calendar [React Day Picker]
by Origin UI
Date picker
by shadcn
CalendarLume
by Ruixen UI
Dropdown Range Date Picker
by Ruixen UI
Calendar with time piker
by shadcn
Calendar Planner
by Ruixen UI
What’s in this collection
- 7 of 36 use Motion
- 21 of 36 use Lucide icons
- 6 need nothing beyond React and Tailwind
- Most common dependencies: lucide-react, date-fns, motion