Calendar 8

Calendar 8

Installation

No MCP yet? Connect your agent.

Integration

The reusable implementation is split across @components/calendar-8.tsx, @components/calendar-8-day-panel.tsx.

The registry also includes app/calendar-8/page.tsx as a complete preview route; an existing application can keep the reusable component files without adopting that route.

Example content is isolated in @components/data/calendar-8-data.ts (simpleEvents, toDateString, formatRange, compactTime); replace those fixtures with application data rather than editing layout markup in several places.

@components/calendar-8.tsx, @components/calendar-8-day-panel.tsx declare a client boundary for state, measurement, or browser interaction.

Weeks start on Monday and the row count is derived from the month. A day cell shows two event chips before collapsing the remainder into a count.

Replace simpleEvents with application events; it is deliberately the only fixture and carries no calendar filters, attendees, or editing actions.