@syncfusion/ej2-schedule 21.1.35 → 21.1.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.1.35
+*  version : 21.1.38
 *  Copyright Syncfusion Inc. 2001 - 2020. 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@20.9.3",
+  "_id": "@syncfusion/ej2-schedule@21.1.37",
   "_inBundle": false,
-  "_integrity": "sha512-K6UC0wZI336AFlzdF5eDnjkWDciLjVvVuDLhr0wN61M48p8SPo799ZQRb6fF5zmhIRbaJNRe9TZ9ZeeAqUt8Aw==",
+  "_integrity": "sha512-NLCQtiu5Olzfi6SxLt7AYA1KmVoEH8iCMIfnH3R+AGKx2M3jAc8kj254/r6ZjCOG+Hv5HJzRlzXcpsjcF6STUA==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-schedule/-/ej2-schedule-20.9.3.tgz",
-  "_shasum": "e7705d82f1d75f19054bc4259b54f526b84d464d",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-21.1.37.tgz",
+  "_shasum": "ca770b8410b16994dc458ebd2dce869f52476c1d",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -35,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.1.35",
-    "@syncfusion/ej2-buttons": "~21.1.35",
-    "@syncfusion/ej2-calendars": "~21.1.35",
-    "@syncfusion/ej2-data": "~21.1.35",
-    "@syncfusion/ej2-dropdowns": "~21.1.35",
-    "@syncfusion/ej2-excel-export": "~21.1.35",
-    "@syncfusion/ej2-inputs": "~21.1.35",
-    "@syncfusion/ej2-lists": "~21.1.35",
-    "@syncfusion/ej2-navigations": "~21.1.35",
-    "@syncfusion/ej2-popups": "~21.1.35"
+    "@syncfusion/ej2-base": "~21.1.38",
+    "@syncfusion/ej2-buttons": "~21.1.37",
+    "@syncfusion/ej2-calendars": "~21.1.38",
+    "@syncfusion/ej2-data": "~21.1.38",
+    "@syncfusion/ej2-dropdowns": "~21.1.38",
+    "@syncfusion/ej2-excel-export": "~21.1.37",
+    "@syncfusion/ej2-inputs": "~21.1.38",
+    "@syncfusion/ej2-lists": "~21.1.37",
+    "@syncfusion/ej2-navigations": "~21.1.38",
+    "@syncfusion/ej2-popups": "~21.1.37"
   },
   "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": "21.1.35",
+  "version": "21.1.38",
   "sideEffects": false
 }

package/src/schedule/actions/keyboard.js

