# Компонент DateInput

Компонент содержит в себе календарь и строку для ввода даты.

### Импорт компонента:

Компонент базовый, поэтому его использование возможно без импорта.

```javascript
import DateInput from '@components/common/date-input/index.vue';
```

### Описание props

1. `emitFormat` - Тип даты, возможно ввести 'date', 'timestamp', 'backend'.
2. `value` - Значение в поле ввода, в сочетании с событием `input` подходит использование дрективы `v-model`.
3. `min` - Минимальное значение для выбора в календаре.
4. `max` - Макимальное значение для выбора в календаре.

### Шаблон

Для того, чтобы использовать компонент на странице приложения во vue, необходимо добавить его следующим образом:

```html
<date-input
  class="q-pb-none"
  :label="$t('creditPetitions.concludeDate')"
  filled
  v-model="date"
  :rules="[v => !!v || 'Обязательное поле']"
  :dense="false"
  :borderless="false"
  hide-bottom-space
/>
```

В примере выше данные, хранимые в `date` попадут в поле ввода или будут взяты оттуда соответственно. Событие
`input` будет всплывать всякий раз, когда произойдёт изменение внутри поля ввода. Добавлено правило, чтобы поле было
введено, иначе всплывёт сообщение 'Обязательное поле'.

### События

1. `@input -> function (value)` - Событие изменения данных в поле ввода компонента.
