Date Picker

Field or ghost trigger for a date, a range, or a date and a time: a calendar popover that opens on the selected day, optional range presets, and editable time fields with slot lists that show each duration. Base UI flavor.

Library

Fluid Functionalism

Framework

React

Type

ui

License

MIT

Dependencies

@base-ui/react@^1.9.0, lucide-react, motion

Install

npx shadcn@latest add @fluid/date-picker-base

Files

• registry/base/date-picker.tsx
• registry/default/date-picker-core.tsx
• registry/default/calendar.tsx
• registry/default/lib/utils.ts
• registry/default/lib/springs.ts
• registry/default/lib/font-weight.ts
• registry/default/lib/shape-context.tsx
• registry/default/lib/size-context.tsx

Source

https://github.com/mickadesign/fluid-functionalism

Categories

• Date Picker Components
• React Date Picker Components
• Tailwind CSS Date Picker Components
• Animated Date Picker Components
• shadcn/ui Date Picker Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• Animated Input Components
• shadcn/ui Input Components
• Overlay Components
• React Overlay Components

More from Fluid Functionalism

• Color Picker
• Date Picker
• Accordion
• Accordion (Base UI)
• Ask User Questions
• Badge
• Banner
• Breadcrumb
• Button
• Button (Base UI)
• Calendar
• Card