Date Picker

Preset ranges are quick shortcuts like "Today", "Last 7 days", "This month", or "Last year". They let users select common date ranges with one click instead of manually selecting start and end dates, speeding up common filtering tasks.

Yes! The Date Picker includes a text input where users can type dates directly in the expected format (e.g., MM/DD/YYYY). The component validates the input and provides feedback for invalid dates, supporting both typing and calendar selection.

In range mode, users click a start date, then an end date. The calendar highlights the selected range, making it clear what period is chosen. This is perfect for booking systems, analytics dashboards, or any feature requiring a time period.

Absolutely. You can disable specific dates, date ranges, weekends, or dates outside a min/max range. This is essential for booking systems where certain dates are unavailable, or forms with date constraints.

Yes! The Date Picker supports various date formats and locales. You can configure it to match regional preferences (MM/DD/YYYY for US, DD/MM/YYYY for Europe) and localized month/day names for international applications.

Yes, this Figma Date Picker component matches the shadcn/ui implementation exactly, ensuring your date selection interfaces work consistently from design to production with all features intact.