@@ -478,7 +478,7 @@ var KeyboardInteraction = /** @class */ (function () {
             nextAppEle = isReverse ? appointments[appointments.length - 1] : appointments[0];
         }
         if (nextAppEle) {
-            this.parent.eventBase.addSelectedAppointments([nextAppEle]);
+            this.parent.eventBase.addSelectedAppointments([nextAppEle], true);
             nextAppEle.focus();
             addClass([nextAppEle], cls.AGENDA_SELECTED_CELL);
         }
@@ -505,7 +505,7 @@ var KeyboardInteraction = /** @class */ (function () {
             if (filteredElements_1.length > 0) {
                 var selectedElement = isReverse ? filteredElements_1[filteredElements_1.length - 1] : filteredElements_1[0];
                 var focusElements = this.getAppointmentElementsByGuid(selectedElement.getAttribute('data-guid'));
-                this.parent.eventBase.addSelectedAppointments(focusElements);
+                this.parent.eventBase.addSelectedAppointments(focusElements, true);
                 (focusElements[focusElements.length - 1]).focus();
             }
         }
@@ -964,7 +964,7 @@ var KeyboardInteraction = /** @class */ (function () {
             if (appElements.length > 0) {
                 this.parent.eventBase.removeSelectedAppointmentClass();
                 var focusAppointment = isReverse ? appElements.slice(-1)[0] : appElements[0];
-                this.parent.eventBase.addSelectedAppointments([focusAppointment]);
+                this.parent.eventBase.addSelectedAppointments([focusAppointment], true);
                 focusAppointment.focus();
                 e.preventDefault();
             }
@@ -1066,7 +1066,7 @@ var KeyboardInteraction = /** @class */ (function () {
             var nextAppEle = eventEle[0];
             if (nextAppEle) {
                 this.parent.eventBase.removeSelectedAppointmentClass();
-                this.parent.eventBase.addSelectedAppointments([nextAppEle]);
+                this.parent.eventBase.addSelectedAppointments([nextAppEle], true);
                 nextAppEle.focus();
             }
         }
@@ -1078,7 +1078,7 @@ var KeyboardInteraction = /** @class */ (function () {
             if (appElements.length > 0) {
                 this.parent.eventBase.removeSelectedAppointmentClass();
                 var focusAppointment = appElements[0];
-                this.parent.eventBase.addSelectedAppointments([focusAppointment]);
+                this.parent.eventBase.addSelectedAppointments([focusAppointment], true);
                 focusAppointment.focus();
                 e.preventDefault();
             }

package/src/schedule/base/schedule.js

@@ -586,6 +586,9 @@ var Schedule = /** @class */ (function (_super) {
                         if (_this.headerModule) {
                             _this.headerModule.setCalendarDate(navigationArgs.currentDate);
                         }
+                        if (_this.currentView === 'MonthAgenda' && _this.monthAgendaModule) {
+                            _this.monthAgendaModule.monthAgendaDate = new Date('' + _this.selectedDate);
+                        }
                         _this.initializeView(_this.currentView);
                         _this.animateLayout();
                         args = { requestType: 'dateNavigate', cancel: false, event: event };
@@ -1487,6 +1490,7 @@ var Schedule = /** @class */ (function (_super) {
             this.changeDate(this.selectedDate);
         }
         else if (state.isLayout) {
+            this.activeCellsData = null;
             this.initializeView(this.currentView);
         }
         else if (state.isDataManager && this.crudModule) {
@@ -2537,7 +2541,7 @@ var Schedule = /** @class */ (function (_super) {
             var element = this.element.querySelector('div[data-guid="' + selectEvent.Guid + '"]');
             if (element) {
                 this.eventBase.removeSelectedAppointmentClass();
-                this.eventBase.addSelectedAppointments([element]);
+                this.eventBase.addSelectedAppointments([element], false);
                 this.activeEventData = { event: selectEvent, element: element };
                 if (this.currentView === 'Agenda' || this.currentView === 'MonthAgenda') {
                     addClass([this.activeEventData.element], cls.AGENDA_SELECTED_CELL);

package/src/schedule/event-renderer/event-base.d.ts

@@ -38,7 +38,7 @@ export declare class EventBase {
     getSelectedEventElements(target: Element): Element[];
     getSelectedEvents(): EventClickArgs;
     removeSelectedAppointmentClass(): void;
-    addSelectedAppointments(cells: Element[]): void;
+    addSelectedAppointments(cells: Element[], preventFocus?: boolean): void;
     getSelectedAppointments(): Element[];
     focusElement(isFocused?: boolean): void;
     selectWorkCellByTime(eventsData: Record<string, any>[]): Element;

package/src/schedule/event-renderer/event-base.js

@@ -506,7 +506,7 @@ var EventBase = /** @class */ (function () {
             }
         }
         if (target && this.parent.selectedElements.length > 0) {
-            this.addSelectedAppointments(this.parent.selectedElements);
+            this.addSelectedAppointments(this.parent.selectedElements, false);
         }
         return this.parent.selectedElements;
     };
@@ -536,12 +536,12 @@ var EventBase = /** @class */ (function () {
             removeClass(selectedAppointments, cls.AGENDA_SELECTED_CELL);
         }
     };
-    EventBase.prototype.addSelectedAppointments = function (cells) {
+    EventBase.prototype.addSelectedAppointments = function (cells, preventFocus) {
         if (this.parent.currentView !== 'MonthAgenda') {
             this.parent.removeSelectedClass();
         }
         addClass(cells, cls.APPOINTMENT_BORDER);
-        if (cells.length > 0) {
+        if (cells.length > 0 && !preventFocus) {
             cells[cells.length - 1].focus();
         }
     };
@@ -565,6 +565,10 @@ var EventBase = /** @class */ (function () {
         }
         var selectedAppointments = this.getSelectedAppointments();
         if (selectedAppointments.length > 0) {
+            if (this.parent.activeEventData && this.parent.activeEventData.element && selectedAppointments.indexOf(this.parent.activeEventData.element) > -1) {
+                this.parent.activeEventData.element.focus();
+                return;
+            }
             selectedAppointments[selectedAppointments.length - 1].focus();
             return;
         }
@@ -864,7 +868,7 @@ var EventBase = /** @class */ (function () {
         var target = closest(eventData.target, '.' + cls.APPOINTMENT_CLASS);
         var guid = target.getAttribute('data-guid');
         if (isMultiple) {
-            this.addSelectedAppointments([].slice.call(this.parent.element.querySelectorAll('div[data-guid="' + guid + '"]')));
+            this.addSelectedAppointments([].slice.call(this.parent.element.querySelectorAll('div[data-guid="' + guid + '"]')), true);
             target.focus();
         }
         var eventObject = this.getEventByGuid(guid);

package/src/schedule/event-renderer/timeline-view.js

@@ -248,7 +248,7 @@ var TimelineEvent = /** @class */ (function (_super) {
     TimelineEvent.prototype.renderTimelineMoreIndicator = function (startTime, startDate, endDate, appHeight, interval, resIndex, appointmentsList, top, appLeft, appRight, cellTd, moreIndicator, appPos, position) {
         appLeft = (this.parent.enableRtl) ? appRight = position : position;
         appPos = (this.parent.enableRtl) ? appRight : appLeft;
-        appPos = (Math.floor(appPos / this.cellWidth) * this.cellWidth);
+        appPos = (Math.round(appPos / this.cellWidth) * this.cellWidth);
         if ((cellTd && isNullOrUndefined(moreIndicator)) ||
             (!this.isAlreadyAvail(appPos, cellTd))) {
             var startDateTime = (this.parent.activeViewOptions.option === 'TimelineMonth' || this.renderType === 'day') ? new Date(+startTime) : startDate;
@@ -275,8 +275,8 @@ var TimelineEvent = /** @class */ (function (_super) {
             }
             moreIndicatorElement.style.top = top + appArea + 'px';
             moreIndicatorElement.style.width = this.cellWidth + 'px';
-            moreIndicatorElement.style.left = (Math.floor(appLeft / this.cellWidth) * this.cellWidth) + 'px';
-            moreIndicatorElement.style.right = (Math.floor(appRight / this.cellWidth) * this.cellWidth) + 'px';
+            moreIndicatorElement.style.left = ((appLeft / this.cellWidth) * this.cellWidth) + 'px';
+            moreIndicatorElement.style.right = ((appRight / this.cellWidth) * this.cellWidth) + 'px';
             this.renderElement(cellTd, moreIndicatorElement);
             EventHandler.add(moreIndicatorElement, 'click', this.moreIndicatorClick, this);
         }

package/src/schedule/exports/print.js

@@ -87,7 +87,8 @@ var Print = /** @class */ (function () {
             'resources', 'rowAutoHeight', 'selectedDate', 'showHeaderBar', 'showTimeIndicator', 'showWeekNumber',
             'showWeekend', 'startHour', 'timeFormat', 'timeScale', 'timezone', 'views', 'width', 'workDays', 'workHours',
             'dateHeaderTemplate', 'dateRangeTemplate', 'cellHeaderTemplate', 'dayHeaderTemplate', 'monthHeaderTemplate',
-            'cellTemplate', 'resourceHeaderTemplate', 'headerIndentTemplate'
+            'cellTemplate', 'resourceHeaderTemplate', 'headerIndentTemplate', 'actionBegin', 'actionComplete', 'actionFailure',
+            'created', 'dataBinding', 'dataBound', 'destroyed', 'eventRendered', 'moreEventsClick', 'navigating', 'popupOpen', 'popupClose', 'renderCell'
         ];
         var scheduleTemplates = ['cellHeaderTemplate', 'dayHeaderTemplate', 'monthHeaderTemplate', 'cellTemplate',
             'dateHeaderTemplate', 'dateRangeTemplate', 'eventTemplate', 'resourceHeaderTemplate', 'headerIndentTemplate'];

package/src/schedule/renderer/month-agenda.d.ts

@@ -9,7 +9,7 @@ export declare class MonthAgenda extends Month {
     dayNameFormat: string;
     viewClass: string;
     agendaBase: AgendaBase;
-    private monthAgendaDate;
+    monthAgendaDate: Date;
     constructor(parent: Schedule);
     protected getModuleName(): string;
     renderAppointmentContainer(): void;

package/styles/bootstrap-dark.css

@@ -3838,7 +3838,9 @@
   background: #0070f0;
   border-radius: 50%;
   color: #fff;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3868,7 +3870,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/bootstrap.css

@@ -3838,7 +3838,9 @@
   background: #317ab9;
   border-radius: 50%;
   color: #fff;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3868,7 +3870,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/bootstrap4.css

@@ -3917,7 +3917,9 @@
   background: #007bff;
   border-radius: 50%;
   color: #fff;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3947,7 +3949,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/bootstrap5-dark.css

@@ -3891,7 +3891,9 @@
   background: #0d6efd;
   border-radius: 50%;
   color: #212529;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3921,7 +3923,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/bootstrap5.css

@@ -3891,7 +3891,9 @@
   background: #0d6efd;
   border-radius: 50%;
   color: #fff;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3921,7 +3923,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/fabric-dark.css

@@ -3805,7 +3805,9 @@
   background: #0074cc;
   border-radius: 50%;
   color: #fff;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3835,7 +3837,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/fabric.css

@@ -3800,7 +3800,9 @@
   background: #0078d6;
   border-radius: 50%;
   color: #fff;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3830,7 +3832,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/fluent-dark.css

@@ -3868,7 +3868,9 @@
   background: #0078d4;
   border-radius: 50%;
   color: #1b1a19;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3898,7 +3900,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/fluent.css

@@ -3868,7 +3868,9 @@
   background: #0078d4;
   border-radius: 50%;
   color: #fff;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3898,7 +3900,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/highcontrast-light.css

@@ -3882,7 +3882,9 @@
   background: transparent;
   border-radius: 50%;
   color: #fff;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3912,7 +3914,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/highcontrast.css

@@ -3886,7 +3886,9 @@
   background: transparent;
   border-radius: 50%;
   color: #ffd939;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3916,7 +3918,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/material-dark.css

@@ -3827,7 +3827,9 @@
   background: #00b0ff;
   border-radius: 50%;
   color: #000;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3857,7 +3859,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/material.css

@@ -3863,7 +3863,9 @@
   background: #e3165b;
   border-radius: 50%;
   color: #fff;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3893,7 +3895,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/schedule/_theme.scss

@@ -217,7 +217,9 @@
         background: $schedule-current-date-bg-color;
         border-radius: 50%;
         color: $schedule-current-date-header-font-color;
-        width: 20px;
+        min-width: 20px;
+        padding: 0 4px;
+        width: fit-content;
       }
 
       .e-selected-cell {
@@ -253,7 +255,7 @@
       }
 
       .e-current-date .e-date-header {
-        width: 24px;
+        min-width: 24px;
       }
     }
 

package/styles/schedule/bootstrap-dark.css

@@ -3838,7 +3838,9 @@
   background: #0070f0;
   border-radius: 50%;
   color: #fff;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3868,7 +3870,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/schedule/bootstrap.css

@@ -3838,7 +3838,9 @@
   background: #317ab9;
   border-radius: 50%;
   color: #fff;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3868,7 +3870,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/schedule/bootstrap4.css

@@ -3917,7 +3917,9 @@
   background: #007bff;
   border-radius: 50%;
   color: #fff;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3947,7 +3949,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/schedule/bootstrap5-dark.css

@@ -3891,7 +3891,9 @@
   background: #0d6efd;
   border-radius: 50%;
   color: #212529;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3921,7 +3923,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/schedule/bootstrap5.css

@@ -3891,7 +3891,9 @@
   background: #0d6efd;
   border-radius: 50%;
   color: #fff;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3921,7 +3923,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,

package/styles/schedule/fabric-dark.css

@@ -3805,7 +3805,9 @@
   background: #0074cc;
   border-radius: 50%;
   color: #fff;
-  width: 20px;
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
@@ -3835,7 +3837,7 @@
   border-width: 0;
 }
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  width: 24px;
+  min-width: 24px;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
 .e-schedule .e-timeline-view .e-content-wrap table td:first-child,