@syncfusion/ej2-schedule 24.2.8 → 25.1.35

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.2.8
+*  version : 25.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-schedule@*",
-  "_id": "@syncfusion/ej2-schedule@24.2.4",
+  "_id": "@syncfusion/ej2-schedule@22.9.0",
   "_inBundle": false,
-  "_integrity": "sha512-oBgKnAT6yCQiWtsncH5FXAnymoL6njD8ugNGu7gYoDjpxbslOUZWLq034w0dSmhfjwUfMwOEm9P//XR46ZVcsA==",
+  "_integrity": "sha512-HgWYJsJtHsRwZLq9VMWjqS/mOk6zZlOZ4oCvazTD0KeKLwl5mimeKns07gIPbz0pY8yWKHLOwt2tvzjYxIi23A==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,10 +23,10 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-24.2.4.tgz",
-  "_shasum": "4439adf0387fa69424cea8d1c249c87491244ef2",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-schedule/-/ej2-schedule-22.9.0.tgz",
+  "_shasum": "35f485e5f3e388697c615f38881aa98e3965b071",
   "_spec": "@syncfusion/ej2-schedule@*",
-  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.2.7",
-    "@syncfusion/ej2-buttons": "~24.2.7",
-    "@syncfusion/ej2-calendars": "~24.2.8",
-    "@syncfusion/ej2-data": "~24.2.3",
-    "@syncfusion/ej2-dropdowns": "~24.2.8",
-    "@syncfusion/ej2-excel-export": "~24.2.4",
-    "@syncfusion/ej2-inputs": "~24.2.7",
-    "@syncfusion/ej2-lists": "~24.2.8",
-    "@syncfusion/ej2-navigations": "~24.2.8",
-    "@syncfusion/ej2-popups": "~24.2.8"
+    "@syncfusion/ej2-base": "~25.1.35",
+    "@syncfusion/ej2-buttons": "~25.1.35",
+    "@syncfusion/ej2-calendars": "~25.1.35",
+    "@syncfusion/ej2-data": "~25.1.35",
+    "@syncfusion/ej2-dropdowns": "~25.1.35",
+    "@syncfusion/ej2-excel-export": "~25.1.35",
+    "@syncfusion/ej2-inputs": "~25.1.35",
+    "@syncfusion/ej2-lists": "~25.1.35",
+    "@syncfusion/ej2-navigations": "~25.1.35",
+    "@syncfusion/ej2-popups": "~25.1.35"
   },
   "deprecated": false,
   "description": "Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support.",
@@ -73,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "24.2.8",
+  "version": "25.1.35",
   "sideEffects": false
 }

package/src/schedule/actions/crud.js

