Mit dem Kalender wählst du einen Tag, einen Zeitraum oder mehrere Tage. Die Werte sind einfache ISO-Datumsangaben wie 2026-09-25, ohne Zeitzone, die sie verschieben könnte, und lassen sich daher direkt an einen Server oder ein <input type="date"> übergeben.

Die Woche beginnt am ersten Wochentag der Locale, und Namen und Ziffern folgen ihrer Sprache. min, max und unavailable schließen Tage aus, months zeigt mehrere Monate nebeneinander, und der Titel zoomt für weit entfernte Tage auf Monate und Jahre heraus.

Jeder Tag ist per Tastatur erreichbar, wie im Date-Picker-Muster von WAI-ARIA, und trägt sein vollständiges Datum als Namen.

Ein Liefertag

Tage vor heute, nach max oder durch unavailable ausgeschlossen: Sie lassen sich nicht wählen, aber die Tastatur bewegt sich trotzdem über sie hinweg.

Ein Zeitraum

Mit selection="range" beginnt die erste Auswahl den Zeitraum, und die Markierung folgt dem Zeiger bis zur zweiten. months="2" und weekNumbers zeigen mehr auf einmal.

Mehrere Tage

Mit selection="multiple" fügt jede Auswahl einen Tag hinzu oder entfernt ihn. firstDay lässt die Woche an einem anderen Tag beginnen als die Locale.