Components
Curated UI collection
React Date Selector Components
React date selector components provide interactive interfaces for users to pick dates in your applications. Our collection includes 60 different date selector implementations, with 7 exact matches specifically designed for date selection workflows. Whether you need simple calendar pickers, range selectors, or advanced date input components, these libraries offer various approaches to handling date selection in React applications.
Interactive Selector
by Le Thanh
Fullscreen Calendar
by Ahmed Mayara
Event Manager
by Vaibhav Kumar Singh
Member Selector
by Osiris Balonga
Date Wheel Picker
by Osiris Balonga![Calendar [React Day Picker] — react date selector 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
Mini Calendar
by Hardik Kubavat
Select
by Geekles
Date Wheel Picker
by johuniq![Calendar [React-Area] — react date selector 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 date selector 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
DatePicker
by Hero Ui
Color Selector
by tom![Calendar [React Day Picker] — react date selector 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![Date Range Picker [react-aria-components] — react date selector 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
Day Picker
by 0xUrvish
Interactive Accordion
by Jatin Yadav![Calendar [React-Area] — react date selector 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
Multiple Selector
by Ryan.Chou-ggl
Estimated Arrival
by Batuhan Can
Apple Calendar Picker
by Muhammad Asif![Calendar [React Day Picker] — react date selector 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
Executive Impact Carousel
by Hardik Kashiyani
Calendar
by coss![Calendar [React Day Picker] — react date selector 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
Async Select
by rds_agi
Gradient Selector Card
by Isaiah
Cuisine Selector Chips
by Sonu
Profile Selector
by Ravi Katiyar
Datetime Picker
by OpenStatus![Date Picker [react-aria-components] — react date selector 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![Range Calendar [react-aria-components] — react date selector 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 [React Day Picker] — react date selector 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
Dropdown Range Date Picker
by Ruixen UI![Calendar [React Day Picker] — react date selector 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
Card
by Ravi Katiyar
ChronoSelect
by Ruixen UI![Calendar [React Day Picker] — react date selector 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
Guest Selector
by Ravi Katiyar
Input
by Origin UI
Input
by Origin UI
Color Picker
by Trevor McIntire
Date Picker
by Shailendra![Calendar [React Day Picker] — react date selector 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 date selector 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
DateTimePicker
by Ruixen UI
Calendar With Presets
by Ruixen UI![Calendar [React-Area] — react date selector 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
Color Picker
by Trevor McIntire
Radial Time Picker
by Mathew
Spinner
by Efferd![Select [react-aria-components] — react date selector component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/select/864/preview.png)
Select [react-aria-components]
by James Shopland
Universal Date Picker
by Ruixen UI![Calendar [react-aria-components] — react date selector component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/calendar/985/preview.png)
Calendar [react-aria-components]
by James Shopland
Material UI Autocomplete / Combobox / Multi-select
by Hossain Jahed![Calendar [React Day Picker] — react date selector 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![Calendar [React Day Picker] — react date selector 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
Date picker
by shadcn![Calendar [React Day Picker] — react date selector 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
What’s in this collection
- 11 of 44 use Motion
- 25 of 44 use Lucide icons
- 9 need nothing beyond React and Tailwind
- Most common dependencies: lucide-react, motion, date-fns