Создание экземпляра

new Calendar() - создает экземпляр Vanilla Calendar Pro, представляющий собой инкапсуляцию календаря, его настройки и методы.

Экземпляр Calendar, принимает два параметра. Первым обязательный параметр может быть CSS-селектором или HTML-элементом.

CSS-селектор или HTML-элемент может представлять собой оболочку для календаря, в которой будет произведена инициализация календаря, или «Input».

Оболочка для календаря - это тег <div>, внутри которого будет инициализирован сам календарь.

Инициализация в оболочке календаря:

<div id="calendar"></div>

new Calendar('#calendar');
// или
const calendarEl = document.querySelector('#calendar');
new Calendar(calendarEl);

«Input» в контексте этого календаря не обязательно означает тег <input>, это может быть любой HTML-элемент, например, <div>.

При клике на «Input» появится всплывающее окно с календарем.

Инициализация в «Input»:

<input type="text" id="input">
<!-- или -->
<div id="input"></div>

new Calendar('#input', { inputMode: true });
// или
const calendarInput = document.querySelector('#input');
new Calendar(calendarInput, {
  inputMode: true,
});

Второй необязательный параметр — это объект, определяющий настройки и действия календаря.

new Calendar('#calendar', {
  // Настройки
});