@progress/kendo-angular-scheduler 4.0.0-next.202204060921 → 4.1.0-dev.202205110813

package/esm2015/editing/recurrence/recurrence-end-rule-editor.component.js

@@ -120,16 +120,15 @@ export class RecurrenceEndRuleEditorComponent {
 }
 RecurrenceEndRuleEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceEndRuleEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
 RecurrenceEndRuleEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: RecurrenceEndRuleEditorComponent, selector: "kendo-recurrence-end-rule-editor", inputs: { userNumericOptions: "userNumericOptions", userDatePickerOptions: "userDatePickerOptions" }, viewQueries: [{ propertyName: "endRuleRadioButtons", predicate: EndRuleRadioButtonDirective, descendants: true }], ngImport: i0, template: `
-        <div class='k-edit-label'>
-            <label (click)="onEndLabelClick()">{{ textFor('endLabel') }}</label>
-        </div>
-        <div class='k-edit-field'>
-            <ul class='k-reset'>
-                <li>
+        <div class='k-form-field'>
+            <label class='k-form-label' (click)="onEndLabelClick()">{{ textFor('endLabel') }}</label>
+
+            <ul class='k-form-field-wrap k-reset'>
+                <li class='k-radio-item'>
                     <input kendoRecurrenceEndRuleRadioButton='k-endrule-never-{{uniqueId}}' />
                     <label class='k-radio-label' for='k-endrule-never-{{uniqueId}}'>{{ textFor('endNever') }}</label>
                 </li>
-                <li>
+                <li class='k-radio-item'>
                     <input kendoRecurrenceEndRuleRadioButton='k-endrule-count-{{uniqueId}}' />
                     <label class='k-radio-label' for='k-endrule-count-{{uniqueId}}'>{{ textFor('endAfter') }}</label>
 
@@ -152,7 +151,7 @@ RecurrenceEndRuleEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
                     </kendo-numerictextbox>
                     <span>{{ textFor('endOccurrence') }}</span>
                 </li>
-                <li>
+                <li class='k-radio-item'>
                     <input kendoRecurrenceEndRuleRadioButton='k-endrule-until-{{uniqueId}}' />
                     <label class='k-radio-label' for='k-endrule-until-{{uniqueId}}'>{{ textFor('endOn') }}</label>
 
@@ -189,16 +188,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             args: [{
                     selector: 'kendo-recurrence-end-rule-editor',
                     template: `
-        <div class='k-edit-label'>
-            <label (click)="onEndLabelClick()">{{ textFor('endLabel') }}</label>
-        </div>
-        <div class='k-edit-field'>
-            <ul class='k-reset'>
-                <li>
+        <div class='k-form-field'>
+            <label class='k-form-label' (click)="onEndLabelClick()">{{ textFor('endLabel') }}</label>
+
+            <ul class='k-form-field-wrap k-reset'>
+                <li class='k-radio-item'>
                     <input kendoRecurrenceEndRuleRadioButton='k-endrule-never-{{uniqueId}}' />
                     <label class='k-radio-label' for='k-endrule-never-{{uniqueId}}'>{{ textFor('endNever') }}</label>
                 </li>
-                <li>
+                <li class='k-radio-item'>
                     <input kendoRecurrenceEndRuleRadioButton='k-endrule-count-{{uniqueId}}' />
                     <label class='k-radio-label' for='k-endrule-count-{{uniqueId}}'>{{ textFor('endAfter') }}</label>
 
@@ -221,7 +219,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     </kendo-numerictextbox>
                     <span>{{ textFor('endOccurrence') }}</span>
                 </li>
-                <li>
+                <li class='k-radio-item'>
                     <input kendoRecurrenceEndRuleRadioButton='k-endrule-until-{{uniqueId}}' />
                     <label class='k-radio-label' for='k-endrule-until-{{uniqueId}}'>{{ textFor('endOn') }}</label>
 

package/esm2015/editing/recurrence/recurrence-frequency-editor.component.js

