TimeField

Mit dem TimeField können User eine konkrete Uhrzeit angeben.GitHub

––––

Uhrzeit(optional)

Playground

Verwende <TimeField />, um ein TimeField darzustellen. Die Values des TimeFields sind Objekte aus dem @internationalized/date Package.

––––

Uhrzeit(optional)

import {
  Label,
  TimeField,
} from "@mittwald/flow-react-components";

<TimeField>
  <Label>Uhrzeit</Label>
</TimeField>

Die wählbare Uhrzeit lässt sich über minValue und maxValue begrenzen.

––––

Uhrzeit(optional)Zwischen 8 und 16 Uhr

Mit der granularity Property wird definiert, ob Stunden, Minuten und/oder Sekunden auswählbar sind.

––

Stunde(optional)

––––

Stunde und Minute(optional)

––––––

Stunde, Minute und Sekunde(optional)

Ist das TimeField disabled, ist keine Interaktion möglich.

––––

Datum(optional)

Benutze das ContextualHelp, wenn zusätzliche Informationen bereitgestellt werden sollen, die zu umfangreich für die FieldDescription sind.

––––

Uhrzeit(optional)

Weitere Details zur Formularlogik und -validierung sind in der Component Form (React Hook Form) zu finden.