1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month๐Ÿšจ Slop police๐Ÿšจ Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  2. fluid
  3. Date Picker

Date Picker

ui

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.

pnpm dlx shadcn@latest add "https://www.fluidfunctionalism.com/r/base/date-picker.json"
Premium blocks for shadcn/uiShadcnblocks.com ยท AffiliateExplore
  • @base-ui/react@^1.9.0
  • motion
  • lucide-react
  • calendar
  • utils
  • springs
  • font-weight
  • shape-context
  • size-context
  • surface-context
  • surface-classes
  • icon-context
  • elevated
  • popup
  • use-fluid-hover
  • scroll-area
  • tokens
  • type-scale
components/ui/date-picker.tsx