@progress/kendo-angular-scheduler 24.0.0-develop.20 → 24.0.0-develop.22

package/fesm2022/progress-kendo-angular-scheduler.mjs

@@ -20,8 +20,8 @@ import * as i4 from '@progress/kendo-angular-intl';
 import { formatDate, CldrIntlService, DatePipe, parseDate } from '@progress/kendo-angular-intl';
 import { MultiSelectComponent, ItemTemplateDirective, TagTemplateDirective, DropDownListComponent, ComboBoxComponent } from '@progress/kendo-angular-dropdowns';
 import { NgStyle, NgTemplateOutlet, AsyncPipe, NgClass } from '@angular/common';
-import { saveIcon, cancelOutlineIcon, calendarIcon, caretAltRightIcon, caretAltLeftIcon, filePdfIcon, arrowRotateCwIcon, arrowsNoRepeatIcon, xIcon, moreHorizontalIcon, clockIcon, caretAltUpIcon, caretAltDownIcon } from '@progress/kendo-svg-icons';
-import { ButtonGroupComponent, ButtonComponent, Button } from '@progress/kendo-angular-buttons';
+import { saveIcon, cancelOutlineIcon, calendarIcon, chevronRightIcon, chevronLeftIcon, filePdfIcon, arrowRotateCwIcon, arrowsNoRepeatIcon, xIcon, moreHorizontalIcon, clockIcon, chevronUpIcon, chevronDownIcon } from '@progress/kendo-svg-icons';
+import { ButtonGroupComponent, ButtonComponent, Button, SegmentedControlComponent } from '@progress/kendo-angular-buttons';
 import { NumericTextBoxComponent, NumericTextBoxCustomMessagesComponent, FormFieldComponent, TextBoxDirective, CheckBoxDirective, TextAreaDirective } from '@progress/kendo-angular-inputs';
 import { parseRule, serializeRule, expand } from '@progress/kendo-recurrence';
 import { DatePickerComponent, DatePickerCustomMessagesComponent, DateTimePickerComponent, DateTimePickerCustomMessagesComponent, CalendarComponent, CalendarCustomMessagesComponent, MultiViewCalendarComponent, MonthCellTemplateDirective, CalendarDOMService, CenturyViewService, DecadeViewService, MonthViewService, YearViewService, NavigationService, TimePickerDOMService, HoursService, MinutesService, SecondsService, MillisecondsService, DayPeriodService } from '@progress/kendo-angular-dateinputs';
