MantineDatePickerInput#

@palmyralabs/rt-forms-mantine · form/MantineDatePickerInput.tsx

Overview#

Button-style date picker that opens a drop-down calendar. Supports type="range" for date-range selection.

Props — IDatePickerDefinition & DatePickerInputProps#

Common field props plus serverPattern / displayPattern (see MantineDateInput) and all DatePickerInputProps (type: 'default' | 'multiple' | 'range', numberOfColumns, hideOutsideDates, …).

Ref — IDateField#

Same as MantineDateInput.

Example — single date#

<MantineDatePickerInput
  attribute="birthday"
  label="Birthday"
  serverPattern="YYYY-MM-DD"
  displayPattern="DD MMM YYYY"
/>

Example — date range#

<MantineDatePickerInput
  attribute="reportRange"
  label="Report period"
  type="range"
  serverPattern="YYYY-MM-DD"
/>