Перейти к содержимому
v2.5.0
English
Русский
Документация

TimeField

TimeField — составной компонент для ввода времени по маске.

Именование

  • Сочетайте TimeFieldInput с видимым Label.
  • При необходимости метка должна ясно показывать ожидаемый формат времени.

Работа с клавиатурой

ОбъявлениеПереведите фокус на демо и нажмите клавишу из таблицы.
КлавишаДействие
↑↓С кареткой в часах: меняет их на единицу. В минутах или секундах: меняет их на step (по умолчанию 1). Сегмент переходит по кругу, не затрагивая остальные. step={0} выключает изменение стрелками.
Каждая строка проверена в настоящем браузере: Playwright нажимает клавишу в Chromium и смотрит, где оказались фокус и активный элемент.
  • Ввод с клавиатуры остаётся поведением нативного текстового поля, которое формирует маска.

Поведение фокуса

  • Фокус попадает на поле ввода и использует унаследованные от TextField стили фокуса.

Семантика для скринридеров

  • Контрол по-прежнему является нативным полем ввода.
  • Пользователям может понадобиться явный поясняющий текст об ожидаемом формате времени.

Семантика формы

  • Задавайте name и required на TimeFieldInput, а value или defaultValue — на TimeField.
  • Согласуйте границы и формат с форматом отправляемого значения.

Риски доступности

  • неясно, ожидается ли 24-часовой формат и нужны ли секунды
  • о выходе за диапазон сообщает только визуальное оформление
  • нет видимой метки