Components
Curated UI collection
React JS Datepicker Components
React JS datepicker components enable developers to add calendar-based date selection functionality to their applications. With 60 available options in the 21st.dev database, including 4 exact matches for React datepicker libraries, you can find solutions ranging from lightweight single-date pickers to complex range selectors with time support. These components integrate seamlessly into React applications and provide various customization options for styling, localization, and date formatting.
![Calendar [React Day Picker] — react js datepicker 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
Date Wheel Picker
by Osiris Balonga
Date Picker
by Shailendra![Calendar [React Day Picker] — react js datepicker 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![Date Range Picker [react-aria-components] — react js datepicker 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
DatePicker
by Hero Ui![Calendar [React Day Picker] — react js datepicker 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
Datetime Picker
by OpenStatus
Fullscreen Calendar
by Ahmed Mayara![Date Picker [react-aria-components] — react js datepicker 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![Calendar [React Day Picker] — react js datepicker 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
Emoji Picker
by liveblocks![Calendar [React Day Picker] — react js datepicker 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 js datepicker 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
Input
by Origin UI
Date picker
by shadcn
Day Picker
by 0xUrvish
Apple Calendar Picker
by Muhammad Asif
Input
by Origin UI
Calendar
by coss
DateTimePicker
by Ruixen UI![Calendar [React-Area] — react js datepicker 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
Dropdown Range Date Picker
by Ruixen UI![Calendar [React-Area] — react js datepicker 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
Event Manager
by Vaibhav Kumar Singh![Calendar [React Day Picker] — react js datepicker 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 [React Day Picker] — react js datepicker 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] — react js datepicker 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 js datepicker 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 Field [react-aria-components] — react js datepicker 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 Day Picker] — react js datepicker 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
Date Wheel Picker
by johuniq
Color Picker
by Trevor McIntire![Calendar [React Day Picker] — react js datepicker 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
Appointment Scheduler
by Vaibhav Kumar Singh![Calendar [React Day Picker] — react js datepicker 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 [React Day Picker] — react js datepicker 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
Mini Calendar
by Hardik Kubavat
Date Picker
by Kavi Katiyar
DateRangePicker
by Hero Ui
Datetime Picker
by Yerfa Belkacem
Delivery Scheduler
by Ravi Katiyar
Meeting Scheduler
by Kavi Katiyar
Estimated Arrival
by Batuhan Can![Calendar [React Day Picker] — react js datepicker 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
Universal Date Picker
by Ruixen UI![Calendar [React Day Picker] — react js datepicker 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
GitHub calendar
by Ali Imam![Calendar [React Day Picker] — react js datepicker 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
Radial Time Picker
by Mathew
Color Picker
by Trevor McIntire![Range Calendar [react-aria-components] — react js datepicker 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 With Presets
by Ruixen UI![Calendar [React-Area] — react js datepicker 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
Card
by Ravi Katiyar
DatePicker
by Hero Ui
Multi Month Calendar
by Ruixen UI
Calendar
by coss![Calendar [react-aria-components] — react js datepicker component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/calendar/985/preview.png)
Calendar [react-aria-components]
by James Shopland
Calendar Scheduler
by Ruixen UI
What’s in this collection
- 8 of 38 use Motion
- 22 of 38 use Lucide icons
- 6 need nothing beyond React and Tailwind
- Most common dependencies: lucide-react, date-fns, motion