MuiDateRangePicker#

@palmyralabs/rt-forms-mui · form/MuiDateRangePicker.tsx

Overview#

Date-range picker — composed of two DatePicker instances. Stores the value as a { from, to } object (local DateRange type).

Props — IDatePickerDefinition & DatePickerProps<any>#

Common field props + serverPattern / displayPattern + MUI DatePickerProps applied to each of the two pickers.

Ref — IDateField#

Same as MuiDatePicker.

Example#

<MuiDateRangePicker
  attribute="reportRange"
  label="Report period"
  serverPattern="YYYY-MM-DD"
  displayPattern="DD MMM YYYY"
/>

The stored value looks like { from: '2026-01-01', to: '2026-01-31' }.