@syncfusion/ej2-react-schedule 22.2.12 → 23.1.38

package/CHANGELOG.md

@@ -6,6 +6,29 @@
 
 #### Bug fixes
 
+- `#I501151` - An issue where the `eventDoubleClick` event is not triggering has been fixed.
+
+## 23.1.36 (2023-09-15)
+
+### Schedule
+
+#### Features
+
+- `#I393657` - Provided on-demand data loading support that allows users to retrieve events from remote services for the current view port alone and retrieve the remaining data on demand while scrolling, which improves the performance and usability of the Scheduler component.
+- `#I397280`, `#I296716`, `#F184285`, `#FB37717` - Provided `virtualScrollStart` and `virtualScrollStop` event support to notify the resource virtual scrolling actions of Scheduler.
+- `#I339243`, `#I365629`, `#F174284` - Provided support to customize the header and footer of editor window.
+
+#### Bug fixes
+
+- `#F184224` - An issue with start and end date query parameters passed incorrectly, when timezone is applied for scheduler has been fixed.
+- `#I499207` - An issue with quick popup not opens on selected cell, when `allowMultiRowSelection` property disabled has been fixed.
+
+## 22.2.12 (2023-09-05)
+
+### Schedule
+
+#### Bug fixes
+
 - `#I492172` - An issue with recurrence exception not calculated based on scheduler timezone has been fixed.
 - `#I490434` - An issue with current time indicator positioned wrongly when header rows is applied in timeline views has been fixed.
 - `#I497178` - An issue with quick popup opens for unselected resource cells has been fixed.

package/diConfig.json

@@ -483,6 +483,8 @@
                 "eventSettings.tooltipTemplate",
                 "eventSettings.template",
                 "editorTemplate",
+                "editorHeaderTemplate",
+                "editorFooterTemplate",
                 "monthHeaderTemplate",
                 "timeScale.minorSlotTemplate",
                 "timeScale.majorSlotTemplate",

package/dist/ej2-react-schedule.min.js