@@ -43,8 +43,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1778149620,
-    version: '24.0.0-develop.20',
+    publishDate: 1778164830,
+    version: '24.0.0-develop.22',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -4468,7 +4468,7 @@ class RecurrenceWeekdayRuleEditorComponent {
             </kendo-buttongroup>
           </div>
         </div>
-        `, isInline: true, dependencies: [{ kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RecurrenceWeekdayRuleEditorComponent, decorators: [{
             type: Component,
@@ -4728,7 +4728,7 @@ class RecurrenceFrequencyEditorComponent {
             </kendo-buttongroup>
           </div>
         </div>
-        `, isInline: true, dependencies: [{ kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RecurrenceFrequencyEditorComponent, decorators: [{
             type: Component,
@@ -6310,7 +6310,7 @@ class EditDialogComponent {
             </kendo-dialog-actions>
           </kendo-dialog>
         }
-        `, isInline: true, dependencies: [{ kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "closable", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormFieldComponent, selector: "kendo-formfield", inputs: ["showHints", "orientation", "showErrors", "colSpan"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "directive", type: TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "component", type: SchedulerDateTimePickerComponent, selector: "kendo-scheduler-datetime-picker", inputs: ["isAllDay"], outputs: ["valueChange"] }, { kind: "directive", type: CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { kind: "component", type: TimeZoneEditorComponent, selector: "kendo-timezone-editor", inputs: ["width"], outputs: ["valueChange"] }, { kind: "component", type: RecurrenceEditorComponent, selector: "kendo-recurrence-editor", inputs: ["start", "timezone", "weekStart", "repeatEveryOptions", "endAfterOptions", "repeatOnOptions", "endOnOptions"], outputs: ["valueChange"], exportAs: ["kendoRecurrenceEditor"] }, { kind: "directive", type: TextAreaDirective, selector: "textarea[kendoTextArea]", inputs: ["autoSize", "value"], outputs: ["valueChange"] }, { kind: "component", type: MultipleResourceEditorComponent, selector: "kendo-multiple-resource-editor" }, { kind: "component", type: SingleResourceEditorComponent, selector: "kendo-single-resource-editor" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "closable", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormFieldComponent, selector: "kendo-formfield", inputs: ["showHints", "orientation", "showErrors", "colSpan"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "directive", type: TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "component", type: SchedulerDateTimePickerComponent, selector: "kendo-scheduler-datetime-picker", inputs: ["isAllDay"], outputs: ["valueChange"] }, { kind: "directive", type: CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { kind: "component", type: TimeZoneEditorComponent, selector: "kendo-timezone-editor", inputs: ["width"], outputs: ["valueChange"] }, { kind: "component", type: RecurrenceEditorComponent, selector: "kendo-recurrence-editor", inputs: ["start", "timezone", "weekStart", "repeatEveryOptions", "endAfterOptions", "repeatOnOptions", "endOnOptions"], outputs: ["valueChange"], exportAs: ["kendoRecurrenceEditor"] }, { kind: "directive", type: TextAreaDirective, selector: "textarea[kendoTextArea]", inputs: ["autoSize", "value"], outputs: ["valueChange"] }, { kind: "component", type: MultipleResourceEditorComponent, selector: "kendo-multiple-resource-editor" }, { kind: "component", type: SingleResourceEditorComponent, selector: "kendo-single-resource-editor" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EditDialogComponent, decorators: [{
             type: Component,
@@ -6537,6 +6537,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }] } });
 
+const EMPTY_VIEWS = [];
 /**
  * A toolbar component that contains controls for switching views
  * ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/toolbar#including-the-built-in-components)).
@@ -6577,7 +6578,26 @@ class ToolbarViewSelectorComponent {
     get selectView() {
         return this.localization.get('selectView');
     }
+    /**
+     * @hidden
+     */
+    get viewItems() {
+        const views = Array.from(this.ctx.views ?? EMPTY_VIEWS);
+        if (!this.areSameViews(views) || this.cachedViewItems === null) {
+            this.cachedViews = views;
+            this.cachedViewItems = views.map(view => ({ text: view.title }));
+        }
+        return this.cachedViewItems;
+    }
+    /**
+     * @hidden
+     */
+    get selectedViewIndex() {
+        return Array.from(this.ctx.views ?? EMPTY_VIEWS).indexOf(this.ctx.selectedView);
+    }
     detachDomEvents;
+    cachedViews = null;
+    cachedViewItems = null;
     constructor(service, localization) {
         this.service = service;
         this.localization = localization;
@@ -6598,11 +6618,20 @@ class ToolbarViewSelectorComponent {
             });
         }
     }
+    /**
+     * @hidden
+     */
+    onViewChange(index) {
+        const view = Array.from(this.ctx.views ?? EMPTY_VIEWS)[index];
+        if (view) {
+            this.select(view);
+        }
+    }
     /**
      * @hidden
      */
     onChange(e) {
-        const view = this.ctx.views.find(view => view.name === e.target.value);
+        const view = Array.from(this.ctx.views ?? EMPTY_VIEWS).find(view => view.name === e.target.value);
         if (view) {
             this.select(view);
         }
@@ -6613,6 +6642,15 @@ class ToolbarViewSelectorComponent {
     isSelected(view) {
         return this.ctx.selectedView === view;
     }
+    areSameViews(views) {
+        if (this.cachedViews === views) {
+            return true;
+        }
+        if (this.cachedViews?.length !== views.length) {
+            return false;
+        }
+        return this.cachedViews.every((view, index) => view === views[index]);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ToolbarViewSelectorComponent, deps: [{ token: ToolbarService }, { token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ToolbarViewSelectorComponent, isStandalone: true, selector: "[kendoSchedulerToolbarViewSelector]", inputs: { toolbarWidth: "toolbarWidth", responsiveBreakpoint: "responsiveBreakpoint" }, ngImport: i0, template: `
         @if (ctx.views?.length > 1 && toolbarWidth <= responsiveBreakpoint) {
@@ -6633,26 +6671,16 @@ class ToolbarViewSelectorComponent {
           </select>
         }
         @if (toolbarWidth > responsiveBreakpoint) {
-          <span
-            class="k-toolbar-button-group k-scheduler-views k-button-group"
-            role="group"
-            >
-            @for (view of ctx.views; track view) {
-              <button kendoButton
-                type="button"
-                [selected]="isSelected(view)"
-                [attr.aria-pressed]="isSelected(view)"
-                (click)="select(view)"
-                [kendoSchedulerFocusIndex]="0"
-                containerType="toolbar">
-                <span class="k-button-text">
-                  {{ view.title }}
-                </span>
-              </button>
-            }
-          </span>
+          <kendo-segmented-control
+            class="k-scheduler-views"
+            [items]="viewItems"
+            [selected]="selectedViewIndex"
+            (selectedChange)="onViewChange($event)"
+            [kendoSchedulerFocusIndex]="0"
+            containerType="toolbar">
+          </kendo-segmented-control>
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: SegmentedControlComponent, selector: "kendo-segmented-control", inputs: ["items", "layoutMode", "size", "selected"], outputs: ["selectedChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ToolbarViewSelectorComponent, decorators: [{
             type: Component,
@@ -6677,28 +6705,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
           </select>
         }
         @if (toolbarWidth > responsiveBreakpoint) {
-          <span
-            class="k-toolbar-button-group k-scheduler-views k-button-group"
-            role="group"
-            >
-            @for (view of ctx.views; track view) {
-              <button kendoButton
-                type="button"
-                [selected]="isSelected(view)"
-                [attr.aria-pressed]="isSelected(view)"
-                (click)="select(view)"
-                [kendoSchedulerFocusIndex]="0"
-                containerType="toolbar">
-                <span class="k-button-text">
-                  {{ view.title }}
-                </span>
-              </button>
-            }
-          </span>
+          <kendo-segmented-control
+            class="k-scheduler-views"
+            [items]="viewItems"
+            [selected]="selectedViewIndex"
+            (selectedChange)="onViewChange($event)"
+            [kendoSchedulerFocusIndex]="0"
+            containerType="toolbar">
+          </kendo-segmented-control>
         }
         `,
                     standalone: true,
-                    imports: [FocusableDirective, ButtonComponent]
+                    imports: [FocusableDirective, SegmentedControlComponent]
                 }]
         }], ctorParameters: () => [{ type: ToolbarService }, { type: i1$1.LocalizationService }], propDecorators: { toolbarWidth: [{
                 type: Input
@@ -6706,7 +6724,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }] } });
 
-const iconsMap = { caretAltLeftIcon, caretAltRightIcon, calendarIcon };
+const iconsMap = { chevronLeftIcon, chevronRightIcon, calendarIcon };
 /**
  * A toolbar component that contains controls for date navigation
  * ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/toolbar#including-the-built-in-components)).
@@ -6909,10 +6927,10 @@ class ToolbarNavigationComponent {
         this.cd.detectChanges();
     }
     get arrowIcons() {
-        return !this.localization.rtl ? ['caret-alt-left', 'caret-alt-right'] : ['caret-alt-right', 'caret-alt-left'];
+        return !this.localization.rtl ? ['chevron-left', 'chevron-right'] : ['chevron-right', 'chevron-left'];
     }
     get arrowSVGIcons() {
-        return !this.localization.rtl ? ['caretAltLeftIcon', 'caretAltRightIcon'] : ['caretAltRightIcon', 'caretAltLeftIcon'];
+        return !this.localization.rtl ? ['chevronLeftIcon', 'chevronRightIcon'] : ['chevronRightIcon', 'chevronLeftIcon'];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ToolbarNavigationComponent, deps: [{ token: i1$2.PopupService }, { token: ToolbarService }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: ToolbarNavigationComponent, isStandalone: true, selector: "[kendoSchedulerToolbarNavigation]", inputs: { min: "min", max: "max", activeView: "activeView", bottomView: "bottomView" }, host: { properties: { "class.k-toolbar-group": "this.hostClass" } }, providers: [
@@ -6982,7 +7000,7 @@ class ToolbarNavigationComponent {
                 </kendo-calendar-messages>
             </kendo-calendar>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["closePopup", "activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["closePopup", "activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ToolbarNavigationComponent, decorators: [{
             type: Component,
@@ -11134,8 +11152,8 @@ class AgendaListComponent {
     agendaTimeTemplate;
     agendaDateTemplate;
     editable;
-    caretAltLeftIcon = caretAltLeftIcon;
-    caretAltRightIcon = caretAltRightIcon;
+    chevronLeftIcon = chevronLeftIcon;
+    chevronRightIcon = chevronRightIcon;
     constructor(intlService, localization) {
         this.intlService = intlService;
         this.localization = localization;
@@ -11202,10 +11220,10 @@ class AgendaListComponent {
         }
     }
     get arrowIcons() {
-        return !this.localization.rtl ? ['caret-alt-left', 'caret-alt-right'] : ['caret-alt-right', 'caret-alt-left'];
+        return !this.localization.rtl ? ['chevron-left', 'chevron-right'] : ['chevron-right', 'chevron-left'];
     }
     get arrowSVGIcons() {
-        return !this.localization.rtl ? [this.caretAltLeftIcon, this.caretAltRightIcon] : [this.caretAltRightIcon, this.caretAltLeftIcon];
+        return !this.localization.rtl ? [this.chevronLeftIcon, this.chevronRightIcon] : [this.chevronRightIcon, this.chevronLeftIcon];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AgendaListComponent, deps: [{ token: i4.IntlService }, { token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: AgendaListComponent, isStandalone: true, selector: "[kendoSchedulerAgendaList]", inputs: { tasks: "tasks", eventTemplate: "eventTemplate", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", agendaTimeTemplate: "agendaTimeTemplate", agendaDateTemplate: "agendaDateTemplate", editable: "editable" }, host: { properties: { "class.k-scheduler-content": "this.classes" } }, ngImport: i0, template: `
@@ -13738,8 +13756,8 @@ class BaseViewItem {
     get removable() {
         return this.editable && this.editable.remove !== false;
     }
-    caretAltLeftIcon = caretAltLeftIcon;
-    caretAltRightIcon = caretAltRightIcon;
+    chevronLeftIcon = chevronLeftIcon;
+    chevronRightIcon = chevronRightIcon;
     rect;
     subs = new Subscription();
     constructor(slotService, localization, focusService, element, renderer, intl) {
@@ -13834,10 +13852,10 @@ class BaseViewItem {
         this.subs.unsubscribe();
     }
     get arrowIcons() {
-        return !this.localization.rtl ? ['caret-alt-left', 'caret-alt-right'] : ['caret-alt-right', 'caret-alt-left'];
+        return !this.localization.rtl ? ['chevron-left', 'chevron-right'] : ['chevron-right', 'chevron-left'];
     }
     get arrowSVGIcons() {
-        return !this.localization.rtl ? [this.caretAltLeftIcon, this.caretAltRightIcon] : [this.caretAltRightIcon, this.caretAltLeftIcon];
+        return !this.localization.rtl ? [this.chevronLeftIcon, this.chevronRightIcon] : [this.chevronRightIcon, this.chevronLeftIcon];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BaseViewItem, deps: [{ token: BaseSlotService }, { token: i1$1.LocalizationService }, { token: FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i4.IntlService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: BaseViewItem, isStandalone: true, inputs: { item: "item", resourceIndex: "resourceIndex", rangeIndex: "rangeIndex", index: "index", eventTemplate: "eventTemplate", editable: "editable", dragHint: "dragHint", resources: "resources" }, host: { properties: { "class.k-event": "this.className", "attr.data-task-index": "this.taskIndex", "style.touch-action": "this.touchAction", "attr.aria-label": "this.eventTitle" } }, usesOnChanges: true, ngImport: i0 });
@@ -13878,8 +13896,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * @hidden
  */
 class MonthViewItemComponent extends BaseViewItem {
-    caretAltLeftIcon = caretAltLeftIcon;
-    caretAltRightIcon = caretAltRightIcon;
+    chevronLeftIcon = chevronLeftIcon;
+    chevronRightIcon = chevronRightIcon;
     arrowRotateCwIcon = arrowRotateCwIcon;
     arrowsNoRepeatIcon = arrowsNoRepeatIcon;
     xIcon = xIcon;
@@ -15743,7 +15761,7 @@ class ViewFooterComponent {
             </button>
           }
         </span>
-        `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ViewFooterComponent, decorators: [{
             type: Component,
@@ -16606,10 +16624,10 @@ function createTimeSlots(intlService, { showWorkHours, startTime, endTime, workD
  */
 class DayTimeViewItemComponent extends BaseViewItem {
     intlService;
-    caretAltLeftIcon = caretAltLeftIcon;
-    caretAltRightIcon = caretAltRightIcon;
-    caretAltUpIcon = caretAltUpIcon;
-    caretAltDownIcon = caretAltDownIcon;
+    chevronLeftIcon = chevronLeftIcon;
+    chevronRightIcon = chevronRightIcon;
+    chevronUpIcon = chevronUpIcon;
+    chevronDownIcon = chevronDownIcon;
     arrowRotateCwIcon = arrowRotateCwIcon;
     arrowsNoRepeatIcon = arrowsNoRepeatIcon;
     xIcon = xIcon;
@@ -16679,13 +16697,13 @@ class DayTimeViewItemComponent extends BaseViewItem {
         
         @if (item.tail && vertical) {
           <span class="k-event-top-actions">
-            <kendo-icon-wrapper name="caret-alt-up" [svgIcon]="caretAltUpIcon"></kendo-icon-wrapper>
+            <kendo-icon-wrapper name="chevron-up" [svgIcon]="chevronUpIcon"></kendo-icon-wrapper>
           </span>
         }
         
         @if (item.head && vertical) {
           <span class="k-event-bottom-actions">
-            <kendo-icon-wrapper name="caret-alt-down" [svgIcon]="caretAltDownIcon"></kendo-icon-wrapper>
+            <kendo-icon-wrapper name="chevron-down" [svgIcon]="chevronDownIcon"></kendo-icon-wrapper>
           </span>
         }
         
@@ -16763,13 +16781,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         
         @if (item.tail && vertical) {
           <span class="k-event-top-actions">
-            <kendo-icon-wrapper name="caret-alt-up" [svgIcon]="caretAltUpIcon"></kendo-icon-wrapper>
+            <kendo-icon-wrapper name="chevron-up" [svgIcon]="chevronUpIcon"></kendo-icon-wrapper>
           </span>
         }
         
         @if (item.head && vertical) {
           <span class="k-event-bottom-actions">
-            <kendo-icon-wrapper name="caret-alt-down" [svgIcon]="caretAltDownIcon"></kendo-icon-wrapper>
+            <kendo-icon-wrapper name="chevron-down" [svgIcon]="chevronDownIcon"></kendo-icon-wrapper>
           </span>
         }
         
@@ -20281,16 +20299,16 @@ class YearViewInternalComponent extends BaseView {
     tooltip;
     get arrowIcons() {
         return !this.localization.rtl
-            ? ['caret-alt-left', 'caret-alt-right']
-            : ['caret-alt-right', 'caret-alt-left'];
+            ? ['chevron-left', 'chevron-right']
+            : ['chevron-right', 'chevron-left'];
     }
     get arrowSVGIcons() {
         return !this.localization.rtl
-            ? [this.caretAltLeftIcon, this.caretAltRightIcon]
-            : [this.caretAltRightIcon, this.caretAltLeftIcon];
+            ? [this.chevronLeftIcon, this.chevronRightIcon]
+            : [this.chevronRightIcon, this.chevronLeftIcon];
     }
-    caretAltLeftIcon = caretAltLeftIcon;
-    caretAltRightIcon = caretAltRightIcon;
+    chevronLeftIcon = chevronLeftIcon;
+    chevronRightIcon = chevronRightIcon;
     eventsPerSelectedDay = [];
     days = [];
     focusedDate;
@@ -20595,7 +20613,7 @@ class YearViewInternalComponent extends BaseView {
               </div>
             }
           </ng-template>
-        `, isInline: true, dependencies: [{ kind: "component", type: MultiViewCalendarComponent, selector: "kendo-multiviewcalendar", inputs: ["showOtherMonthDays", "showCalendarHeader", "size", "id", "focusedDate", "footer", "min", "max", "rangeValidation", "disabledDatesRangeValidation", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "weekDaysFormat", "isActive", "disabledDates", "activeView", "bottomView", "topView", "showViewHeader", "animateNavigation", "weekNumber", "activeRangeEnd", "selectionRange", "views", "orientation", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "footerTemplate", "headerTitleTemplate", "headerTemplate"], outputs: ["activeViewChange", "navigate", "cellEnter", "cellLeave", "valueChange", "rangeSelectionChange", "blur", "focus", "focusCalendar", "onClosePopup", "onTabPress", "onShiftTabPress"], exportAs: ["kendo-multiviewcalendar"] }, { kind: "directive", type: TooltipDirective, selector: "[kendoTooltip]", inputs: ["filter", "position", "titleTemplate", "showOn", "showAfter", "callout", "closable", "offset", "tooltipWidth", "tooltipHeight", "tooltipClass", "tooltipContentClass", "collision", "closeTitle", "tooltipTemplate"], exportAs: ["kendoTooltip"] }, { kind: "directive", type: MonthCellTemplateDirective, selector: "[kendoCalendarMonthCellTemplate]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: MultiViewCalendarComponent, selector: "kendo-multiviewcalendar", inputs: ["showOtherMonthDays", "showCalendarHeader", "size", "id", "focusedDate", "footer", "min", "max", "rangeValidation", "disabledDatesRangeValidation", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "weekDaysFormat", "isActive", "disabledDates", "activeView", "bottomView", "topView", "showViewHeader", "animateNavigation", "weekNumber", "activeRangeEnd", "selectionRange", "views", "orientation", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "footerTemplate", "headerTitleTemplate", "headerTemplate"], outputs: ["activeViewChange", "navigate", "cellEnter", "cellLeave", "valueChange", "rangeSelectionChange", "blur", "focus", "focusCalendar", "onClosePopup", "onTabPress", "onShiftTabPress"], exportAs: ["kendo-multiviewcalendar"] }, { kind: "directive", type: TooltipDirective, selector: "[kendoTooltip]", inputs: ["filter", "position", "titleTemplate", "showOn", "showAfter", "callout", "closable", "offset", "tooltipWidth", "tooltipHeight", "tooltipClass", "themeColor", "tooltipContentClass", "collision", "closeTitle", "tooltipTemplate"], exportAs: ["kendoTooltip"] }, { kind: "directive", type: MonthCellTemplateDirective, selector: "[kendoCalendarMonthCellTemplate]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: YearViewInternalComponent, decorators: [{
             type: Component,

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1778149620,
-  "version": "24.0.0-develop.20",
+  "publishDate": 1778164830,
+  "version": "24.0.0-develop.22",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-scheduler",
-  "version": "24.0.0-develop.20",
+  "version": "24.0.0-develop.22",
   "description": "Kendo UI Scheduler Angular - Outlook or Google-style angular scheduler calendar. Full-featured and customizable embedded scheduling from the creator developers trust for professional UI components.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -34,7 +34,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1778149620,
+      "publishDate": 1778164830,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -47,23 +47,23 @@
     "@progress/kendo-data-query": "^1.7.3",
     "@progress/kendo-drawing": "^1.25.0",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-tooltip": "24.0.0-develop.20",
-    "@progress/kendo-angular-buttons": "24.0.0-develop.20",
-    "@progress/kendo-angular-common": "24.0.0-develop.20",
-    "@progress/kendo-angular-dateinputs": "24.0.0-develop.20",
-    "@progress/kendo-angular-dialog": "24.0.0-develop.20",
-    "@progress/kendo-angular-dropdowns": "24.0.0-develop.20",
-    "@progress/kendo-angular-icons": "24.0.0-develop.20",
-    "@progress/kendo-angular-inputs": "24.0.0-develop.20",
-    "@progress/kendo-angular-intl": "24.0.0-develop.20",
-    "@progress/kendo-angular-l10n": "24.0.0-develop.20",
-    "@progress/kendo-angular-label": "24.0.0-develop.20",
-    "@progress/kendo-angular-popup": "24.0.0-develop.20",
+    "@progress/kendo-angular-tooltip": "24.0.0-develop.22",
+    "@progress/kendo-angular-buttons": "24.0.0-develop.22",
+    "@progress/kendo-angular-common": "24.0.0-develop.22",
+    "@progress/kendo-angular-dateinputs": "24.0.0-develop.22",
+    "@progress/kendo-angular-dialog": "24.0.0-develop.22",
+    "@progress/kendo-angular-dropdowns": "24.0.0-develop.22",
+    "@progress/kendo-angular-icons": "24.0.0-develop.22",
+    "@progress/kendo-angular-inputs": "24.0.0-develop.22",
+    "@progress/kendo-angular-intl": "24.0.0-develop.22",
+    "@progress/kendo-angular-l10n": "24.0.0-develop.22",
+    "@progress/kendo-angular-label": "24.0.0-develop.22",
+    "@progress/kendo-angular-popup": "24.0.0-develop.22",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.0-develop.20",
+    "@progress/kendo-angular-schematics": "24.0.0-develop.22",
     "@progress/kendo-date-math": "^1.3.2",
     "@progress/kendo-draggable": "^3.0.2",
     "@progress/kendo-file-saver": "^1.0.7",

package/schematics/ngAdd/index.js

@@ -9,10 +9,10 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'SchedulerModule', package: 'scheduler', peerDependencies: {
             // peer deps of the dropdowns
-            '@progress/kendo-angular-treeview': '24.0.0-develop.20',
-            '@progress/kendo-angular-navigation': '24.0.0-develop.20',
+            '@progress/kendo-angular-treeview': '24.0.0-develop.22',
+            '@progress/kendo-angular-navigation': '24.0.0-develop.22',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '24.0.0-develop.20',
+            '@progress/kendo-angular-dialog': '24.0.0-develop.22',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });

package/toolbar/view-selector.component.d.ts

@@ -7,6 +7,7 @@ import { SchedulerView } from '../types';
 import { ToolbarService } from './toolbar.service';
 import { ToolbarContext } from './toolbar-context';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { SegmentedItemSettings } from '@progress/kendo-angular-buttons';
 import * as i0 from "@angular/core";
 /**
  * A toolbar component that contains controls for switching views
@@ -44,13 +45,27 @@ export declare class ToolbarViewSelectorComponent implements OnDestroy {
      * @hidden
      */
     get selectView(): string;
+    /**
+     * @hidden
+     */
+    get viewItems(): SegmentedItemSettings[];
+    /**
+     * @hidden
+     */
+    get selectedViewIndex(): number;
     private detachDomEvents;
+    private cachedViews;
+    private cachedViewItems;
     constructor(service: ToolbarService, localization: LocalizationService);
     ngOnDestroy(): void;
     /**
      * @hidden
      */
     select(view: SchedulerView): void;
+    /**
+     * @hidden
+     */
+    onViewChange(index: number): void;
     /**
      * @hidden
      */
@@ -59,6 +74,7 @@ export declare class ToolbarViewSelectorComponent implements OnDestroy {
      * @hidden
      */
     isSelected(view: SchedulerView): boolean;
+    private areSameViews;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarViewSelectorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarViewSelectorComponent, "[kendoSchedulerToolbarViewSelector]", never, { "toolbarWidth": { "alias": "toolbarWidth"; "required": false; }; "responsiveBreakpoint": { "alias": "responsiveBreakpoint"; "required": false; }; }, {}, never, never, true, never>;
 }

package/views/agenda/agenda-view-list.component.d.ts

@@ -22,8 +22,8 @@ export declare class AgendaListComponent {
     agendaTimeTemplate: TemplateRef<any>;
     agendaDateTemplate: TemplateRef<any>;
     editable: any;
-    caretAltLeftIcon: SVGIcon;
-    caretAltRightIcon: SVGIcon;
+    chevronLeftIcon: SVGIcon;
+    chevronRightIcon: SVGIcon;
     constructor(intlService: IntlService, localization: LocalizationService);
     extractDataItem(item: any): any;
     extractDataItemInLocalTime(item: any): any;

package/views/day-time/day-time-view-item.component.d.ts

@@ -15,10 +15,10 @@ import * as i0 from "@angular/core";
  */
 export declare class DayTimeViewItemComponent extends BaseViewItem {
     private intlService;
-    caretAltLeftIcon: SVGIcon;
-    caretAltRightIcon: SVGIcon;
-    caretAltUpIcon: SVGIcon;
-    caretAltDownIcon: SVGIcon;
+    chevronLeftIcon: SVGIcon;
+    chevronRightIcon: SVGIcon;
+    chevronUpIcon: SVGIcon;
+    chevronDownIcon: SVGIcon;
     arrowRotateCwIcon: SVGIcon;
     arrowsNoRepeatIcon: SVGIcon;
     xIcon: SVGIcon;

package/views/month/month-view-item.component.d.ts

@@ -14,8 +14,8 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export declare class MonthViewItemComponent extends BaseViewItem {
-    caretAltLeftIcon: SVGIcon;
-    caretAltRightIcon: SVGIcon;
+    chevronLeftIcon: SVGIcon;
+    chevronRightIcon: SVGIcon;
     arrowRotateCwIcon: SVGIcon;
     arrowsNoRepeatIcon: SVGIcon;
     xIcon: SVGIcon;

package/views/view-items/base-view-item.d.ts

@@ -35,8 +35,8 @@ export declare class BaseViewItem implements OnInit, OnChanges, OnDestroy, ViewI
     get deleteMessage(): string;
     get resizable(): boolean;
     get removable(): boolean;
-    caretAltLeftIcon: SVGIcon;
-    caretAltRightIcon: SVGIcon;
+    chevronLeftIcon: SVGIcon;
+    chevronRightIcon: SVGIcon;
     rect: Rect;
     private subs;
     constructor(slotService: BaseSlotService, localization: LocalizationService, focusService: FocusService, element: ElementRef, renderer: Renderer2, intl: IntlService);

package/views/year/year-view-internal.component.d.ts

@@ -35,8 +35,8 @@ export declare class YearViewInternalComponent extends BaseView implements After
     tooltip: TooltipDirective;
     get arrowIcons(): string[];
     get arrowSVGIcons(): SVGIcon[];
-    caretAltLeftIcon: SVGIcon;
-    caretAltRightIcon: SVGIcon;
+    chevronLeftIcon: SVGIcon;
+    chevronRightIcon: SVGIcon;
     eventsPerSelectedDay: any[];
     days: Date[];
     focusedDate: Date;