14.04 / Calendar

Agenda view — multi-day list

Vertical agenda grouped by date with sticky day headers, per-day event count, and tone-tinted rows so the floor can scan the next four days at a glance.

Production answer

Agenda view — multi-day list is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Agenda view — multi-day list states
Generative search brief

Agenda view — multi-day list: Vertical agenda grouped by date with sticky day headers, per-day event count, and tone-tinted rows so the floor can scan the next four days at a glance.

AgendaUpcoming schedule11 events · 4 days
Thu 28 May 20265 events
  • 08:30 – 10:30
    Bay 1 — VE Commodore cat-backBay 1 · with Owen Pirelli
  • 10:30 – 11:30
    Hand-over — Hilux N80Reception · with Mick (counter)
  • 12:00 – 13:00
    ADR inspection visit — ADR 80/13Bay 3 · with Levi Tate
  • 13:00 – 17:00
    Bay 1 — Hilux cat-back fitupBay 1 · with Owen Pirelli
  • 14:00 – 16:00
    Dyno hour — Pacemaker LS3Dyno · with Mickey Lin
Fri 29 May 20263 events
  • 07:30 – 10:00
    Stocktake — XForce SKUsStoreroom · with Counter team
  • 10:30 – 15:30
    Bay 2 — Patrol Y62 twin 3in fitmentBay 2 · with Levi Tate
  • 13:00 – 14:00
    Pickup — Magnaflow MFG-405 (Aileen)Reception · with Mick (counter)
Sat 30 May 20262 events
  • 09:00 – 12:00
    Bay 3 — LandCruiser 79 headersBay 3 · with Owen + Levi
  • 13:30 – 14:30
    WHS audit recap with BeachheadOffice · with Daniel F.
Sun 31 May 20261 events
  • 08:00 – 12:30
    Bay 1 — Mustang GT cat-backBay 1 · with Owen Pirelli
Behaviour

Day headers stick to the top of the scroll container as users move through the list. Today gets a red wash; other days remain neutral. Inside each day, events are pre-sorted by start time.