Calendar View

Event calendar. Pro · Work and teams › Planning

Installation

npx valyro-cli@latest login
npx valyro-cli@latest add calendar-view

npm 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 — Scheduler: day, week, month and resource timeline, drag and drop, recurrence
Kanban Board — Task board
Gantt Chart — Gantt charts with dependencies and drag to reschedule
Booking Slots — Meeting booking: calendar, slots in the guest’s time zone, form and confirmation
CRM Pipeline — Deal pipeline: stages, amounts and probabilities, drag between stages
Approval Flow — Multi-stage approvals: sequential and parallel stages, decisions with reasons, history
Goal Tracker — OKRs: objectives and key results, statuses, confidence, check-ins with history
Onboarding Checklist — Onboarding checklist: progress, hints with CTAs, dismissal and celebration
Course Path Navigator — Course map: modules, locks, progress and skills, a list on narrow screens
Team Members — Team members: roles, email invites, pending invitations, seat count
Org Chart — Org chart: zoomable, pannable tree with search and collapsible branches
Activity Feed — Activity feed