Calendar View
Календарь событий. Pro · Работа и команды › Планирование
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add calendar-viewnpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { CalendarView } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
events * | readonly CalendarEvent[] | Events to place on the grid; only those overlapping the visible weeks are shown. | |
month | Date | Any date within the shown month. | |
defaultMonth | Date | Initial month when uncontrolled. | |
onMonthChange | (month: Date) => void | Called with the new month when it changes. | |
maxEventsPerDay | number | 3 | Events listed per day; the rest collapse into a "+N more" popover. |
onEventClick | (event: CalendarEvent) => void | Turns event chips and agenda rows into buttons that call it with the event. | |
weekStartsOn | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 1 | First weekday column: 0 = Sunday, 1 = Monday. |
locale | string | Month, weekday and time formatting. Defaults to the ThemeProvider locale, then the browser's. | |
labels | Partial<CalendarViewLabels> | Overrides for the built-in English text; keys left out keep their defaults. |
Похожие компоненты
- Scheduler — Планировщик: день, неделя, месяц и таймлайн ресурсов, drag & drop, повторы
- Kanban Board — Доска задач
- Gantt Chart — Диаграммы Ганта с зависимостями и перетаскиванием
- Booking Slots — Запись на встречу: календарь, слоты в часовом поясе гостя, форма и подтверждение
- CRM Pipeline — Воронка сделок: этапы, суммы и вероятности, перетаскивание между этапами
- Approval Flow — Многоэтапное согласование: последовательные и параллельные этапы, решения с причиной, история
- Goal Tracker — OKR: цели и ключевые результаты, статусы, уверенность, чек-ины с историей
- Onboarding Checklist — Чек-лист онбординга: прогресс, подсказки с CTA, скрытие и празднование
- Course Path Navigator — Карта курса: модули, блокировки, прогресс и навыки, список на узком экране
- Team Members — Участники команды: роли, приглашения по email, ожидающие инвайты, счётчик мест
- Org Chart — Оргструктура: дерево с зумом и панорамой, поиск, сворачивание веток
- Activity Feed — Лента активности
Назад: Map Layer Story · Далее: Scheduler · Весь раздел «Работа и команды»