Components
Curated UI collection
React ARIA Date Picker Components
React ARIA date picker components provide accessible date selection interfaces built with ARIA standards. Our collection includes 60 components across multiple libraries, with 44 exact matches for React ARIA date picker implementations. These components offer keyboard navigation, screen reader support, and flexible customization options for building compliant date input experiences in modern React applications.
![Date Range Picker [react-aria-components] — react aria date 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
DatePicker
by Hero Ui![Date Picker [react-aria-components] — react aria date 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
Input
by Origin UI![Date Field [react-aria-components] — react aria date 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
Date Wheel Picker
by Emmanuel Osiris Balonga
Input
by Origin UI
DateRangePicker
by Hero Ui![Calendar [React-Area] — react aria date 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
Date Wheel Picker
by johuniq![Calendar [React-Area] — react aria date 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
Date Picker
by Shailendra Kumar![Calendar [React Day Picker] — react aria date 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
Day Picker
by 0xUrvish![Calendar [React Day Picker] — react aria date 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![Range Calendar [react-aria-components] — react aria date picker component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/range-calendar/default/preview.png)
Range Calendar [react-aria-components]
by James Shopland![Calendar [React Day Picker] — react aria date 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
by coss
Date picker
by shadcn
Apple Calendar Picker
by Muhammad Asif
Datetime Picker
by OpenStatus
DatePicker
by Hero Ui![Calendar [React Day Picker] — react aria date 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
Fullscreen Calendar
by Ahmed Mayara![Calendar [React-Area] — react aria date picker component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar-rac/default/preview.1737992048466.png)
Calendar [React-Area]
by Origin UI
React Aria Emoji Picker
by devongovett
Emoji Picker
by liveblocks
Dropdown Range Date Picker
by Ruixen![Calendar [react-aria-components] — react aria date picker component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/calendar/985/preview.png)
Calendar [react-aria-components]
by James Shopland
DateField
by Hero Ui
Avatar Picker
by Kokonut Baffier![Calendar [React Day Picker] — react aria date 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 [React Day Picker] — react aria date 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
Interactive Accordion
by Jatin Yadav
Datetime Picker
by Yerfa Belkacem![Calendar [React Day Picker] — react aria date 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
Input
by Origin UI
DateRangePicker
by Hero Ui
DateField
by Hero Ui
Mini Calendar
by Hardik Kubavat
Radial Time Picker
by Mathew
Calendar
by coss
Estimated Arrival
by Batuhan Karamemiş![Calendar [React Day Picker] — react aria date 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
Color Picker
by Trevor McIntire![Calendar [React Day Picker] — react aria date 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] — react aria date 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![Time Field [react-aria-components] — react aria date picker component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/timefield/default/preview.png)
Time Field [react-aria-components]
by James Shopland![Calendar [React Day Picker] — react aria date 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
Date Picker
by Kavi Katiyar
DateTimePicker
by Ruixen![Calendar [React Day Picker] — react aria date 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
DatePicker
by Hero Ui![Calendar [React Day Picker] — react aria date 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
DateRangePicker
by Hero Ui
Calendar Date Picker
by shadcn
Calendar With Presets
by Ruixen
Color Selector
by tom
DatePicker
by Hero Ui
What’s in this collection
- 7 of 36 use Motion
- 16 of 36 use Lucide icons
- 9 need nothing beyond React and Tailwind
- Most common dependencies: lucide-react, react-aria-components, motion