Data display
MSM patternResource Calendar
A school day arranged by teacher or room, with a timeline, agenda, filters, and selection callbacks.
When to use it
Display a school day with ResourceCalendar. The caller supplies civil dates, day-local minute spans, resources, and selection callbacks. Switch Teachers and Rooms without changing the entries. Empty space is not verified availability. Mobile starts in Agenda; Timeline stays available. Resource filters remember each grouping; unassigned entries remain visible. Operations own permissions, time-zone conversion, booking, conflicts, and persistence.
Daily teacher and room schedule
Monday, September 28, 2026
12 entries · 4 teachersAmerica/New_York · Now 4:10 PM
Time
2:00 PM
3:00 PM
4:00 PM
5:00 PM
6:00 PM
7:00 PM
Maya ChenPiano · Voice
Leo MartinezGuitar · Bass
Ava ThompsonViolin · Strings
James WilsonDrums · Ensembles
LessonTrialGroupMake-upBlocked
Loading, failed, restricted, and empty
Monday, September 28, 2026
Schedule could not load
The schedule request failed. Try again.
LessonTrialGroupMake-upBlocked
No entry selected
Usage
Use the Code tab to copy a complete example. MSM pages import shared components from @msm/ui; changes to those components appear here and in the application.