@@ -40,37 +40,39 @@ export class RecurrenceFrequencyEditorComponent {
 }
 RecurrenceFrequencyEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceFrequencyEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
 RecurrenceFrequencyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: RecurrenceFrequencyEditorComponent, selector: "kendo-recurrence-frequency-editor", viewQueries: [{ propertyName: "weekDayButtons", predicate: Button, descendants: true }], ngImport: i0, template: `
-        <div class='k-edit-label'>
-            <label (click)="onFrequencyClick()">{{ textFor('repeat') }}</label>
+        <div class='k-form-field'>
+            <label class="k-form-label" (click)="onFrequencyClick()">{{ textFor('repeat') }}</label>
+
+            <div class='k-form-field-wrap'>
+                <kendo-buttongroup [selection]="'single'">
+                    <button *ngFor='let freq of frequencies' kendoButton
+                            [style.width.px]="100"
+                            [togglable]="true"
+                            [selected]="freq.value === selected"
+                            (click)="onClick(freq)"
+                    >{{ freq.text }}</button>
+                </kendo-buttongroup>
+            </div>
         </div>
-        <div class='k-edit-field'>
-            <kendo-buttongroup [selection]="'single'">
-                <button *ngFor='let freq of frequencies' kendoButton
-                        [style.width.px]="100"
-                        [togglable]="true"
-                        [selected]="freq.value === selected"
-                        (click)="onClick(freq)"
-                >{{ freq.text }}</button>
-            </kendo-buttongroup>
-        </div>
-    `, isInline: true, components: [{ type: i3.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "shape", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+    `, isInline: true, components: [{ type: i3.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceFrequencyEditorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-recurrence-frequency-editor',
                     template: `
-        <div class='k-edit-label'>
-            <label (click)="onFrequencyClick()">{{ textFor('repeat') }}</label>
-        </div>
-        <div class='k-edit-field'>
-            <kendo-buttongroup [selection]="'single'">
-                <button *ngFor='let freq of frequencies' kendoButton
-                        [style.width.px]="100"
-                        [togglable]="true"
-                        [selected]="freq.value === selected"
-                        (click)="onClick(freq)"
-                >{{ freq.text }}</button>
-            </kendo-buttongroup>
+        <div class='k-form-field'>
+            <label class="k-form-label" (click)="onFrequencyClick()">{{ textFor('repeat') }}</label>
+
+            <div class='k-form-field-wrap'>
+                <kendo-buttongroup [selection]="'single'">
+                    <button *ngFor='let freq of frequencies' kendoButton
+                            [style.width.px]="100"
+                            [togglable]="true"
+                            [selected]="freq.value === selected"
+                            (click)="onClick(freq)"
+                    >{{ freq.text }}</button>
+                </kendo-buttongroup>
+            </div>
         </div>
     `
                 }]

package/esm2015/editing/recurrence/recurrence-interval-editor.component.js

@@ -76,30 +76,30 @@ export class RecurrenceIntervalEditorComponent {
 }
 RecurrenceIntervalEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceIntervalEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
 RecurrenceIntervalEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: RecurrenceIntervalEditorComponent, selector: "kendo-recurrence-interval-editor", inputs: { userNumericOptions: "userNumericOptions" }, ngImport: i0, template: `
-        <div class="k-edit-label">
-            <label (click)="intervalNumeric.focus()">{{ textForRepeatEvery() }}</label>
-        </div>
+        <div class='k-form-field'>
+            <label class="k-form-label" (click)="intervalNumeric.focus()">{{ textForRepeatEvery() }}</label>
 
-        <div class="k-edit-field">
-            <kendo-numerictextbox
-                #intervalNumeric
-                [style.width.px]="70"
-                [min]="numericOptions.min"
-                [max]="numericOptions.max"
-                [decimals]="0"
-                [format]="numericOptions.format"
-                [autoCorrect]="numericOptions.autoCorrect"
-                [readonly]="numericOptions.readonly"
-                [selectOnFocus]="numericOptions.selectOnFocus"
-                [spinners]="numericOptions.spinners"
-                [step]="numericOptions.step"
-                [title]="numericOptions.title"
-                [(value)]="intervalValue"
-                (blur)="onIntervalBlur()"
-                (valueChange)="onIntervalChange($event)">
-            </kendo-numerictextbox>
+            <div class="k-form-field-wrap">
+                <kendo-numerictextbox
+                    #intervalNumeric
+                    [style.width.px]="70"
+                    [min]="numericOptions.min"
+                    [max]="numericOptions.max"
+                    [decimals]="0"
+                    [format]="numericOptions.format"
+                    [autoCorrect]="numericOptions.autoCorrect"
+                    [readonly]="numericOptions.readonly"
+                    [selectOnFocus]="numericOptions.selectOnFocus"
+                    [spinners]="numericOptions.spinners"
+                    [step]="numericOptions.step"
+                    [title]="numericOptions.title"
+                    [(value)]="intervalValue"
+                    (blur)="onIntervalBlur()"
+                    (valueChange)="onIntervalChange($event)">
+                </kendo-numerictextbox>
 
-            <span>{{ textForFrequency() }}</span>
+                <span>{{ textForFrequency() }}</span>
+            </div>
         </div>
     `, isInline: true, components: [{ type: i3.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceIntervalEditorComponent, decorators: [{
@@ -107,30 +107,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             args: [{
                     selector: 'kendo-recurrence-interval-editor',
                     template: `
-        <div class="k-edit-label">
-            <label (click)="intervalNumeric.focus()">{{ textForRepeatEvery() }}</label>
-        </div>
+        <div class='k-form-field'>
+            <label class="k-form-label" (click)="intervalNumeric.focus()">{{ textForRepeatEvery() }}</label>
 
-        <div class="k-edit-field">
-            <kendo-numerictextbox
-                #intervalNumeric
-                [style.width.px]="70"
-                [min]="numericOptions.min"
-                [max]="numericOptions.max"
-                [decimals]="0"
-                [format]="numericOptions.format"
-                [autoCorrect]="numericOptions.autoCorrect"
-                [readonly]="numericOptions.readonly"
-                [selectOnFocus]="numericOptions.selectOnFocus"
-                [spinners]="numericOptions.spinners"
-                [step]="numericOptions.step"
-                [title]="numericOptions.title"
-                [(value)]="intervalValue"
-                (blur)="onIntervalBlur()"
-                (valueChange)="onIntervalChange($event)">
-            </kendo-numerictextbox>
+            <div class="k-form-field-wrap">
+                <kendo-numerictextbox
+                    #intervalNumeric
+                    [style.width.px]="70"
+                    [min]="numericOptions.min"
+                    [max]="numericOptions.max"
+                    [decimals]="0"
+                    [format]="numericOptions.format"
+                    [autoCorrect]="numericOptions.autoCorrect"
+                    [readonly]="numericOptions.readonly"
+                    [selectOnFocus]="numericOptions.selectOnFocus"
+                    [spinners]="numericOptions.spinners"
+                    [step]="numericOptions.step"
+                    [title]="numericOptions.title"
+                    [(value)]="intervalValue"
+                    (blur)="onIntervalBlur()"
+                    (valueChange)="onIntervalChange($event)">
+                </kendo-numerictextbox>
 
-            <span>{{ textForFrequency() }}</span>
+                <span>{{ textForFrequency() }}</span>
+            </div>
         </div>
     `
                 }]

package/esm2015/editing/recurrence/recurrence-monthly-yearly-editor.component.js

@@ -234,12 +234,11 @@ export class RecurrenceMonthlyYearlyEditorComponent {
 }
 RecurrenceMonthlyYearlyEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceMonthlyYearlyEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
 RecurrenceMonthlyYearlyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: RecurrenceMonthlyYearlyEditorComponent, selector: "kendo-recurrence-monthly-yearly-editor", inputs: { userNumericOptions: "userNumericOptions" }, viewQueries: [{ propertyName: "repeatOnRadioButtons", predicate: RepeatOnRadioButtonDirective, descendants: true }], ngImport: i0, template: `
-        <div class='k-edit-label'>
-            <label (click)="onRepeatOnLabelClick()">{{ textForRepeatOn() }}</label>
-        </div>
-        <div class='k-edit-field'>
-            <ul class='k-reset' [style.width.px]='650'>
-                <li>
+        <div class='k-form-field'>
+            <label class='k-form-label' (click)="onRepeatOnLabelClick()">{{ textForRepeatOn() }}</label>
+
+            <ul class='k-form-field-wrap k-reset' [style.width.px]='650'>
+                <li class='k-radio-item'>
                     <input kendoRecurrenceRepeatOnRadioButton='monthday-{{uniqueId}}' />
 
                     <label class='k-radio-label' for='k-repeaton-monthday-{{uniqueId}}'>
@@ -280,7 +279,7 @@ RecurrenceMonthlyYearlyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVe
                         [style.margin]="'0 .4ex 0 1ex'">
                     </kendo-numerictextbox>
                 </li>
-                <li>
+                <li class='k-radio-item'>
                     <input kendoRecurrenceRepeatOnRadioButton='weekday-{{uniqueId}}' />
                     <label class='k-radio-label' for='k-repeaton-weekday-{{uniqueId}}'></label>
 
@@ -332,12 +331,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             args: [{
                     selector: 'kendo-recurrence-monthly-yearly-editor',
                     template: `
-        <div class='k-edit-label'>
-            <label (click)="onRepeatOnLabelClick()">{{ textForRepeatOn() }}</label>
-        </div>
-        <div class='k-edit-field'>
-            <ul class='k-reset' [style.width.px]='650'>
-                <li>
+        <div class='k-form-field'>
+            <label class='k-form-label' (click)="onRepeatOnLabelClick()">{{ textForRepeatOn() }}</label>
+
+            <ul class='k-form-field-wrap k-reset' [style.width.px]='650'>
+                <li class='k-radio-item'>
                     <input kendoRecurrenceRepeatOnRadioButton='monthday-{{uniqueId}}' />
 
                     <label class='k-radio-label' for='k-repeaton-monthday-{{uniqueId}}'>
@@ -378,7 +376,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                         [style.margin]="'0 .4ex 0 1ex'">
                     </kendo-numerictextbox>
                 </li>
-                <li>
+                <li class='k-radio-item'>
                     <input kendoRecurrenceRepeatOnRadioButton='weekday-{{uniqueId}}' />
                     <label class='k-radio-label' for='k-repeaton-weekday-{{uniqueId}}'></label>
 

package/esm2015/editing/recurrence/recurrence-weekday-rule-editor.component.js

@@ -65,37 +65,39 @@ export class RecurrenceWeekdayRuleEditorComponent {
 }
 RecurrenceWeekdayRuleEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceWeekdayRuleEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
 RecurrenceWeekdayRuleEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: RecurrenceWeekdayRuleEditorComponent, selector: "kendo-recurrence-weekday-rule-editor", viewQueries: [{ propertyName: "weekDayButtons", predicate: Button, descendants: true }], ngImport: i0, template: `
-        <div class='k-edit-label'>
-            <label (click)="onWeeklyRepeatOnClick()">{{ textFor('weeklyRepeatOn') }}</label>
+        <div class='k-form-field'>
+            <label class='k-form-label' (click)="onWeeklyRepeatOnClick()">{{ textFor('weeklyRepeatOn') }}</label>
+
+            <div class='k-form-field-wrap'>
+                <kendo-buttongroup [selection]="'multiple'">
+                    <button *ngFor='let day of weekDays' kendoButton
+                            [style.width.px]="75"
+                            [toggleable]="true"
+                            [selected]="isSelected(day)"
+                            (selectedChange)="onSelectedChange($event, day.value)"
+                    >{{ capitalize(day.text) }}</button>
+                </kendo-buttongroup>
+            </div>
         </div>
-        <div class='k-edit-field'>
-            <kendo-buttongroup [selection]="'multiple'">
-                <button *ngFor='let day of weekDays' kendoButton
-                        [style.width.px]="75"
-                        [toggleable]="true"
-                        [selected]="isSelected(day)"
-                        (selectedChange)="onSelectedChange($event, day.value)"
-                >{{ capitalize(day.text) }}</button>
-            </kendo-buttongroup>
-        </div>
-    `, isInline: true, components: [{ type: i3.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "shape", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+    `, isInline: true, components: [{ type: i3.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceWeekdayRuleEditorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-recurrence-weekday-rule-editor',
                     template: `
-        <div class='k-edit-label'>
-            <label (click)="onWeeklyRepeatOnClick()">{{ textFor('weeklyRepeatOn') }}</label>
-        </div>
-        <div class='k-edit-field'>
-            <kendo-buttongroup [selection]="'multiple'">
-                <button *ngFor='let day of weekDays' kendoButton
-                        [style.width.px]="75"
-                        [toggleable]="true"
-                        [selected]="isSelected(day)"
-                        (selectedChange)="onSelectedChange($event, day.value)"
-                >{{ capitalize(day.text) }}</button>
-            </kendo-buttongroup>
+        <div class='k-form-field'>
+            <label class='k-form-label' (click)="onWeeklyRepeatOnClick()">{{ textFor('weeklyRepeatOn') }}</label>
+
+            <div class='k-form-field-wrap'>
+                <kendo-buttongroup [selection]="'multiple'">
+                    <button *ngFor='let day of weekDays' kendoButton
+                            [style.width.px]="75"
+                            [toggleable]="true"
+                            [selected]="isSelected(day)"
+                            (selectedChange)="onSelectedChange($event, day.value)"
+                    >{{ capitalize(day.text) }}</button>
+                </kendo-buttongroup>
+            </div>
         </div>
     `
                 }]

package/esm2015/editing-directives/base-edit.service.js

@@ -99,6 +99,12 @@ export class BaseEditService {
         this.logRemoveOccurrence(event);
         this.saveChanges();
     }
+    /**
+     * Returns the master recurring event for a specified recurring event.
+     *
+     * @param event - An event from the recurrence series.
+     * @returns the master recurring event for the series.
+     */
     findRecurrenceMaster(event) {
         const id = this.getId(event);
         const recurrenceId = this.getRecurrenceId(event);
@@ -106,9 +112,21 @@ export class BaseEditService {
         const index = this.itemIndex(headId, this.data);
         return this.data[index];
     }
+    /**
+     * Checks if the event is part of the recurrence series.
+     *
+     * @param event - The event that will be checked.
+     * @returns `true` if the event is an occurrence, an exception, or a master event. Otherwise, returns `false`.
+     */
     isRecurring(event) {
         return isRecurring(event, this.fields);
     }
+    /**
+     * Checks if the event is a recurrence exception.
+     *
+     * @param event - The event that will be checked.
+     * @returns `true` if the event is a unique event which belongs to a recurrence series. Otherwise, returns `false`.
+     */
     isException(event) {
         return isException(event, this.fields);
     }

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-scheduler',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1649236481,
+    publishDate: 1652256738,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2015/scheduler.component.js

@@ -158,6 +158,10 @@ export class SchedulerComponent {
          * Specifies the Scheduler current time marker settings.
          */
         this.currentTimeMarker = true;
+        /**
+         * Specifies the settings for the ongoing events highlight of the Scheduler.
+         */
+        this.highlightOngoingEvents = true;
         /**
          * A callback that executes for each slot of the Scheduler view.
          * If it returns `true`, the `k-state-selected` CSS class will be added to the cell, making it visibly selected.
@@ -729,6 +733,7 @@ export class SchedulerComponent {
             selectable: this.selectable,
             timezone: this.timezone,
             currentTimeMarker: this.currentTimeMarker,
+            highlightOngoingEvents: this.highlightOngoingEvents,
             slotClass: this.slotClass,
             slotFill: this.slotFill,
             columnWidth: this.columnWidth,
@@ -860,7 +865,7 @@ export class SchedulerComponent {
     }
 }
 SchedulerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SchedulerComponent, deps: [{ token: i0.ElementRef }, { token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.EditService }, { token: i4.DialogsService }, { token: i5.IntlService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i6.PDFService }, { token: i7.LocalizationService }, { token: i8.DomEventsService }, { token: i0.Renderer2 }, { token: i9.FocusService }], target: i0.ɵɵFactoryTarget.Component });
-SchedulerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SchedulerComponent, selector: "kendo-scheduler", inputs: { selectedViewIndex: "selectedViewIndex", editable: "editable", selectable: "selectable", min: "min", max: "max", eventHeight: "eventHeight", columnWidth: "columnWidth", showWorkHours: "showWorkHours", startTime: "startTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", weekStart: "weekStart", slotDuration: "slotDuration", slotDivisions: "slotDivisions", slotFill: "slotFill", scrollTime: "scrollTime", group: "group", resources: "resources", loading: "loading", timezone: "timezone", events: "events", selectedDate: "selectedDate", modelFields: "modelFields", currentTimeMarker: "currentTimeMarker", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", isSlotSelected: "isSlotSelected" }, outputs: { selectedViewIndexChange: "selectedViewIndexChange", navigate: "navigate", dateChange: "dateChange", slotClick: "slotClick", slotDblClick: "slotDblClick", create: "create", eventClick: "eventClick", eventDblClick: "eventDblClick", eventKeydown: "eventKeydown", cancel: "cancel", save: "save", remove: "remove", resizeStart: "resizeStart", resize: "resize", resizeEnd: "resizeEnd", dragStart: "dragStart", drag: "drag", dragEnd: "dragEnd", slotDragStart: "slotDragStart", slotDrag: "slotDrag", slotDragEnd: "slotDragEnd", pdfExport: "pdfExport" }, host: { properties: { "class.k-widget": "this.hostClasses", "class.k-scheduler": "this.hostClasses", "class.k-floatwrap": "this.hostClasses", "class.k-rtl": "this.rtl", "attr.dir": "this.dir" } }, providers: [
+SchedulerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SchedulerComponent, selector: "kendo-scheduler", inputs: { selectedViewIndex: "selectedViewIndex", editable: "editable", selectable: "selectable", min: "min", max: "max", eventHeight: "eventHeight", columnWidth: "columnWidth", showWorkHours: "showWorkHours", startTime: "startTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", weekStart: "weekStart", slotDuration: "slotDuration", slotDivisions: "slotDivisions", slotFill: "slotFill", scrollTime: "scrollTime", group: "group", resources: "resources", loading: "loading", timezone: "timezone", events: "events", selectedDate: "selectedDate", modelFields: "modelFields", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", isSlotSelected: "isSlotSelected" }, outputs: { selectedViewIndexChange: "selectedViewIndexChange", navigate: "navigate", dateChange: "dateChange", slotClick: "slotClick", slotDblClick: "slotDblClick", create: "create", eventClick: "eventClick", eventDblClick: "eventDblClick", eventKeydown: "eventKeydown", cancel: "cancel", save: "save", remove: "remove", resizeStart: "resizeStart", resize: "resize", resizeEnd: "resizeEnd", dragStart: "dragStart", drag: "drag", dragEnd: "dragEnd", slotDragStart: "slotDragStart", slotDrag: "slotDrag", slotDragEnd: "slotDragEnd", pdfExport: "pdfExport" }, host: { properties: { "class.k-widget": "this.hostClasses", "class.k-scheduler": "this.hostClasses", "class.k-floatwrap": "this.hostClasses", "class.k-rtl": "this.rtl", "attr.dir": "this.dir" } }, providers: [
         EditService,
         DialogsService,
         DomEventsService,
@@ -1501,6 +1506,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], currentTimeMarker: [{
                 type: Input
+            }], highlightOngoingEvents: [{
+                type: Input
             }], slotClass: [{
                 type: Input
             }], eventClass: [{

package/esm2015/toolbar/navigation.component.js

@@ -208,7 +208,7 @@ ToolbarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 </kendo-calendar-messages>
             </kendo-calendar>
         </ng-template>
-    `, isInline: true, components: [{ type: i4.CalendarComponent, selector: "kendo-calendar", inputs: ["id", "focusedDate", "min", "max", "rangeValidation", "selection", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate"], outputs: ["activeViewChange", "navigate", "activeViewDateChange", "valueChange"], exportAs: ["kendo-calendar"] }, { type: i4.CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }], directives: [{ type: i5.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "shape", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], pipes: { "async": i6.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, components: [{ type: i4.CalendarComponent, selector: "kendo-calendar", inputs: ["id", "focusedDate", "min", "max", "rangeValidation", "selection", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate"], outputs: ["activeViewChange", "navigate", "activeViewDateChange", "valueChange"], exportAs: ["kendo-calendar"] }, { type: i4.CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }], directives: [{ type: i5.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], pipes: { "async": i6.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarNavigationComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/toolbar/view-selector.component.js

@@ -93,7 +93,7 @@ ToolbarViewSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
                 </span>
             </button>
         </span>
-    `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "shape", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+    `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarViewSelectorComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/types/ongoing-events-settings.interface.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/views/common/base-view.js

@@ -38,6 +38,9 @@ export class BaseView {
         this.pdfService = pdfService;
         this.localization = localization;
         this.cdr = cdr;
+        /**
+         * The non-all-day events.
+         */
         this.items = new BehaviorSubject(null);
         this.horizontalResources = [];
         this.verticalResources = [];

package/esm2015/views/common/configuration-view-base.js

@@ -45,6 +45,12 @@ export class ConfigurationViewBase extends SchedulerView {
     get viewEventStyles() {
         return isPresent(this.eventStyles) ? this.eventStyles : this.schedulerOptions.eventStyles;
     }
+    /**
+     * @hidden
+     */
+    get viewHighlightOngoingEvents() {
+        return isPresent(this.highlightOngoingEvents) ? this.highlightOngoingEvents : this.schedulerOptions.highlightOngoingEvents;
+    }
     /**
      * @hidden
      */
@@ -62,7 +68,7 @@ export class ConfigurationViewBase extends SchedulerView {
     }
 }
 ConfigurationViewBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfigurationViewBase, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Directive });
-ConfigurationViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ConfigurationViewBase, inputs: { slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles" }, queries: [{ propertyName: "eventTemplate", first: true, predicate: EventTemplateDirective, descendants: true }, { propertyName: "groupHeaderTemplate", first: true, predicate: GroupHeaderTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+ConfigurationViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ConfigurationViewBase, inputs: { slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", highlightOngoingEvents: "highlightOngoingEvents" }, queries: [{ propertyName: "eventTemplate", first: true, predicate: EventTemplateDirective, descendants: true }, { propertyName: "groupHeaderTemplate", first: true, predicate: GroupHeaderTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfigurationViewBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }]; }, propDecorators: { slotClass: [{
@@ -71,6 +77,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], eventStyles: [{
                 type: Input
+            }], highlightOngoingEvents: [{
+                type: Input
             }], template: [{
                 type: ViewChild,
                 args: ['content', { static: true }]

package/esm2015/views/common/view-footer.component.js

@@ -30,7 +30,7 @@ ViewFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
             <span class="k-button-icon k-icon" [ngClass]="item.iconClass"></span>
             <span class="k-button-text">{{ item.text }}</span>
         </button>
-    `, isInline: true, directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "shape", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    `, isInline: true, directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewFooterComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/views/constants.js

@@ -21,3 +21,9 @@ export { MS_PER_DAY } from '@progress/kendo-date-math';
 export const BORDER_WIDTH = 1;
 /** @hidden */
 export const DEFAULT_EVENT_HEIGHT = 25;
+/** @hidden */
+export const ONGOING_EVENT_CSS_CLASS = 'k-event-ongoing';
+/** @hidden */
+export const DAYS_IN_WEEK_COUNT = 7;
+/** @hidden */
+export const WEEKS_COUNT = 6;

package/esm2015/views/day-time/day-time-view-base.js

@@ -22,6 +22,7 @@ const WORK_WEEK_END = 'workWeekEnd';
 const SLOT_DURATION = 'slotDuration';
 const SLOT_DIVISIONS = 'slotDivisions';
 const CURRENT_TIME_MARKER = 'currentTimeMarker';
+const HIGHLIGHT_ONGOING_EVENTS = 'highlightOngoingEvents';
 /**
  * @hidden
  */
@@ -95,6 +96,12 @@ export class DayTimeViewBase extends ConfigurationViewBase {
     get viewCurrentTimeMarker() {
         return this.optionValue(CURRENT_TIME_MARKER);
     }
+    /**
+     * @hidden
+     */
+    get viewHighlightOngoingEvents() {
+        return this.optionValue(HIGHLIGHT_ONGOING_EVENTS);
+    }
     /**
      * @hidden
      */
@@ -106,7 +113,7 @@ export class DayTimeViewBase extends ConfigurationViewBase {
     }
 }
 DayTimeViewBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DayTimeViewBase, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Directive });
-DayTimeViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DayTimeViewBase, inputs: { showWorkHours: "showWorkHours", eventHeight: "eventHeight", startTime: "startTime", scrollTime: "scrollTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", currentTimeMarker: "currentTimeMarker" }, queries: [{ propertyName: "timeSlotTemplate", first: true, predicate: TimeSlotTemplateDirective, descendants: true }, { propertyName: "dateHeaderTemplate", first: true, predicate: DateHeaderTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
+DayTimeViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DayTimeViewBase, inputs: { showWorkHours: "showWorkHours", eventHeight: "eventHeight", startTime: "startTime", scrollTime: "scrollTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents" }, queries: [{ propertyName: "timeSlotTemplate", first: true, predicate: TimeSlotTemplateDirective, descendants: true }, { propertyName: "dateHeaderTemplate", first: true, predicate: DateHeaderTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DayTimeViewBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }]; }, propDecorators: { timeSlotTemplate: [{
@@ -139,4 +146,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], currentTimeMarker: [{
                 type: Input
+            }], highlightOngoingEvents: [{
+                type: Input
             }] } });