Components
Curated UI collection
DateTime Picker React Components
DateTime picker components are essential UI elements for collecting date and time input from users. Our collection features 60 React datetime picker solutions, including 15 exact matches specifically designed for this use case. Whether you need a simple date selector, a combined date and time picker, or an advanced scheduling interface, these components provide flexible options for integrating datetime selection into your React applications.
Date Wheel Picker
by Emmanuel Osiris Balonga
Day Picker
by 0xUrvish
Date Wheel Picker
by johuniq
Datetime Picker
by Yerfa Belkacem
Date Picker
by Shailendra Kumar![Calendar [React Day Picker] — datetime 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
by coss![Calendar [React Day Picker] — datetime 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
Date picker
by shadcn
Apple Calendar Picker
by Muhammad Asif![Calendar [React Day Picker] — datetime 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
DatePicker
by Hero Ui![Date Range Picker [react-aria-components] — datetime 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] — datetime 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
Datetime Picker
by OpenStatus![Date Picker [react-aria-components] — datetime 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
DateTimePicker
by Ruixen
Universal Date Picker
by Ruixen![Calendar [React Day Picker] — datetime 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
Dropdown Range Date Picker
by Ruixen![Calendar [React Day Picker] — datetime 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![Calendar [React Day Picker] — datetime 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
Delivery Scheduler
by Ravi Katiyar
Calendar with time pressets
by shadcn![Calendar [React Day Picker] — datetime 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 Picker
by Kavi Katiyar
Calendar
by coss![Calendar [React Day Picker] — datetime 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
Calendar With Presets
by Ruixen
Calendar
by tigran tumasov
Avatar Picker
by Kokonut Baffier
Calendar Scheduler
by Ruixen
Mini Calendar
by Hardik Kubavat
CalendarLume
by Ruixen
Calendar Date Picker
by shadcn
Time picker
by Preet Suthar![Calendar [React Day Picker] — datetime 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
Calendar date and time picker
by shadcn
Calendar
by tigran tumasov
Radial Time Picker
by Mathew![Calendar [React Day Picker] — datetime 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
Input
by Origin UI![Calendar [React-Area] — datetime picker 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
Meeting Scheduler
by Kavi Katiyar![Calendar [React-Area] — datetime picker 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
Calendar input
by shadcn
Calendar picker in a drawer
by shadcn![Calendar [React Day Picker] — datetime picker 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
Dropdown Multi Calendar
by Ruixen
Side Panel Multi Calendar
by Ruixen
Time Picker
by Ruixen
Date Time Input
by Ruixen
Emoji Picker
by liveblocks![Calendar [React Day Picker] — datetime 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
Calendar
by tigran tumasov
Calendar
by tigran tumasov![Calendar [React Day Picker] — datetime picker 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
Input
by Origin UI
Calendar with time piker
by shadcn
What’s in this collection
- 9 of 40 use Motion
- 16 of 40 use Lucide icons
- 11 need nothing beyond React and Tailwind
- Most common dependencies: lucide-react, date-fns, motion