Components
Curated UI collection
React Datepicker Components
React datepicker components provide date selection functionality for web applications. The 21st.dev registry includes 60 datepicker libraries for React, with 3 exact matches for the term 'datepicker'. These components range from simple calendar interfaces to complex date range pickers with various customization options. Whether you need a basic date input or an advanced scheduling component, the React ecosystem offers multiple solutions to integrate date selection into your application.
Interactive Selector
by Le Thanh
Fullscreen Calendar
by Ahmed Mayara
Dashboard with Collapsible Sidebar
by Sonu![Calendar [React Day Picker] — datepicker react 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
Emoji Picker
by liveblocks![Calendar [React-Area] — datepicker react 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
Sign Up
by Hossain Jahed![Calendar [React Day Picker] — datepicker react 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
Event Manager
by Vaibhav Kumar Singh
Expanding Cards
by Vaibhav Kumar Singh![Calendar [React-Area] — datepicker react 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
Sticky scroll cards section
by Le Thanh
ReleaseTimeLine
by Ruixen UI
Dock
by Dillion Verma
Mini Calendar
by Hardik Kubavat
Select
by Geekles
Color Picker
by Trevor McIntire
DatePicker
by Hero Ui![Calendar [React Day Picker] — datepicker react 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![Calendar [React Day Picker] — datepicker react 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
Material Design 3 Ripple
by Hossain Jahed
Date Wheel Picker
by Osiris Balonga
Estimated Arrival
by Batuhan Can![Calendar [React Day Picker] — datepicker react 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![Calendar [React Day Picker] — datepicker react 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] — datepicker react 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
DateTimePicker
by Ruixen UI
Retro Grid
by wisedev![Calendar [React Day Picker] — datepicker react 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
Datetime Picker
by OpenStatus
AnalyticsDashboard
by Dhileep Kumar GM![Calendar [React Day Picker] — datepicker react 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
Modern Login & Signup
by Muhammad Asif
Apple Calendar Picker
by Muhammad Asif
Day Picker
by 0xUrvish
Robot Hero
by uithefactory
Color Picker
by Trevor McIntire
ScrapbookBentoGrid
by Dhileep Kumar GM![Calendar [React Day Picker] — datepicker react 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
Sheet
by Efferd
Spinner
by Efferd![Calendar [React Day Picker] — datepicker react 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
Data Card Display
by Sonu![Calendar [React Day Picker] — datepicker react 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
magic dust shader
by uithefactory
Reading Text Reveal
by wisedev
React Tailwind Image Gallery
by Dhileep Kumar GM
Cuisine Selector Chips
by Sonu
FlipCountdown
by Hossain Jahed
File Viewer
by Bankk
JSX Preview
by Julien Thibeaut![Date Range Picker [react-aria-components] — datepicker react 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
PDF Viewer
by Andrew Luo
Grid Card
by Efferd![Calendar [React Day Picker] — datepicker react 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 [React Day Picker] — datepicker react 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
Navbar
by Ruixen UI
Async Select
by rds_agi
Drawer
by Efferd
Blur Reveal Deck
by yali
What’s in this collection
- 7 of 45 use Motion
- 4 of 45 use Radix
- 20 of 45 use Lucide icons
- 15 need nothing beyond React and Tailwind
- Most common dependencies: lucide-react, motion