Дата и время вводятся по сегментам: день, месяц и год — в порядке, принятом в локали, затем часы и минуты — в её 12- или 24-часовом формате. Каждый сегмент — это spinbutton: введите цифры, и фокус сам перейдёт дальше, или меняйте значение клавишами-стрелками. Вставьте дату целиком — и заполнятся все сегменты.
Компоненты выбора добавляют календарь в popover — для одной даты или для диапазона с пресетами. Значения — обычные строки ISO, например 2026-09-25 или 2026-09-25T09:30, и каждое поле работает с Signal Forms, реактивными формами и ngModel.
На этом сайте примеры следуют языку страницы: переключите его и посмотрите, как меняются порядок, разделители и цифры.
Поля даты и времени
Вводите цифры или пользуйтесь клавишами-стрелками. Повторный Backspace возвращает к предыдущему сегменту. minuteStep задаёт, на сколько стрелки меняют минуты.
Birthday: not set · Alarm: 07:30
Поля выбора даты
Кнопка открывает календарь на выбранном дне, а выбор дня закрывает его. С granularity="minute" поле принимает и время, а календарь меняет только дату.
Departure: not set · Meeting: 2026-09-26T09:30
Диапазон дат
Два поля и календарь на два месяца. nuiDateRangePresets() добавляет часто используемые диапазоны; значение остаётся null, пока оба конца не заданы по порядку.
Type both dates, pick them in the calendar, or choose a preset.