Skip to content

SCalendarMonth ​

Обзор ​

Месячная сетка: рабочее время с недельными итогами или события дня (платежи) с выбором дня и акцентами.

Usage ​

API ​

Краткий справочник props, slots и events — см. API Reference.

Guide ​

События дня: платёжный календарь ​

API Reference ​

Свойства ​

ИмяТипОписаниеПо умолчанию
weeks обязательныйISCalendarMonthWeek[]
weekdayLabels обязательныйstring[]7 подписей дней недели (пн–вс); локализация на стороне приложения.
weekSummaryLabelstringЗаголовок колонки недельных итогов.''
hideWeekendsbooleanСкрыть колонки субботы и воскресенья.false
hideWeekSummarybooleanСкрыть колонку недельных итогов.false
hideEmptybooleanНе показывать 00:00 для дней без отработанного времени.false
todayDatestringISO-дата сегодняшнего дня для подсветки.''
selectedDatestringISO-дата выбранного дня для подсветки.''
showOtherMonthNumbersbooleanПоказывать номера дней вне месяца (приглушённо) и разрешать клик по ним.false
maxVisibleEventsnumberМаксимум видимых чипов событий в ячейке; остальные сворачиваются в «+N».—
dayMinHeightstringМинимальная высота ячейки дня, CSS-значение (например 76px).—
loadingbooleanСкелетон вместо значений.false
interactivebooleanКликабельные ячейки дней.false
formatDuration(…) => …Форматтер длительности, по умолчанию formatDurationHM.—
formatMoreEvents(…) => …Подпись свёрнутых событий, по умолчанию +N.—
formatDayAriaLabel(…) => …aria-label ячейки дня для скринридера; локализация на стороне приложения.—

События ​

ИмяОписаниеPayload
dayClickКлик по дню (только при interactive).ISCalendarMonthDay

Слоты ​

ИмяОписание
dayСодержимое ячейки дня; по умолчанию — время с дельтой
eventЧип события дня; по умолчанию — текст с цветом по направлению