MuiDatePicker#
@palmyralabs/rt-forms-mui · form/MuiDatePicker.tsx
Overview#
Date picker from @mui/x-date-pickers. Requires a LocalizationProvider ancestor (see MUI setup). Stores the value in serverPattern, displays it in displayPattern.
Props — IDatePickerDefinition & DatePickerProps<any>#
Common field props plus:
| Prop | Type | Purpose |
|---|---|---|
serverPattern |
string? |
Wire format (e.g. YYYY-MM-DD) — what gets saved |
displayPattern |
string? |
UI format (e.g. DD MMM YYYY) — what the user sees |
Plus MUI DatePickerProps (minDate, maxDate, views, format, slotProps, …).
Ref — IDateField#
interface IDateField {
focus(): void;
getValue(): any;
setValue(v: any): void;
isValid(): boolean;
}Example#
<MuiDatePicker
attribute="invoiceDate"
label="Invoice date"
serverPattern="YYYY-MM-DD"
displayPattern="DD MMM YYYY"
/>