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Чип события дня; по умолчанию — текст с цветом по направлению