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

Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday
No events

Drag a class to another day to move it; click a day's name to open it.Drag a class to another day to move it; tap a day's name to open it.

16 lines
<Calendar {adapter} view="week-agenda" equalDays showDates={false} columns> {#snippet header()}{/snippet} </Calendar>