Recurrence Editor

Overview

RecurrenceEditor lets users configure how a booking repeats. It supports daily, weekly, monthly, and yearly frequencies with configurable intervals, day-of-week selection for weekly recurrence, and three end conditions (never, after N occurrences, or on a specific date). Supports i18n via custom labels.

Usage

import { RecurrenceEditor } from "@leanicon/web-builder-library/saas";

<RecurrenceEditor
  value={{ frequency: "weekly", interval: 1, byDay: ["MO", "WE", "FR"], endType: "never" }}
  onChange={(rule) => console.log("Updated:", rule)}
/>;

Variants

Default

Default (Dark)

Daily

Weekly (Mon/Wed/Fri)

Bi-Weekly (Tue/Thu)

Monthly

Yearly

End After Count

End On Date

Disabled

Compact

Custom Labels (Spanish)