Components
Curated UI collection
React Datepicker Components
React datepicker components help developers add date selection functionality to their applications. With 60 available options in the 21st.dev database, you can find datepickers ranging from simple single-date selectors to complex calendar interfaces with range selection, time picking, and localization support. Whether you need a lightweight solution or a feature-rich component library, these React datepickers integrate seamlessly into modern web applications.
Interactive Selector
by Le Thanh
Fullscreen Calendar
by Ahmed Mayara![Calendar [React Day Picker] — datepicker in react 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
Emoji Picker
by liveblocks![Calendar [React Day Picker] — datepicker in react 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
DatePicker
by Hero Ui![Calendar [React Day Picker] — datepicker in react 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 [React-Area] — datepicker in react 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
Day Picker
by 0xUrvish![Calendar [React Day Picker] — datepicker in react 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-Area] — datepicker in react 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
Apple Calendar Picker
by Muhammad Asif
Event Manager
by Vaibhav Kumar Singh
Datetime Picker
by OpenStatus
Mini Calendar
by Hardik Kubavat
Date Wheel Picker
by Osiris Balonga
Appointment Scheduler
by Vaibhav Kumar Singh![Calendar [React Day Picker] — datepicker in react 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![Date Range Picker [react-aria-components] — datepicker in react 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![Calendar [React Day Picker] — datepicker in react 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 Day Picker] — datepicker in react 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] — datepicker in react 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
Date Picker
by Shailendra![Calendar [React Day Picker] — datepicker in react 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
Calendar with time pressets
by shadcn![Date Picker [react-aria-components] — datepicker in react 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
Color Picker
by Trevor McIntire![Calendar [React Day Picker] — datepicker in react 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 [React Day Picker] — datepicker in react 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
DateTimePicker
by Ruixen UI![Calendar [React Day Picker] — datepicker in react 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
Meeting Scheduler
by Kavi Katiyar
Emoji Picker
by liveblocks
Calendar
by coss![Calendar [React Day Picker] — datepicker in react 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 [React Day Picker] — datepicker in react 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 [React Day Picker] — datepicker in react 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
Dock
by Dillion Verma
PDF Viewer
by Andrew Luo
Calendar
by ShadcnStudio
Date Wheel Picker
by johuniq![Calendar [React Day Picker] — datepicker in react 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
Input
by Origin UI
Card
by Ravi Katiyar
Date picker
by shadcn
Color Picker
by Trevor McIntire
Input
by Origin UI
Calendar With Presets
by Ruixen UI
Dropdown Range Date Picker
by Ruixen UI
Calendar Scheduler
by Ruixen UI
Drawer
by Efferd![Date Field [react-aria-components] — datepicker in react component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/datefield/1027/preview.png)
Date Field [react-aria-components]
by James Shopland![Calendar [React-Area] — datepicker in react 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
Spinner
by Efferd
Event Scheduler
by Ruixen UI
Radial Time Picker
by Mathew
DatePicker
by Hero Ui
Universal Date Picker
by Ruixen UI![Calendar [React Day Picker] — datepicker in react 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
Drawer
by Efferd
What’s in this collection
- 7 of 37 use Motion
- 19 of 37 use Lucide icons
- 7 need nothing beyond React and Tailwind
- Most common dependencies: lucide-react, date-fns, motion