Components
Curated UI collection
Date and Time Picker React Components
Date and time pickers are essential UI components for collecting temporal input from users. Our collection features 60 React date and time picker solutions, including 21 exact matches specifically tagged as time-picker components. Whether you need a simple date selector, a combined date-time picker, or a complex scheduling interface, these libraries provide various approaches to handling date and time selection in your React applications.
Datetime Picker
by Yerfa Belkacem
Day Picker
by 0xUrvish
Date Wheel Picker
by Emmanuel Osiris Balonga
Date Wheel Picker
by johuniq
Calendar
by coss
Date Picker
by Shailendra Kumar![Calendar [React Day Picker] — date and time 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![Calendar [React Day Picker] — date and time 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 [React Day Picker] — date and time 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 date and time picker
by shadcn
Date picker
by shadcn![Date Range Picker [react-aria-components] — date and time 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![Calendar [React Day Picker] — date and time 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
Apple Calendar Picker
by Muhammad Asif
Calendar with time pressets
by shadcn
DatePicker
by Hero Ui
Datetime Picker
by OpenStatus![Calendar [React Day Picker] — date and time 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![Date Picker [react-aria-components] — date and time 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![Calendar [React Day Picker] — date and time 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
Fullscreen Calendar
by Ahmed Mayara
Calendar with time piker
by shadcn
Time picker
by Preet Suthar
Radial Time Picker
by Mathew
Time Picker
by Ruixen
Calendar Date Picker
by shadcn
Delivery Scheduler
by Ravi Katiyar
Calendar with time picker inline
by shadcn
Avatar Picker
by Kokonut Baffier
Calendar
by coss
Calendar Scheduler
by Ruixen
Calendar Date and Time range
by shadcn
Calendar Date & Time range
by shadcn![Calendar [React Day Picker] — date and time 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
Meeting Scheduler
by Kavi Katiyar
Card
by Ravi Katiyar
Dropdown Range Date Picker
by Ruixen
Calendar With Presets
by Ruixen
Calendar
by tigran tumasov
Date Picker
by Kavi Katiyar![Calendar [React Day Picker] — date and time 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![Date Field [react-aria-components] — date and time picker 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] — date and time 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
Universal Date Picker
by Ruixen
Orbital Clock
by Jatin Yadav
Input
by Origin UI
TimePicker
by Mohammad AlHabil![Calendar [React Day Picker] — date and time 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
DateTimePicker
by Ruixen
Date Time Input
by Ruixen
Calendar input
by shadcn
Calendar language date picker
by shadcn
Mini Calendar
by Hardik Kubavat
Input
by Origin UI![Calendar [React Day Picker] — date and time 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
Color Selector
by tom
Emoji Picker
by liveblocks![Calendar [React Day Picker] — date and time 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
ChronoSelect
by Ruixen
What’s in this collection
- 9 of 46 use Motion
- 20 of 46 use Lucide icons
- 16 need nothing beyond React and Tailwind
- Most common dependencies: lucide-react, date-fns, motion