DatePicker

Date and time selection component using Flatpickr.

Basic Usage

<DatePicker
  label="Date"
  name="date"
  dateFormat="Y-m-d"
  altInput={true}
  altFormat="F j, Y"
/>

<DatePicker
  label="Date and Time"
  name="datetime"
  enableTime={true}
  dateFormat="Y-m-d H:i"
  altInput={true}
  altFormat="F j, Y h:i K"
/>

<DatePicker
  label="Date Range"
  name="daterange"
  mode="range"
  dateFormat="Y-m-d"
  altInput={true}
  altFormat="F j, Y"
/>

<DatePicker
  label="Select Date"
  name="date"
  dateFormat="Y-m-d"
  minDate="2024-01-01"
  maxDate="2024-12-31"
/>

Prop	Type	Description
`label`	string	Input label text
`name`	string	Input name attribute
`dateFormat`	string	Date format for value
`altInput`	boolean	Show friendly display format
`altFormat`	string	Display format
`enableTime`	boolean	Enable time selection
`mode`	string	`single`, `range`, or `multiple`
`minDate`	string	Minimum selectable date
`maxDate`	string	Maximum selectable date
`inline`	boolean	Show inline calendar
`weekNumbers`	boolean	Show week numbers