svelte-calendar

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 page

Host page

October 2026
Mon
Tue
Wed
Thu
Fri
Sat
Sun
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1

Click a day to open it in day-planner, or an event to report it here.Tap a day to open it in day-planner, or an event to report it here.

14 lines
<Calendar {adapter} view="month-grid" />