Skip to main content

DatePicker

The DatePicker component provides a user-friendly way to select a date.

Usage

<DatePicker label="Birth Date" name="birthdate" />

Props

label
string
Label text.
name
string
Field name.
placeholder
string
Placeholder text.
minDate
string
Minimum selectable date (ISO format).
maxDate
string
Maximum selectable date (ISO format).

Examples

Future Dates Only

<DatePicker 
  label="Scheduled Date" 
  minDate={new Date().toISOString()} 
/>