MantineDateView#
@palmyralabs/rt-forms-mantine · form/view/MantineDateView.tsx
Overview#
Read-only date display — the view-mode counterpart to MantineDateInput / MantineDatePickerInput. Parses the stored value with dayjs using serverPattern, then renders it in displayPattern.
Missing / unparseable values render as "--" (an unparseable value also logs a console.error so bad data is visible during development).
Props — IDatePickerDefinition & TextViewAttributeDefinition#
Common field props plus:
| Prop | Type | Purpose |
|---|---|---|
serverPattern |
string? |
Wire format (e.g. YYYY-MM-DD). Falls back to getDefaultDatePattern(). |
displayPattern |
string? |
UI format (e.g. DD MMM YYYY). Same default fallback. |
datePattern |
string? |
Legacy alias — if neither server/display is set, this is used for both. |
textAlign, variant, viewType |
(see overview) | Shared view props |
Ref — IDateField#
Internally useRef<IDateField>(null) — shape inherited from the editable date inputs.
Example#
<MantineDateView
attribute="createdAt"
label="Created on"
serverPattern="YYYY-MM-DD"
displayPattern="DD MMM YYYY"
/>