Skip to main content

readonly

Disables editing interactions on the calendar. When true, drag/move/resize and drag-to-create are blocked and the built-in addEventButton is filtered out of the default toolbar.

Usage​

readonly?: boolean;

Default: false.

Example​

<script lang="ts">
  import { Calendar } from "@svar-ui/svelte-calendar";
</script>

<Calendar {events} {date} readonly={true} />
  • toolbar — the addEventButton filtered out by readonly mode.
  • intercept — block individual actions instead of every interaction.
  • Editing — full editor wiring; readonly mode hides it from the toolbar.