DatePicker

Компонент для выбора даты Посмотреть как работает

Подключение

• Импортируем

import DatePicker from "yb-datepicker";

Примеры использования

• Пример jsx

changeDay (date) {}

<br>


### Свойства

- Date <b>value</b> - стартовое значение компонента
<br>default=null, не установлено + виден placeholder, если он есть
<br>
- String <b>className</b> - имя класса css (возможность добавления стилей)
<br>default=""
<br>
- String <b>placeholder</b> - placeholder
<br>default=""
<br>
- String <b>label</b> - надпись перед компонентом
<br>default=""
<br>
- Boolean <b>isInvalid</b> - маркер ошибки (подсветка красным)
<br>default=false, нет ошибки
<br>
- Date <b>minDate</b> - значение, ниже которого нельзя выбрать дату
<br>default=undefined
<br>Может некорректно работать со свойством <b>useManualInput</b>
<br>
- Boolean <b>separator</b> - разделитель элементов даты
<br>default="/"
<br>Допустимые значения: слэш "/", точка "."
<br><i>! Тире работает некорректно, планируется обновление в следующих версиях !</i>
<br>
- Boolean <b>cleanDueEmptyValue</b> - очищать ли datePicker после setState при отсутствии props.value
<br>default=false, не очищать
<br>
- Boolean <b>showResetButton</b> - показывать ли кнопку сброса даты под сеткой дней
<br>default=false, не показывать
<br>
- Boolean <b>useManualInput</b> - дополнительно использовать ручной ввод даты, без выбора в календаре
<br>default=false, без дополнительного ручного ввода
<br>
- NO USE Boolean <b>isShow</b> - спрятан компонент или показан
<br>default=true
<br>
- NO USE Date <b>maxDate</b> - значение, выше которого нельзя выбрать дату
<br>default=undefined
<br>Может некорректно работать со свойством <b>useManualInput</b>
<br>
<br>


### Методы

- changeDay(Date <b>date</b>) - клик по дню в сетке (выбор дня)
<br>
<br>


### Внешние вызовы

- $set(Date <b>date</b>) - установить значение принудительно (без клика по дню сетки)
<br>значение установится, даже если оно вне диапазона допустимых значений (вне minDate и maxDate)
<br>
- $clean() - очистить выбор (вставить пустое значение)
<br>