Components
Curated UI collection
Date Picker Wheel React Components
Date picker wheel components provide an intuitive interface for selecting dates using a scrollable wheel interaction pattern. This collection features 60 React components designed for date selection, with 45 exact matches optimized for wheel-based date picking. Whether you need a mobile-friendly date selector or a desktop wheel interface, these components offer flexible solutions for integrating date selection into your React applications.
Date Wheel Picker
by johuniq
Date Wheel Picker
by Emmanuel Osiris Balonga
Day Picker
by 0xUrvish
Apple Calendar Picker
by Muhammad Asif
Fullscreen Calendar
by Ahmed Mayara![Calendar [React Day Picker] — date picker wheel component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar/appointment-picker/preview.png?v=1)
Calendar [React Day Picker]
by Origin UI
Calendar
by coss![Calendar [React Day Picker] — date picker wheel component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar/default/preview.1737991983843.png)
Calendar [React Day Picker]
by Origin UI
Wheel Of Time Calendar
by Ruixen
Mini Calendar
by Hardik Kubavat
Wheel Picker
by Chánh Đại
Avatar Picker
by Kokonut Baffier
Radial Time Picker
by Mathew
Glass Calendar
by Ravi Katiyar![Calendar [React Day Picker] — date picker wheel component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar/default/preview.1737991401753.png)
Calendar [React Day Picker]
by Origin UI![Calendar [React Day Picker] — date picker wheel component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar/default/preview.1737991576300.png)
Calendar [React Day Picker]
by Origin UI
Wheel Pagination
by Ruixen
Datetime Picker
by Yerfa Belkacem![Date Range Picker [react-aria-components] — date picker wheel component for React & Tailwind by James Shopland](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_jolbol1/date-range-picker/default/preview.png)
Date Range Picker [react-aria-components]
by James Shopland
Date Picker
by Shailendra Kumar
Date picker
by shadcn
Datetime Picker
by OpenStatus
DatePicker
by Hero Ui
Carousel
by Manu Arora
Gradient Selector Card
by Isaiah![Date Picker [react-aria-components] — date picker wheel component for React & Tailwind by James Shopland](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_jolbol1/date-picker/1045/preview.png)
Date Picker [react-aria-components]
by James Shopland
Color Selector
by tom![Calendar [React Day Picker] — date picker wheel component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar/range-calendar-with-presets/preview.png?v=1)
Calendar [React Day Picker]
by Origin UI
Dropdown Range Date Picker
by Ruixen
Emoji Picker
by liveblocks
Universal Date Picker
by Ruixen
CalendarLume
by Ruixen
Calendar With Presets
by Ruixen![Calendar [React Day Picker] — date picker wheel component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar/default/preview.1737991729807.png)
Calendar [React Day Picker]
by Origin UI![Calendar [React Day Picker] — date picker wheel component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar/default/preview.1737991942757.png)
Calendar [React Day Picker]
by Origin UI![Calendar [React Day Picker] — date picker wheel component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar/default/preview.1737991444744.png)
Calendar [React Day Picker]
by Origin UI
DateTimePicker
by Ruixen
Calendar
by coss![Calendar [React Day Picker] — date picker wheel component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar/default/preview.1737991510476.png)
Calendar [React Day Picker]
by Origin UI
ThreeD Wall Calendar
by Ruixen
Date Picker
by Kavi Katiyar![Calendar [React-Area] — date picker wheel component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar-rac/default/preview.1737992099506.png)
Calendar [React-Area]
by Origin UI
Spinner
by tom![Calendar [React Day Picker] — date picker wheel component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar/pricing-calendar/preview.png?v=1)
Calendar [React Day Picker]
by Origin UI![Calendar [React Day Picker] — date picker wheel component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar/with-time-input/preview.png?v=1)
Calendar [React Day Picker]
by Origin UI
Input
by Origin UI![Calendar [React Day Picker] — date picker wheel component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar/two-months-calendar/preview.png?v=1)
Calendar [React Day Picker]
by Origin UI
iOS Spinner
by Yadwinder Singh
Calendar Scheduler
by Ruixen
Calendar picker in a drawer
by shadcn
Calendar with time piker
by shadcn
Input
by Origin UI
Calendar Date Picker
by shadcn
Side Panel Multi Calendar
by Ruixen
Calendar
by tigran tumasov
Color Picker
by Trevor McIntire
Calendar
by tigran tumasov![Calendar [React Day Picker] — date picker wheel component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar/calendar-with-presets/preview.png?v=1)
Calendar [React Day Picker]
by Origin UI
Multi Month Calendar
by Ruixen
What’s in this collection
- 10 of 44 use Motion
- 19 of 44 use Lucide icons
- 10 need nothing beyond React and Tailwind
- Most common dependencies: lucide-react, date-fns, motion