FMX Prototype Pipeline

Date Picker

Field + popover Calendar. Values are naive YYYY-MM-DD strings (the form-state shape). The popover flips above the field when there isn't room below.

<DatePicker value={value} onChange={setValue} />

<DatePicker value={value} onChange={setValue} />

<DatePicker
  value={value}
  onChange={setValue}
  error
/>

<DatePicker
  value={value}
  onChange={setValue}
  disabled
/>

Props

value:string | null

Selected date as "YYYY-MM-DD". Omit for uncontrolled.

onChange:(value: string) => void

Fires when a day is picked (popover closes).

placeholder:string= "Select a date"

Shown when no value is set.

error:boolean= false

Error border treatment.

disabled:boolean= false

Disabled state.

Tokens