Website / Calendar

EventCalendar

Displays dated events in a calendar format.

Live example

Select an event to inspect it.

Interactive preview using local sample data. Styling is intentionally left to the consuming project.

Usage

// EventCalendar usage will be documented here.

Adopt to your project

This Website → Calendar → EventCalendar component provides a neutral structural starting point. Adapt local visual presentation through documented props and className without changing its semantic purpose.

Accessibility

Event labels must remain understandable without relying on color.

API reference

API focus
Event data, date range, event labels, overflow behavior.

The preview uses safe local sample data. Check the exported TypeScript types before adapting it to project data.

Installation

Full library
pnpm install:project /absolute/path/to/your-project

Planned guided selection
Website → Calendar → EventCalendar