Components
Curated UI collection
Date Selector React Components
Date selectors are essential UI components for capturing date input in web applications. Our collection features 60 React date selector components and libraries, including 5 exact matches specifically designed for date picking. Whether you need a simple calendar picker, range selector, or advanced date input component, you'll find production-ready solutions that integrate seamlessly with your React projects.
Date Wheel Picker
by johuniq
Universal Date Picker
by Ruixen![Calendar [React Day Picker] — 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
Day Picker
by 0xUrvish
Date Wheel Picker
by Emmanuel Osiris Balonga![Calendar [React Day Picker] — 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
ChronoSelect
by Ruixen![Calendar [React Day Picker] — 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
Date Picker
by Kavi Katiyar![Calendar [React Day Picker] — date selector 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 [React Day Picker] — date selector component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/default/preview.1737991888250.png)
Calendar [React Day Picker]
by Origin UI![Calendar [React Day Picker] — date selector 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![Calendar [React Day Picker] — date selector 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 With Presets
by Ruixen
Datetime Picker
by Yerfa Belkacem![Calendar [React Day Picker] — 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![Calendar [React Day Picker] — 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![Calendar [React Day Picker] — date selector 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
Apple Calendar Picker
by Muhammad Asif![Calendar [React Day Picker] — 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![Calendar [React Day Picker] — 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
Date Picker
by Shailendra Kumar![Calendar [React Day Picker] — date selector 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
Input
by Origin UI
Mini Calendar
by Hardik Kubavat![Date Picker [react-aria-components] — 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
Calendar
by coss
Dropdown Range Date Picker
by Ruixen![Calendar [React Day Picker] — 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
Color Selector
by tom
Dropdown Multi Calendar
by Ruixen![Calendar [React Day Picker] — 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![Calendar [React Day Picker] — 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
DatePicker
by Hero Ui![Calendar [React Day Picker] — 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
DatePicker
by Hero Ui
Input
by Origin UI
Calendar language date picker
by shadcn![Calendar [React Day Picker] — date selector 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 Twin
by Ruixen![Calendar [React Day Picker] — 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
DatePicker
by Hero Ui
DatePicker
by Hero Ui
Multi Select Calendar Card
by Ruixen![Calendar [React Day Picker] — 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![Calendar [React Day Picker] — date selector 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
DatePicker
by Hero Ui
DatePicker
by Hero Ui
Multi Month Calendar
by Ruixen![Calendar [react-aria-components] — 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![Calendar [React-Area] — 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
Calendar Date Picker
by shadcn
Project Selector
by LN
Calendar day picker
by shadcn
Priority Selector
by LN
Interactive Selector
by Le Thanh
Date picker
by shadcn
Time picker
by Preet Suthar
Calendar picker in a drawer
by shadcn
Status Selector
by LN
What’s in this collection
- 4 of 34 use Motion
- 16 of 34 use Lucide icons
- 9 need nothing beyond React and Tailwind
- Most common dependencies: lucide-react, date-fns, react-day-picker