Components
Curated UI collection
Day Picker React Components
Day picker components enable users to select individual dates through interactive calendar interfaces. Our collection includes 60 React day picker solutions, with 11 exact component matches. These range from simple single-date selectors to complex calendar widgets with various styling and interaction patterns. Whether you need a basic date input enhancement or a sophisticated calendar system, you'll find implementations suited to different project requirements and design systems.
Day Picker
by 0xUrvish![Calendar [React Day Picker] — day 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] — day 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
Scheduler
by Ruixen![Calendar [React Day Picker] — day picker 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] — day 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
Universal Date Picker
by Ruixen
Calendar day picker
by shadcn![Calendar [React Day Picker] — day 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] — day 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![Calendar [React Day Picker] — day picker 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 with time piker
by shadcn
Calendar picker in a drawer
by shadcn![Calendar [React Day Picker] — day 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
Time Picker
by Ruixen
Date Wheel Picker
by johuniq![Calendar [React Day Picker] — day picker 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
Calendar With Presets
by Ruixen![Calendar [React Day Picker] — day picker 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![Calendar [React Day Picker] — day 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
TimePicker
by Mohammad AlHabil
Calendar
by tigran tumasov![Calendar [React Day Picker] — day 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![Calendar [React Day Picker] — day 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
Apple Calendar Picker
by Muhammad Asif
Time picker
by Preet Suthar
Datetime Picker
by Yerfa Belkacem![Calendar [React Day Picker] — day picker 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 [React Day Picker] — day 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 [React Day Picker] — day picker 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] — day picker 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![Calendar [React Day Picker] — day 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] — day 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 [React Day Picker] — day 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
Calendar date and time picker
by shadcn![Calendar [React Day Picker] — day picker 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
Date Picker
by Kavi Katiyar
Calendar Date Picker
by shadcn
Daily Timeline Scheduler
by Ruixen
Calendar Planner
by Ruixen
Relative Time Card
by tigran tumasov
Side Panel Multi Calendar
by Ruixen
Event Scheduler
by Ruixen
Calendar
by tigran tumasov
Calendar
by tigran tumasov![Calendar [React Day Picker] — day 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
Calendar
by tigran tumasov
Date Picker
by Shailendra Kumar
Date Wheel Picker
by Emmanuel Osiris Balonga
Calendar language date picker
by shadcn
Relative Time Card
by tigran tumasov
Relative Time Card
by tigran tumasov
Datetime Picker
by OpenStatus
Calendar with time picker inline
by shadcn![Date Picker [react-aria-components] — day 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
Dropdown Multi Calendar
by Ruixen
Calendar Twin
by Ruixen
Dropdown Range Date Picker
by Ruixen
Radial Time Picker
by Mathew
Calendar
by coss
What’s in this collection
- 5 of 36 use Motion
- 15 of 36 use Lucide icons
- 13 need nothing beyond React and Tailwind
- Most common dependencies: lucide-react, date-fns, motion