EditDialogTemplateDirective

Represents the template directive for customizing the Scheduler edit dialog. To define the template, nest an <ng-template> tag with the kendoSchedulerEditDialogTemplate directive inside the <kendo-scheduler> tag (see example).

The template context is set to the current event and the following additional fields are passed:

• event—The currently edited event. Represents the default context that will be assigned to any template variable which utilizes the let-x syntax—for example, let-event.
• formGroup—The current FormGroup.
• editMode—The current edit mode.
• isNew—The state of the current event.

html

<kendo-scheduler>
 <ng-template kendoSchedulerEditDialogTemplate let-formGroup="formGroup" let-isNew="isNew"
    autoFocusedElement=".title-input" let-editMode="editMode" let-event>
    <div>
      <label>Title:</label>
      <kendo-textbox placeholder="Title" [formControl]="formGroup.get('title') />
    </div>
 </ng-template>
</kendo-scheduler>

Selector

[kendoSchedulerEditDialogTemplate]

Inputs

Name	Type	Default	Description
autoFocusedElement	string		Specifies the query selector used to set the initial focus.