TimePicker

Быстрый старт​

Live Editor
Result
Open in CodeSandbox

Управление внешним видом и размером компонента​

С помощью свойств:

  • view - задается внешний вид
  • size - можно менять размер компонента (xs, s, m, l)
Live Editor
Result
Open in CodeSandbox

Управление форматом времени (с секундами или без)​

С помощью свойства columnsQuantity можно выбрать количество колонок: 2 (часы и минуты) или 3 (часы, минуты, секунды).

Live Editor
Result
Open in CodeSandbox

Расположение выпадающего списка​

Свойство dropdownAlign позволяет выравнивать выпадающий список относительно поля ввода.

Live Editor
Result
Open in CodeSandbox

Управление клавиатурной навигацией​

Компонент поддерживает полную клавиатурную навигацию:

  • Enter - открыть/закрыть выбор времени
  • Arrow Up/Down - навигация по значениям
  • Arrow Left/Right - переход между колонками
  • Tab - переход к следующему значению

Props​