Datums- und Zeitfelder werden in Segmenten eingetippt: Tag, Monat und Jahr in der Reihenfolge der Locale, dann Stunden und Minuten in ihrem 12- oder 24-Stunden-Format. Jedes Segment ist ein Spinbutton: Tippe Ziffern, und es springt von selbst weiter, oder ändere es schrittweise mit den Pfeiltasten. Füge ein ganzes Datum ein, und alle Segmente füllen sich.
Datums- und Zeitraumauswahl ergänzen einen Kalender im Popover, für Zeiträume auch mit Presets. Die Werte sind einfache ISO-Strings wie 2026-09-25 oder 2026-09-25T09:30, und jedes Feld funktioniert mit Signal Forms, Reactive Forms und ngModel.
Auf dieser Website folgen die Beispiele der Sprache der Seite: Wechsle sie, um zu sehen, wie sich Reihenfolge, Trennzeichen und Ziffern ändern.
Datums- und Zeitfelder
Tippe die Ziffern oder nutze die Pfeiltasten. Ein zweites Drücken der Rücktaste springt ein Segment zurück. minuteStep legt fest, wie weit die Pfeiltasten die Minuten verstellen.
Birthday: not set · Alarm: 07:30
Datumsauswahl
Der Button öffnet einen Kalender mit dem gewählten Tag im Fokus, und die Auswahl eines Tages schließt ihn. Mit granularity="minute" nimmt die Datumsauswahl auch eine Uhrzeit auf, und der Kalender ändert nur das Datum.
Departure: not set · Meeting: 2026-09-26T09:30
Ein Zeitraum
Zwei Felder und ein Kalender mit zwei Monaten. nuiDateRangePresets() ergänzt gängige Zeiträume; der Wert bleibt null, bis beide Enden in der richtigen Reihenfolge gesetzt sind.
Type both dates, pick them in the calendar, or choose a preset.