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

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

NameTypeDefaultDescription

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

NameTypeDescription

valueChange

EventEmitter<string>

Fires when the value of the component changes.

In this article
SelectorExport NameInputsEvents
Not finding the help you need?
Contact Support