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​

import { Calendar } from "@svar-ui/react-calendar";

<Calendar events={events} date={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.