svelte-calendar — a Svelte 5 calendar component, live demo
Just the component: its own header with Today, the arrows and the view pillsBuilt-in header hidden; the page's own Today and arrows drive currentDateEditable week grid with business hours, blocked lunch slots, and disabled datesFixed weekly template: day names only, no past-day dimming, read-onlyWeek agenda as side-by-side day columns — classic class-schedule gridChromeless compact agenda for dropping into an existing pageHost page
Mon
Tue
Wed
Thu
Fri
Sat
Sun
7:00a – 8:15a NeuroJoga Studio B
7:00a – 8:15a Morning Flow Studio A
8:30a – 9:15a Breathwork
10:00a – 11:30a Teacher Meeting Office
2:00p – 3:15p Power Vinyasa Studio A
4:00p – 5:00p Yin Yoga Studio B
6:30a – 7:30a Sunrise Salutation
9:00a – 10:00a Core Strength Studio A
10:00a – 10:30a Private Session
1:00p – 1:45p Guided Nidra
5:00p – 6:30p Ashtanga Studio A
7:00a – 8:00a Hatha Basics Studio A
8:00a – 9:15a Dynamic Flow Studio B
11:00a – 12:00p Workshop Prep Studio A
2:00p – 3:00p Pranayama Studio A
6:30p – 7:30p Sound Bath Hall
7:30a – 8:30a Mobility Lab Studio A
9:00a – 10:15a Vinyasa Krama Studio B
10:30a – 11:30a Studio Cleaning Studios A & B
3:00p – 5:00p Guest Workshop Studio A
6:00p – 7:15p Deep Stretch Studio B
7:30a – 8:45a Rocket Yoga Studio A
1:15p – 2:00p Stretch & Release
2:00p – 3:00p Timetable Planning Office
4:00p – 5:15p Friday Flow Studio A
9:00a – 10:15a Weekend Flow Studio A
11:00a – 11:45a Meditation Circle
2:00p – 4:30p Arm Balance Workshop Studio A
5:00p – 6:15p Restorative Yoga Studio A
readOnly is on: nothing moves. Click an event and its callback reports here.readOnly is on: nothing moves. Tap an event and its callback reports here.
<Calendar {adapter} view="week-planner" readOnly equalDays showDates={false} visibleHours={[7, 21]}> {#snippet header()}{/snippet} </Calendar>