RecurrenceEditorComponent

Represents the Kendo UI Recurrence Editor component for Angular. Use this component to let users set recurrence rules for Scheduler events.

This example demonstrates the Recurrence Editor, among other components.

html

<kendo-scheduler
  [kendoSchedulerBinding]="events"
  [kendoSchedulerReactiveEditing]="createFormGroup"
>
  <ng-template kendoSchedulerEditDialogTemplate let-formGroup="formGroup" let-event>
    <kendo-formfield>
      <kendo-recurrence-editor
        [start]="event.value.start"
        [formControl]="formGroup.get('recurrenceRule')"
      ></kendo-recurrence-editor>
    </kendo-formfield>
  </ng-template>
</kendo-scheduler>

Selector

kendo-recurrence-editor

Export Name

Accessible in templates as #kendoRecurrenceEditorInstance="kendoRecurrenceEditor"

Inputs

Name	Type	Default	Description
endAfterOptions	NumericTextBoxOptions		Sets the options for the End After NumericTextBox in the recurrence count rule editor.
endOnOptions	DatePickerOptions		Sets the options for the End On DatePicker in the recurrence until rule editor.
repeatEveryOptions	NumericTextBoxOptions		Sets the options for the Repeat Every NumericTextBox in the recurrence interval editor.
repeatOnOptions	NumericTextBoxOptions		Sets the options for the Repeat On NumericTextBox for choosing the day an event occurs in the monthly and yearly sections.
start	Date		Sets the start date for the event.
timezone	string	'Etc/UTC'	Sets the id of the timezone to use.
weekStart	Day		Sets the first day of the week. Uses the locale settings by default.

Events

Name	Type	Description
valueChange	EventEmitter<string>	Fires when the value of the component changes.