yb-datepicker v1.2.2

DatePicker

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

Подключение

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

import DatePicker from "yb-datepicker";

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

• Пример jsx Примечание: для this.callbacks следует указывать пустой объект

this.state.value = new Date();

changeDay (date) {}

<DatePicker
    value={this.state.value}
    changeDay={changeDay}
    callbacks={this.callbacks}
/>

Свойства

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

Методы

• changeDay(Date date) - клик по дню в сетке (выбор дня)

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

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