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 Osiris Balonga
Date Wheel Picker
by johuniq
Calendar
by coss
Date Picker
by Shailendra![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
Appointment Scheduler
by Vaibhav Kumar Singh![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 UI
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 UI
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 UI
Calendar With Presets
by Ruixen UI
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 UI
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 UI
Date Time Input
by Ruixen UI
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 UI
Frequently asked questions
How many date and time picker components are available?
Our collection includes 60 date and time picker React components, with 21 exact matches specifically tagged as time-picker components for focused selection.
What types of date and time pickers are included?
The collection covers various implementations including date pickers, time pickers, combined date-time pickers, and calendar-based selection interfaces for different use cases.
Can I filter by specific picker types?
Yes, components are tagged with 'time-picker' and other relevant categories to help you find the specific type of date and time picker that matches your requirements.