Попапы и тултипы
При обновлении с версии без расширений сохраните прежние опции и обработчики. Для ESM добавьте именованный импорт и зарегистрируйте annotations в конструкторе: extensions: [annotations]. Вызывать расширение как функцию не нужно. Импорт или регистрация сами по себе не включают функцию.
import { Calendar, annotations } from 'vanilla-calendar-pro';
new Calendar('#calendar', {
extensions: [annotations],
popups: { '2026-09-21': { html: 'Event' } },
}).init();annotations требуется для popups (включая записи только с модификатором) и onCreateDateRangeTooltip. Календарь, открываемый через inputMode, остаётся в ядре.
Попапы
Календарь позволяет добавлять поп-апы с информацией для любого дня, которые будут отображаться при наведении на этот день.
В приведенном примере выделен определенный день с использованием CSS-модификатора, и добавлена информация в поп-ап.
Дополнительные детали о поп-апах можно найти в справочнике.
Тултипы
Тултипы можно использовать, когда для параметра selectionDatesMode установлено значение 'multiple-ranged'. Используя onCreateDateRangeTooltip, вы можете создать полностью кастомизированный тултип.