# DateRangePicker

Der DateRangePicker erlaubt die Eingabe einer Zeitspanne per Tastatur oder die Auswahl über einen visuellen Kalender.

## Guidelines

# Grundlagen

## Best practices

Achte bei der Verwendung eines DateRangePickers darauf, dass ...

- ein verständliches [Label](/04-components/content/label/overview) wie
  „Zeitraum“ verwendet wird.
- das Datumsformat dem gewohnten Format des Users und dem Nutzungskontext
  entspricht.
- sinnvolle Defaultwerte gewählt werden.
- der auswählbare Zeitraum ggf. mit `minValue` und `maxValue` eingeschränkt
  wird.

## Verwendung

Verwende einen DateRangePicker, um ...

- dem User die Möglichkeit zu geben, einen Zeitraum für mehrtägige Termine
  auszuwählen.
- einen Datensatz auf einen bestimmten Zeitraum zu begrenzen, z. B. bei der
  Darstellung von Diagrammen.