New to Kendo UI for Angular? Start a free 30-day trial

QuickCreateTemplateDirective

Directive

Represents the template directive for customizing the content of the Scheduler Quick Create popover. To define the template, nest an <ng-template> tag with the kendoSchedulerQuickCreateTemplate directive inside the <kendo-scheduler> tag.

The template replaces the default body content of the popover. The popover title and action buttons are preserved.

The template context is set to the current Quick Create FormGroup and the following additional fields are passed:

formGroup—The current Quick Create FormGroup. Represents the default context that will be assigned to any template variable which utilizes the let-x syntax—for example, let-formGroup.
start—The start date of the clicked slot.
end—The end date of the clicked slot.
isAllDay—Indicates whether the clicked slot is an all-day slot.
resources—The resources of the clicked slot.

Definition

Package:@progress/kendo-angular-scheduler

Selector:[kendoSchedulerQuickCreateTemplate]

Syntax:

html

<kendo-scheduler [quickCreate]="true">
  <ng-template kendoSchedulerQuickCreateTemplate let-formGroup let-start="start" let-end="end">
    <kendo-textbox placeholder="Title" [formControl]="formGroup.get('title')"></kendo-textbox>
    <p>{{ start | kendoDate: 't' }} - {{ end | kendoDate: 't' }}</p>
  </ng-template>
</kendo-scheduler>