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 setup lang="ts">
  import { Calendar } from "@svar-ui/vue-calendar";
</script>

<template>
  <Calendar :events="events" :date="date" :readonly="true" />
</template>
  • 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.