Dev Design Library

Date Picker

A field that opens a calendar to pick a day, or a range with presets and Apply; a popover on desktop, a drawer on phones.

Date Picker preview
Library
Fibo
Framework
React
Type
component
License
MIT
Install
pnpm dlx shadcn@latest add @fibo/date-picker
Files
  • packages/ui/src/components/date-picker.tsx
  • packages/ui/src/components/button.tsx
  • packages/ui/src/components/calendar.tsx
  • packages/ui/src/components/sheet.tsx
  • packages/ui/src/lib/dates.ts
  • packages/ui/src/lib/field-size.ts
  • packages/ui/src/lib/merge-refs.ts
  • packages/ui/src/lib/use-media-query.ts
Source
https://github.com/toribryan/fibo

Categories

More from Fibo