svelte-calendar — Svelte 5 calendar component, live demo

view theme

Host page

Oct 26 – Nov 1, 2026

Mon 26

Tue 27

Wed 28

Thu 29

Fri 30

Sat 31

Sun 1

All day

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 Rooftop

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

Vinyasa Flowdrag onto a day

Drag an event to move it, drag its edge to resize, drag on empty time to create.Drag an event to move it; long-press empty time to create one.

Keyboard:Alt+arrows move · Alt+Shift+↑↓ resize · Enter on a day creates

Import .ics

26 lines

<Calendar {adapter} view="week-planner" oneventcreate={create} oneventmove={move} />

svelte-calendar — a Svelte 5 calendar component, live demo