RecurrenceEditor

RecurrenceEditor handles common repeat rules for product settings without becoming a full calendar rules engine.

#Default usage

<RecurrenceEditor
  defaultValue={{ frequency: "weekly", interval: 1, daysOfWeek: [1, 3] }}
/>

#Import

import { RecurrenceEditor } from "@froggdesign/enter-ui-react";

#Controlled

<RecurrenceEditor
  value={recurrence}
  onValueChange={setRecurrence}
/>

#Patterns

Use RecurrenceEditor for scheduled reports, recurring reminders, automated syncs, and admin maintenance windows.

#Accessibility

Controls use labelled native selects, inputs, and pressed buttons for weekday selection. Keep complex recurrence validation in application logic.

#API

• value, defaultValue: { frequency, interval, daysOfWeek?, ends? }.
• onValueChange: called with the next recurrence object.
• frequency: none, daily, weekly, or monthly.

#Styling

RecurrenceEditor uses .eui-recurrence-editor classes and FroggDesign tokens for layout, state, focus, and disabled styling.