League Calendar

beta

Day-view fixture list. Filter bar (date picker + club dropdown + age pills) drives a single grid of MatchCards. Defaults to the upcoming Saturday.

Interactive

Filter → results

Pick a different date and the grid re-renders. Club and age narrow further; the date always stays selected.

Live

DateClub

Age

Raleigh Athletic

U15

Charlotte FC

U15

9:00 AM

Dix Park Fields — Field 1

Durham United

U17

Greensboro FC

U17

10:30 AM

Duke East Campus — Turf 2

Triangle FC

U14

Asheville FC

U14

12:00 PM

Carolina Bank Field — A

Charleston FC

U19

Coastal SC

U19

1:30 PM

MUSC Health Stadium

Columbia United

U15

Winston-Salem SC

U15

3:00 PM

Rock Hill Sports Complex

Atom

MatchCard — with notes

Home crest + name, kickoff, away crest + name. Footer shows field + competition + age. Stacks single-column below 640px.

MatchCard

Durham United

U17

Greensboro FC

U17

10:30 AM

Duke East Campus — Turf 2

State

Empty state — no matches for the current filter

Renders inside the calendar area when the filter set yields zero matches.

Empty

No matches on that date.

Try loosening a filter — or reset all of them.

Reference

MatchCard props

Props

Prop	Type	Default	Description
`kickoff`	`string`	`—`	ISO datetime string. Rendered as 12-hour local + day label.
`home`	`CalendarClub`	`—`	Home team — { id, name, conference, logoUrl }.
`away`	`CalendarClub`	`—`	Away team — same shape as home.
`field`	`string`	`—`	Field / venue label — trimmed with ellipsis if it overflows.
`competition`	`"Premiership" \| "Cup" \| "Development"`	`—`	Drives the pill color.
`ageGroup`	`"U13" \| "U14" \| "U15" \| "U16" \| "U17" \| "U19"`	`—`	Age-group pill.
`notes`	`string`	`—`	Optional italic note — semifinal, extra time, etc.

Reference

LeagueCalendarFilters props

Props

Prop	Type	Default	Description
`clubs`	`CalendarClub[]`	`—`	All clubs — populates the Club dropdown.
`value`	`LeagueCalendarFilterValue`	`—`	Controlled — { date, clubId, ageGroup }. `date` is YYYY-MM-DD; always populated.
`onChange`	`(next) => void`	`—`	Called on every filter change. Parent owns the state.