Dev Design Libraryshadcn/ui Date Picker Components
Dev Design Library indexes 25 shadcn/ui date picker components from 8 open-source UI libraries, with the most coming from Watermelon UI, Shadcn Space, Fluid Functionalism, Spectrum UI and sv-table. Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project. Date picker components belong to the Inputs group.
Datetime PickerSpectrum UI · ReactA date and time picker built on shadcn/ui with no extra dependencies.
Date PickerFluid Functionalism · ReactField or ghost trigger for a date, a range, or a date and a time: a calendar popover that opens on the selected day…
Date Picker 02 - Date RangeShadcn Space · ReactA professional appointment booking card with date and time range selection.
date-pickerBaseLayer · ReactA date picker combines one or more DateFields with a calendar popover, allowing users to enter or select a single…
Alphine Booking FormWatermelon UI · React
Date Range Filtersv-table · SvelteA responsive date-range picker with presets and explicit apply behavior.
Date pickerHextaUI · ReactA button that opens a calendar in a popover, or a bottom sheet on phones, for single dates and ranges.
Date Pickerark-cn · ReactA shadcn-style date picker component built with Ark UI primitives.
Date PickerFluid Functionalism · ReactField or ghost trigger for a date, a range, or a date and a time: a calendar popover that opens on the selected day…
Date Picker 04 - Date of BirthShadcn Space · ReactBirthday picker with month and year dropdowns, future dates disabled, and a live age check with a minimum age message.
Date Picker 1Watermelon UI · React
Date Picker 05 - Task Due DateShadcn Space · ReactTask due date picker with Today, Tomorrow, This weekend, and Next week shortcuts, overdue and due soon states, and a…
Date Picker 10Watermelon UI · React
Date Picker 06 - Multiple DatesShadcn Space · ReactTime off picker for selecting multiple dates with weekends disabled, a day allowance limit, and removable date chips.
Date Picker 11Watermelon UI · React
Date Picker 12Watermelon UI · React
Date Picker 13Watermelon UI · React
Date Picker 2Watermelon UI · React
Date Picker 3Watermelon UI · React
Date Picker 4Watermelon UI · React
Date Picker 5Watermelon UI · React
Date Picker 6Watermelon UI · React
Date Picker 7Watermelon UI · React
Date Picker 8Watermelon UI · React
Date Picker 9Watermelon UI · React
Libraries with shadcn/ui date picker components
Related categories
- Date Picker Components
- React Date Picker Components
- Tailwind CSS Date Picker Components
- Animated Date Picker Components
- shadcn/ui Input Components
- shadcn/ui Form Components
- shadcn/ui Select Components
- shadcn/ui Text Input Components
- shadcn/ui Form Field Components
- shadcn/ui Switch Components
- shadcn/ui Textarea Components
- shadcn/ui Checkbox Components
- shadcn/ui OTP Input Components
- shadcn/ui Combobox Components
- shadcn/ui Radio Components
- shadcn/ui Login Form Components
- shadcn/ui Search Input Components
- shadcn/ui File Upload Components
- shadcn/ui Slider Components
- shadcn/ui Signup Form Components