Simple Datepicker DOM

Нативный компонент для выбора даты

Установка

npm install @segor/simple-datepicker-dom

или

yarn add @segor/simple-datepicer-dom

Инициализация

import DatepickerDom from "@segor/simple-datepicker-dom";

const HTMLInput = document.querySelector("input#myInput");

const options = {
    closeWhenSelected: true | false, // Закрывать при клике на дату. По умолчанию false
    showMonthTails: true | false,    // Отображать начало следующего и конец предыдущего месяца. По умолчанию true
    size: '' | 'small' | 'large',    // Размер элемента. По умолчанию ''
    lang: 'en' | 'ru',               // Язык. По умолчанию 'en'
    onOk: () => {},                  // Callback при нажатии Ок
    onCancel: () => {}               // Callback при нажатии Cancle
};
const datepicker = new DatepickerDom(HTMLInput, options);

Методы

openDatepicker

datepicker.openDatepicker(): void;

Делает компонент видимым. По умолчанию срабатывает при клике на Input.

---

closeDatepicker

datepicker.closeDatepicker(): void;

Делает компонент невидимым. По умолчанию срабатывает при клике на Cancel/Отмена.

---