@@ -29,6 +29,12 @@ var Crud = /** @class */ (function () {
         if (!this.parent.activeView) {
             return;
         }
+        if (this.parent.uiStateValues && this.parent.uiStateValues.isPreventEventRefresh) {
+            this.parent.uiStateValues.isPreventEventRefresh = false;
+            this.parent.refreshEvents(false);
+            this.parent.hideSpinner();
+            return;
+        }
         var start = this.parent.activeView.startDate();
         var end = this.parent.activeView.endDate();
         var dataManager = this.parent.dataModule.getData(this.parent.dataModule.generateQuery(start, end));

package/src/schedule/actions/keyboard.d.ts

@@ -42,6 +42,7 @@ export declare class KeyboardInteraction {
     private getUniqueAppointmentElements;
     private getWorkCellFromAppointmentElement;
     private processViewNavigation;
+    private isCalendarTarget;
     private cancelUpDownAction;
     private processUp;
     private processDown;

package/src/schedule/actions/keyboard.js

@@ -558,6 +558,13 @@ var KeyboardInteraction = /** @class */ (function () {
             }
         }
     };
+    KeyboardInteraction.prototype.isCalendarTarget = function (e) {
+        var keyTarget = e.currentTarget || e.target;
+        if (keyTarget && !isNullOrUndefined(keyTarget.querySelector('.e-header-popup.e-popup-open'))) {
+            return true;
+        }
+        return false;
+    };
     KeyboardInteraction.prototype.cancelUpDownAction = function (isTimelineYear) {
         var isVerticalYear = isTimelineYear && this.parent.activeViewOptions.orientation === 'Vertical';
         var isGroup = this.parent.activeViewOptions.group.resources.length > 0;
@@ -571,7 +578,7 @@ var KeyboardInteraction = /** @class */ (function () {
     };
     KeyboardInteraction.prototype.processUp = function (e, isMultiple) {
         var isTimelineYear = this.parent.currentView === 'TimelineYear';
-        if (isMultiple && this.cancelUpDownAction(isTimelineYear)) {
+        if (isMultiple && this.cancelUpDownAction(isTimelineYear) || (this.isCalendarTarget(e))) {
             return;
         }
         var target = (e.target);
@@ -619,7 +626,7 @@ var KeyboardInteraction = /** @class */ (function () {
     };
     KeyboardInteraction.prototype.processDown = function (e, isMultiple) {
         var isTimelineYear = this.parent.currentView === 'TimelineYear';
-        if (isMultiple && this.cancelUpDownAction(isTimelineYear)) {
+        if (isMultiple && this.cancelUpDownAction(isTimelineYear) || (this.isCalendarTarget(e))) {
             return;
         }
         var target = (e.target);
@@ -729,7 +736,7 @@ var KeyboardInteraction = /** @class */ (function () {
     };
     KeyboardInteraction.prototype.processRight = function (e, isMultiple) {
         var isTimelineYear = this.parent.currentView === 'TimelineYear';
-        if (this.isCancelLeftRightAction(e, isMultiple, isTimelineYear)) {
+        if (this.isCancelLeftRightAction(e, isMultiple, isTimelineYear) || (this.isCalendarTarget(e))) {
             return;
         }
         var selectedCells = this.parent.getSelectedCells();
@@ -800,7 +807,7 @@ var KeyboardInteraction = /** @class */ (function () {
     };
     KeyboardInteraction.prototype.processLeft = function (e, isMultiple) {
         var isTimelineYear = this.parent.currentView === 'TimelineYear';
-        if (this.isCancelLeftRightAction(e, isMultiple, isTimelineYear)) {
+        if (this.isCancelLeftRightAction(e, isMultiple, isTimelineYear) || (this.isCalendarTarget(e))) {
             return;
         }
         var target = (e.target);

package/src/schedule/base/interface.d.ts

@@ -521,6 +521,7 @@ export interface UIStateArgs {
     isBlock?: boolean;
     isCustomMonth?: boolean;
     isPreventTimezone?: boolean;
+    isPreventEventRefresh?: boolean;
 }
 /**
  *  @private

package/src/schedule/base/schedule.d.ts

@@ -1457,9 +1457,10 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      *
      * @function setResourceCollections
      * @param {ResourcesModel[]} resourceCol Accepts the resource collections in ResourcesModel type
+     * @param {boolean} isEventDataRefresh Accepts the boolean to refresh the appointment data source from remote or local
      * @returns {void}
      */
-    setResourceCollections(resourceCol: ResourcesModel[]): void;
+    setResourceCollections(resourceCol: ResourcesModel[], isEventDataRefresh?: boolean): void;
     /**
      * Current View could be change based on the provided parameters.
      *
@@ -1708,6 +1709,8 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     getEventDetails(element: Element): Record<string, any>;
     /**
      * To check whether the given time range slots are available for event creation or already occupied by other events.
+     * This method currently focuses on validating appointments within the current view date range.
+     * However, it does not extend this availability check to recurrence occurrences outside of the current date range.
      *
      * @function isSlotAvailable
      * @param {Date | Object} startTime Denotes the start time of the slot.

package/src/schedule/base/schedule.js

@@ -1992,9 +1992,14 @@ var Schedule = /** @class */ (function (_super) {
      *
      * @function setResourceCollections
      * @param {ResourcesModel[]} resourceCol Accepts the resource collections in ResourcesModel type
+     * @param {boolean} isEventDataRefresh Accepts the boolean to refresh the appointment data source from remote or local
      * @returns {void}
      */
-    Schedule.prototype.setResourceCollections = function (resourceCol) {
+    Schedule.prototype.setResourceCollections = function (resourceCol, isEventDataRefresh) {
+        if (isEventDataRefresh === void 0) { isEventDataRefresh = true; }
+        if (!isEventDataRefresh && this.uiStateValues) {
+            this.uiStateValues.isPreventEventRefresh = true;
+        }
         this.setProperties({ resources: resourceCol }, false);
     };
     /**
@@ -2114,6 +2119,8 @@ var Schedule = /** @class */ (function (_super) {
             this.iCalendarExportModule.initializeCalendarExport(fileName, customData);
         }
         else {
+            console.warn('[WARNING] :: Module "ICalendarExport" is not available in Schedule component!' +
+                ' You either misspelled the module name or forgot to load it.');
             throw Error('Inject ICalendarExport module');
         }
     };
@@ -2130,6 +2137,8 @@ var Schedule = /** @class */ (function (_super) {
             this.iCalendarImportModule.initializeCalendarImport(fileContent);
         }
         else {
+            console.warn('[WARNING] :: Module "ICalendarImport" is not available in Schedule component!' +
+                ' You either misspelled the module name or forgot to load it.');
             throw Error('Inject ICalendarImport module');
         }
     };
@@ -2175,6 +2184,8 @@ var Schedule = /** @class */ (function (_super) {
             this.excelExportModule.initializeExcelExport(excelExportOptions);
         }
         else {
+            console.warn('[WARNING] :: Module "ExcelExport" is not available in Schedule component!' +
+                ' You either misspelled the module name or forgot to load it.');
             throw Error('Inject ExcelExport module');
         }
     };
@@ -2191,6 +2202,8 @@ var Schedule = /** @class */ (function (_super) {
             this.printModule.print(printOptions);
         }
         else {
+            console.warn('[WARNING] :: Module "Print" is not available in Schedule component!' +
+                ' You either misspelled the module name or forgot to load it.');
             throw Error('Inject Print module');
         }
     };
@@ -2474,6 +2487,8 @@ var Schedule = /** @class */ (function (_super) {
     };
     /**
      * To check whether the given time range slots are available for event creation or already occupied by other events.
+     * This method currently focuses on validating appointments within the current view date range.
+     * However, it does not extend this availability check to recurrence occurrences outside of the current date range.
      *
      * @function isSlotAvailable
      * @param {Date | Object} startTime Denotes the start time of the slot.

package/src/schedule/popups/quick-popups.js

@@ -1357,6 +1357,17 @@ var QuickPopups = /** @class */ (function () {
                 instance.destroy();
             }
         }
+        if (popupName === 'quickPopup') {
+            var input = popup.element.querySelector('input.' + cls.SUBJECT_CLASS);
+            if (input) {
+                input.remove();
+            }
+            var form = this.quickPopup.element.querySelector('form.' + cls.FORM_CLASS);
+            if (form) {
+                util.removeChildren(form);
+                form.remove();
+            }
+        }
     };
     QuickPopups.prototype.refreshQuickDialog = function () {
         this.destroyQuickDialog();

package/src/schedule/renderer/renderer.js

@@ -51,15 +51,21 @@ var Render = /** @class */ (function () {
                 break;
             case 'TimelineDay':
                 this.parent.activeView = this.parent.timelineViewsModule;
-                this.parent.activeView.viewClass = 'e-timeline-day-view';
+                if (!isNullOrUndefined(this.parent.activeView)) {
+                    this.parent.activeView.viewClass = 'e-timeline-day-view';
+                }
                 break;
             case 'TimelineWorkWeek':
                 this.parent.activeView = this.parent.timelineViewsModule;
-                this.parent.activeView.viewClass = 'e-timeline-work-week-view';
+                if (!isNullOrUndefined(this.parent.activeView)) {
+                    this.parent.activeView.viewClass = 'e-timeline-work-week-view';
+                }
                 break;
             case 'TimelineWeek':
                 this.parent.activeView = this.parent.timelineViewsModule;
-                this.parent.activeView.viewClass = 'e-timeline-week-view';
+                if (!isNullOrUndefined(this.parent.activeView)) {
+                    this.parent.activeView.viewClass = 'e-timeline-week-view';
+                }
                 break;
             case 'TimelineMonth':
                 this.parent.activeView = this.parent.timelineMonthModule;
@@ -76,6 +82,8 @@ var Render = /** @class */ (function () {
                     this.parent.headerModule.updateActiveView();
                     this.parent.headerModule.setCalendarView();
                 }
+                console.warn('[WARNING] :: Module "' + viewName + '" is not available in Schedule component!' +
+                    ' You either misspelled the module name or forgot to load it.');
                 return this.initializeLayout(firstView);
             }
             throw Error('Inject required modules');

package/styles/bootstrap-dark.css

@@ -138,6 +138,10 @@
   color: #fff;
 }
 
+.e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+  margin-top: -3.2em;
+}
+
 /*! recurrence editor theme wise definitions*/ /*! Schedule component's bootstrap theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e990";
@@ -323,6 +327,9 @@
   font-size: 14px;
   text-transform: initial;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 43px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 43px;
   min-height: 43px;
@@ -2485,8 +2492,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 56px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,

package/styles/bootstrap.css

@@ -133,6 +133,10 @@
   width: 40px;
 }
 
+.e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+  margin-top: -3.2em;
+}
+
 /*! recurrence editor theme wise definitions*/ /*! Schedule component's bootstrap theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e990";
@@ -318,6 +322,9 @@
   font-size: 14px;
   text-transform: initial;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 43px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 43px;
   min-height: 43px;
@@ -2480,8 +2487,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 56px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,

package/styles/bootstrap4.css

@@ -427,6 +427,9 @@
   font-size: 14px;
   text-transform: initial;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 46px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 46px;
   min-height: 46px;
@@ -1375,7 +1378,7 @@
   cursor: default;
   font-weight: normal;
   height: 35px;
-  padding: 8px;
+  padding: 3px;
 }
 .e-schedule .e-month-view .e-content-table {
   height: 100%;
@@ -2589,8 +2592,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 54px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,

package/styles/bootstrap5-dark.css

@@ -372,6 +372,9 @@
   font-size: 14px;
   text-transform: none;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 38px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 38px;
   min-height: 38px;
@@ -1320,7 +1323,7 @@
   cursor: default;
   font-weight: normal;
   height: 34px;
-  padding: 8px;
+  padding: 3px;
 }
 .e-schedule .e-month-view .e-content-table {
   height: 100%;
@@ -2534,8 +2537,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 54px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,

package/styles/bootstrap5.css

@@ -372,6 +372,9 @@
   font-size: 14px;
   text-transform: none;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 38px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 38px;
   min-height: 38px;
@@ -1320,7 +1323,7 @@
   cursor: default;
   font-weight: normal;
   height: 34px;
-  padding: 8px;
+  padding: 3px;
 }
 .e-schedule .e-month-view .e-content-table {
   height: 100%;
@@ -2534,8 +2537,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 54px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,

package/styles/fabric-dark.css

@@ -290,6 +290,9 @@
   font-size: 14px;
   text-transform: initial;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 43px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 43px;
   min-height: 43px;
@@ -2452,8 +2455,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 56px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,

package/styles/fabric.css

@@ -280,6 +280,9 @@
   font-size: 14px;
   text-transform: initial;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 43px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 43px;
   min-height: 43px;
@@ -2442,8 +2445,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 56px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,

package/styles/fluent-dark.css

@@ -164,6 +164,11 @@
   border-left-width: 0;
 }
 
+.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
+  margin-top: -1.5em;
+}
+
 /*! Schedule component's bootstrap5 theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e765";
@@ -349,6 +354,9 @@
   font-size: 14px;
   text-transform: none;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 38px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 38px;
   min-height: 38px;
@@ -2511,8 +2519,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 54px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,

package/styles/fluent.css

@@ -164,6 +164,11 @@
   border-left-width: 0;
 }
 
+.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
+  margin-top: -1.5em;
+}
+
 /*! recurrence editor theme wise definitions*/ /*! Schedule component's bootstrap5 theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e765";
@@ -349,6 +354,9 @@
   font-size: 14px;
   text-transform: none;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 38px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 38px;
   min-height: 38px;
@@ -2511,8 +2519,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 54px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,

package/styles/highcontrast-light.css

@@ -362,6 +362,9 @@
   font-size: 14px;
   text-transform: uppercase;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 43px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 43px;
   min-height: 43px;
@@ -2524,8 +2527,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 56px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,

package/styles/highcontrast.css

@@ -371,6 +371,9 @@
   font-size: 14px;
   text-transform: uppercase;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 43px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 43px;
   min-height: 43px;
@@ -2533,8 +2536,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 56px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,

package/styles/material-dark.css

@@ -306,6 +306,9 @@
   font-size: 13px;
   text-transform: uppercase;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 42px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 42px;
   min-height: 42px;
@@ -2468,8 +2471,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 56px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,

package/styles/material.css

@@ -342,6 +342,9 @@
   font-size: 13px;
   text-transform: uppercase;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 42px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 42px;
   min-height: 42px;
@@ -2504,8 +2507,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 56px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,