README.md

# amazing-pickers

> Пикеры даты и времени, прочие пикеры

## Как использовать?

У [One](../../lib/form-tools) компонента есть возможность прикрепить к краю окаймовки текстового поля кнопку с иконкой. Делается это через свойство `leadingIcon` или `trailingIcon`. Также, мы можем подписаться на событие клика через поля `leadingIconClick` и `trailingIconClick`. Коллбек, размещенный в этом поле получит на вход два аргумента: `value` и `onChange`, где value это текущее значение, а `onChange` это функция, обновляющая текущее значение. Соединив это дело с пикерами можно запросить пользовательский ввод из модального окна, вместо клавиатуры.

```
{
  type: "text",
  inputType: 'number',
  title: "Длина",
  description: "Клик по иконке справа уменьшит значение на 1"
  //            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  trailingIcon: Remove,
  trailingIconClick(v, onChange) { onChange(v - 1) }
  //                               ^^^^^^^^^^^^^^^
},
```

Плюс такого подхода в том, что ввод из модального окна всегда имеет правильную семантику (прикладной программист взаимодействует с уже структурированным объектом [moment.js](https://momentjs.com/)). Также, это дружественно для мобильных устройств, где проблема миссклика на клавиатуре встает ребром.

## Как запустить?

 - Соберите umd дистрибутив, запустив команды ниже в корне копии этого репозитория

```
pwd # путь material-ui-umd
npm install
npm run build:umd
npm run build:types
```

 - Собирите [pickers-tools](../../lib/pickers-tools)

```
pwd # путь material-ui-umd/lib/pickers-tools
npm run build
```