Dev Design LibraryAnimated Date Picker Components
Dev Design Library indexes 13 Animated date picker components from 12 open-source UI libraries, with the most coming from Fluid Functionalism, uselayouts, ZAYX, Sona UI and beUI. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the date picker components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Date picker components belong to the Inputs group.
- DatepickerPreline UI · JavaScript (HTML + Tailwind)
Date Position SelectorAmicro Micro Transitions · ReactThree consecutive day numbers (24th, 25th, 26th) with sliding highlight pill.
Date Range PickerbeUI · ReactComposable date range picker with root, trigger, popover content, calendar, header, grid, summary, footer, clear and…
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…
Day Pickeruselayouts · ReactA custom day picker component with smooth animations.
Schedule ChipSona UI · React
Date Range PickerUI Lab · ReactPaints the range as you hover, then commits it on the second click.
Date pickerHextaUI · ReactA button that opens a calendar in a popover, or a bottom sheet on phones, for single dates and ranges.
Payment ReminderZAYX · React Native
Liquid Date PickerLiquefy UI · ReactDate picker with a calendar in liquid glass style.
Glass Date PickerOpaline · ReactGlass calendar with a gliding day bubble, and a capsule date picker.
Date PickerReactFrame · ReactA date picker with a popover calendar: single date or range selection, month navigation, min/max and disabled dates…
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…
Libraries with Animated date picker components
Related categories
- Date Picker Components
- React Date Picker Components
- Tailwind CSS Date Picker Components
- shadcn/ui Date Picker Components
- Animated Input Components
- Animated Text Input Components
- Animated Select Components
- Animated Slider Components
- Animated Switch Components
- Animated Form Components
- Animated Textarea Components
- Animated Search Input Components
- Animated Checkbox Components
- Animated Segmented Control Components
- Animated Form Field Components
- Animated Rating Components
- Animated File Upload Components
- Animated Range Slider Components
- Animated Wheel Picker Components
- Animated Knob Components