recurring
Enables recurring event support. When true, the store expands events with an rrule field into individual occurrences and supports editing a single occurrence or this-and-following. When false, events with rrule are stored as plain one-off records.
The functionality is available in PRO Edition only
PROUsage
recurring?: boolean;
Default: false.
When enabled, additional fields on CalendarEvent are interpreted by the store:
| Field | Type | Description |
|---|---|---|
rrule | string | iCalendar RRULE string defining the pattern |
masterEventId | EventID | Links an exception event to its master |
originalDate | Date | Original occurrence date for an exception |
exdates | Date[] | Dates excluded from the recurrence |
duration | number | Single-instance duration in ms (computed by store) |
Example
import { Calendar } from "@svar-ui/react-calendar";
const events = [
{
id: 1,
start: new Date(2025, 9, 6, 9, 0),
end: new Date(2025, 9, 6, 9, 30),
text: "Daily standup",
rrule: "FREQ=DAILY;COUNT=10",
},
];
export default function App() {
return <Calendar events={events} date={new Date(2025, 9, 6)} recurring={true} />;
}
Related articles
events— fields onCalendarEventthat recurrence interprets.update-event—mode: "single" | "following"for editing occurrences.getEvents— read expanded instances within a range.- Recurring events — patterns, RRULE subset, and editing semantics.