@@ -1,7 +1,7 @@
 /*!
 *  filename: ej2-react-schedule.min.js
-*  version : 22.2.12
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  version : 23.1.38
+*  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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under

package/dist/ej2-react-schedule.umd.min.js

@@ -1,7 +1,7 @@
 /*!
 *  filename: ej2-react-schedule.umd.min.js
-*  version : 22.2.12
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  version : 23.1.38
+*  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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-schedule@*",
-  "_id": "@syncfusion/ej2-react-schedule@22.2.11",
+  "_id": "@syncfusion/ej2-react-schedule@23.1.36",
   "_inBundle": false,
-  "_integrity": "sha512-EDobIvv8d8WdLPSAdGaZX5sLV0iBDCmCQaErV+j2oV0iXsSwkMQ6pfN+FSKpX5naCPjvJ1y2zhmD1Z2T6vgrIA==",
+  "_integrity": "sha512-Zqv5df0Tk/M5JCmuzVzSF7jkDlEgjrvK7CtLegnBbGvTUIwnO6gXPg6BMH0yhNJnZULXE+zRwkRKwuLa5HG8DQ==",
   "_location": "/@syncfusion/ej2-react-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-schedule/-/ej2-react-schedule-22.2.11.tgz",
-  "_shasum": "257e3be89f76c2584923a529a9bb9938ef9197e1",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-schedule/-/ej2-react-schedule-23.1.36.tgz",
+  "_shasum": "2dbe1ebfa578a2817b12c292c8fa126be58ee7f2",
   "_spec": "@syncfusion/ej2-react-schedule@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.12",
-    "@syncfusion/ej2-react-base": "~22.2.5",
-    "@syncfusion/ej2-schedule": "22.2.12"
+    "@syncfusion/ej2-base": "~23.1.38",
+    "@syncfusion/ej2-react-base": "~23.1.36",
+    "@syncfusion/ej2-schedule": "23.1.38"
   },
   "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. for React",
@@ -55,6 +55,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "22.2.12",
+  "version": "23.1.38",
   "sideEffects": false
 }

package/src/schedule/schedule.component.d.ts

@@ -9,6 +9,8 @@ export interface ScheduleTypecast {
     cellHeaderTemplate?: string | Function | any;
     eventSettings?: any;
     editorTemplate?: string | Function | any;
+    editorHeaderTemplate?: string | Function | any;
+    editorFooterTemplate?: string | Function | any;
     monthHeaderTemplate?: string | Function | any;
     timeScale?: any;
     resourceHeaderTemplate?: string | Function | any;

package/styles/bootstrap-dark.css

@@ -3626,6 +3626,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/bootstrap.css

@@ -3626,6 +3626,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/bootstrap4.css

@@ -3705,6 +3705,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/bootstrap5-dark.css

@@ -3679,6 +3679,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/bootstrap5.css

@@ -3679,6 +3679,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/fabric-dark.css

@@ -3593,6 +3593,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/fabric.css

@@ -3588,6 +3588,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/fluent-dark.css

@@ -3656,6 +3656,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #1b1a19;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/fluent.css

@@ -3656,6 +3656,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/highcontrast-light.css

@@ -3670,6 +3670,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/highcontrast.css

@@ -3674,6 +3674,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 @keyframes tbar-popup-shadow {
   0% {
     border-color: rgba(255, 255, 255, 0.5);
@@ -3615,6 +3614,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! component's theme wise override definitions and variables */
 @keyframes tbar-popup-shadow {
   0% {
@@ -3651,6 +3650,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/material3-dark.css

@@ -1,5 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -2575,7 +2573,7 @@
   line-height: 18px;
   margin: 4px 0;
   min-width: 18px;
-  padding: 8px;
+  padding: 0 8px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
@@ -3719,6 +3717,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: rgba(var(--color-sf-surface));
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -2630,7 +2629,7 @@
   line-height: 18px;
   margin: 4px 0;
   min-width: 18px;
-  padding: 8px;
+  padding: 0 8px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
@@ -3774,6 +3773,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: rgba(var(--color-sf-surface));
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/recurrence-editor/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/recurrence-editor/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/recurrence-editor/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/recurrence-editor/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 @import 'ej2-schedule/styles/recurrence-editor/material3-dark.scss';

package/styles/recurrence-editor/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/recurrence-editor/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 @import 'ej2-schedule/styles/recurrence-editor/material3.scss';

package/styles/recurrence-editor/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/recurrence-editor/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/schedule/bootstrap-dark.css

@@ -3626,6 +3626,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/schedule/bootstrap.css

@@ -3626,6 +3626,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/schedule/bootstrap4.css

@@ -3705,6 +3705,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/schedule/bootstrap5-dark.css

@@ -3679,6 +3679,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/schedule/bootstrap5.css

@@ -3679,6 +3679,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/schedule/fabric-dark.css

@@ -3593,6 +3593,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/schedule/fabric.css

@@ -3588,6 +3588,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/schedule/fluent-dark.css

@@ -3656,6 +3656,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #1b1a19;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/schedule/fluent.css

@@ -3656,6 +3656,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/schedule/highcontrast-light.css

@@ -3670,6 +3670,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/schedule/highcontrast.css

@@ -3674,6 +3674,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/schedule/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 @keyframes tbar-popup-shadow {
   0% {
     border-color: rgba(255, 255, 255, 0.5);
@@ -3615,6 +3614,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/schedule/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! component's theme wise override definitions and variables */
 @keyframes tbar-popup-shadow {
   0% {
@@ -3651,6 +3650,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/schedule/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -2574,7 +2573,7 @@
   line-height: 18px;
   margin: 4px 0;
   min-width: 18px;
-  padding: 8px;
+  padding: 0 8px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
@@ -3718,6 +3717,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: rgba(var(--color-sf-surface));
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/schedule/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 @import 'ej2-schedule/styles/schedule/material3-dark.scss';

package/styles/schedule/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -2630,7 +2629,7 @@
   line-height: 18px;
   margin: 4px 0;
   min-width: 18px;
-  padding: 8px;
+  padding: 0 8px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
@@ -3774,6 +3773,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: rgba(var(--color-sf-surface));
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/schedule/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 @import 'ej2-schedule/styles/schedule/material3.scss';

package/styles/schedule/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! TreeView's tailwind theme wise override definitions and variables */
 /* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
@@ -3621,6 +3620,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #000;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/schedule/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! TreeView's tailwind theme wise override definitions and variables */
 /* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
@@ -3621,6 +3620,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/tailwind-dark.css

@@ -1,9 +1,7 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! TreeView's tailwind theme wise override definitions and variables */
 /* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 /*! calendar tailwind theme variables */
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;
@@ -3622,6 +3620,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #000;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,

package/styles/tailwind.css

@@ -1,9 +1,7 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! TreeView's tailwind theme wise override definitions and variables */
 /* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 /*! calendar tailwind theme variables */
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;
@@ -3622,6 +3620,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,