Imagine ArtImagine Art

Date Picker

View in Figma

A calendar-based control for selecting dates with month navigation and day states.

Forms

Import

import { DatePicker } from "@/components/ui"

API

PropTypeDefaultDescription
valueDate—Controlled selected date.
onChange(date: Date) => void—Callback when a date is selected.
minDate—Earliest selectable date.
maxDate—Latest selectable date.
disabledDatesDate[]—Specific dates that cannot be selected.
futureOnlyboolean—Only allow future dates.
placeholderstring"Select date"Text shown when no date is selected.

Examples