New to Kendo UI for AngularStart a free 30-day trial

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.

Definition

Package:@progress/kendo-angular-scheduler

Selector:kendo-recurrence-editor

Export Name:Accessible in templates as #kendoRecurrenceEditorInstance="kendoRecurrenceEditor"

Syntax:

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>

Inputs

Sets the options for the End After NumericTextBox in the recurrence count rule editor.

Sets the options for the End On DatePicker in the recurrence until rule editor.

Sets the options for the Repeat Every NumericTextBox in the recurrence interval editor.

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

Sets the id of the timezone to use.

Default:

'Etc/UTC'

Sets the first day of the week. Uses the locale settings by default.

Events

Fires when the value of the component changes.