Flow

Components

DatePicker

Der DatePicker wird dafür verwendet ein einzelnes Datum auszuwählen.GitHub
Datum (optional)

Beispiel

Bei den Values des DatePickers handelt es sich um Objekte aus dem @internationalized/date Package.

Datum (optional)
import DatePicker from "@mittwald/flow-react-components/DatePicker";
import Label from "@mittwald/flow-react-components/Label";

<DatePicker>
  <Label>Datum</Label>
</DatePicker>

Min- und Max-Values

Der Bereich, aus dem das Datum gewählt wird, kann über minValue bzw maxValue eingeschränkt werden.

Datum (optional)
import DatePicker from "@mittwald/flow-react-components/DatePicker";
import Label from "@mittwald/flow-react-components/Label";
import {
  getLocalTimeZone,
  today,
} from "@internationalized/date";

<DatePicker minValue={today(getLocalTimeZone())}>
  <Label>Datum</Label>
</DatePicker>

Disabled

Datum (optional)
import DatePicker from "@mittwald/flow-react-components/DatePicker";
import Label from "@mittwald/flow-react-components/Label";

<DatePicker isDisabled>
  <Label>Datum</Label>
</DatePicker>
Feedback geben