# XWUIProjectPlanCalendarPage

The "Calendar" view of a work plan. It extends the shared `XWUIProjectPlanShellPage` chrome (breadcrumbs, the Goals/Grid/Board/Calendar/Charts pivot tabs, a Group-by select, and a task search box) and fills the body with a month calendar of scheduled tasks plus an unscheduled tray, drawing on `api.listTasks(planId)` and `api.listUnscheduledTasks(planId)`. Pass `data.api` (an `IProjectWorkApi`), the `planId`, an optional `planTitle`, and `activeView: "calendar"`. Use it as the calendar tab of a plan workspace.

## Basic Usage

The calendar for `plan-team-ops` loaded from `createMockProjectWorkApi()`.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: The scheduled-tasks calendar and unscheduled tray for plan-team-ops.
```

## Design Sprint Calendar

The calendar pointed at a different plan.

```example
file: examples/DesignSprintCalendar.ts
html: examples/DesignSprintCalendar.html
title: Design Sprint Calendar
description: The calendar re-targeted to plan-design with its own header description.
```

## Wired Toolbar

The plan chrome's view-tab and search controls wired to handlers.

```example
file: examples/WiredToolbar.ts
html: examples/WiredToolbar.html
title: Wired Toolbar
description: onViewChange and onSearch callbacks that log every toolbar interaction.
```

```api
```