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

Oct 26 – Nov 1, 2026
26 Monday October
27 Today Tuesday October
28 Tomorrow Wednesday October
29 Thursday October
30 Friday October
31 Saturday October
1 Sunday November
No events

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

14 lines
<Calendar {adapter} view="week-agenda" />