# XWUIOpsProductionCalendarPage

The OPFlow Ops `/en/calendar` page: an `XWUIShellPage` wrapping an `XWUICalendar` month grid whose day cells host `XWUIBroadcastEventPill` instances (one per `events` item, capped at 4 visible per day with a "+N" overflow link). The header toolbar adds a "Color by" dropdown (Category vs Activity Type) and a Month / Week / List view-toggle, and the body opens with a categorical legend strip (RSL, U21, WOMEN PL, KING CUP, EVENT, STUDIO). Each event carries `date`, `label`, optional `time`, a `category` key (drives the pill's left stripe) and a `phase` (rigging / production / rehearsal / travel / de-rig / studio, drives the pill background); "Color by: Activity Type" suppresses the category stripe so phase is the only color axis. Use it for the macro chronological view of scheduled production phases.

## Basic Usage

Shows a May 2026 calendar populated with the OPFlow sample events spanning late-April RSL/STUDIO days and the early-May Al Akhdoud vs Al Batin rigging then production pills.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: May 2026 calendar with RSL overflow days (Apr 28/29), three timed STUDIO pills (Apr 30), and the rigging/production phase pills (May 5/6).
```

## Color by Activity Type

The "Color by: Activity Type" axis colors pills by production phase - one fixture followed through travel, rigging, rehearsal, production, and de-rig.

```example
file: examples/ActivityTypeColoring.ts
title: Color by Activity Type
description: A single league fixture across a full production week with phase-driven pill colors.
```

## List View

The calendar in List view focused on June 2026, with RSL, King Cup, Women PL, U21, and Studio entries in one chronological column.

```example
file: examples/ListView.ts
title: List View
description: A June 2026 agenda spanning five categories rendered as a scrollable list.
```

```api
```