Playground
Verwende <DatePicker />, um einen DatePicker darzustellen. Nutze ein <Label />, um Informationen zu vermitteln, die das Verständnis der Eingabeanforderungen erleichtern.
Die Values des DatePickers sind Objekte aus dem @internationalized/date Package.
import { DatePicker, Label, } from "@mittwald/flow-react-components"; <DatePicker> <Label>Datum</Label> </DatePicker>
Min- und Max-Values
Das wählbare Datum lässt sich über minValue und maxValue begrenzen.
Verfügbare Daten
Über das isDateUnavailable Property kann die Datumsauswahl eingeschränkt werden.
Disabled
Ist der DatePicker disabled, ist keine Interaktion möglich.
Mit FieldDescription
Um wichtige Hinweise zum DatePicker bereitzustellen, kann unterhalb eine <FieldDescription /> eingebaut werden.
Kombiniere mit ...
ContextualHelp
Benutze das ContextualHelp, wenn zusätzliche Informationen bereitgestellt werden sollen, die zu umfangreich für die FieldDescription sind.
React Hook Form
Weitere Details zur Formularlogik und -validierung sind in der Component Form (React Hook Form) zu finden.