# XWUIOpsMyAssignmentsPage

Personal duty hub for the signed-in crew member: a From / To date-range picker in the toolbar over a body that mode-switches between an empty state ("No Assignments" / "You have no upcoming assignments for the selected period.") and a chronological list of assignment rows - each showing event name, then venue · date · role, with a Confirmed / Pending / Cancelled status badge on the end edge. Feed it `assignments` (event name, venue, date, role, status) and an optional `dateRange`; use `setAssignments` to hot-swap the list and `onAssignmentClick` to handle row taps. Use it as the authenticated user's view of their upcoming production deployments.

## Basic Usage

Renders the empty-state mode by passing an empty assignments array, showing the "No Assignments" graphic beneath the From / To date-range toolbar.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: My Assignments page with no assignments, demonstrating the empty-state body and the toolbar date-range picker.
```

## Director's Match Week

The signed-in director queries a single match-week range and gets a chronological duty list with mixed Confirmed / Pending / Cancelled status badges.

```example
file: examples/DirectorMatchWeek.ts
html: examples/DirectorMatchWeek.html
title: Director's Match Week
description: Four assignments over Match Week 22 - two confirmed ties, a pending concert add-on, and one cancelled fixture - with the date-range picker pre-set.
```

## Camera Op Tour Schedule

A camera operator's month-long deployment across football, a King Cup tie and a concert leg, shown in the Ops shell.

```example
file: examples/CameraOpTourSchedule.ts
html: examples/CameraOpTourSchedule.html
title: Camera Op Tour Schedule
description: A full-June touring schedule of four fixtures across four cities with per-event camera roles (jib, RF), mounted inside the Ops shell.
```

```api
```