Svelte Event Calendar

Built specifically for Svelte, with no wrappers or adapters. Use a developer-friendly API to control every aspect of the calendar: from colors and labels to time scales and date headers. Full TypeScript support included.

Switching between Day, Week, and Month views is easy and gives users the right level of detail for their schedule. Our Svelte event calendar lets you set custom working hours, pick preferred time format and week start day.

With SVAR Svelte Calendar, creating and editing events feels natural. Users can drag event boxes to move events, resize to adjust duration, or create events directly in the time grid.

Keep different event types visually organized using color-coded calendars, like work, personal, or holiday schedules. Users can toggle calendars on and off at a glance to focus on what matters.

A popup form for editing event details can be configured to contain custom fields and match the exact needs of your project. You can also add comments, or task lists as needed.

Customize how events are displayed and interacted with. Use templates for event rendering, add tooltips with details, or include preview popups for additional interactions.