@syncfusion/ej2-schedule 22.2.12 → 23.1.38

package/styles/recurrence-editor/fabric.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-base/styles/definition/fabric.scss';
 @import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
 @import 'ej2-buttons/styles/button/fabric-definition.scss';
 @import 'ej2-buttons/styles/radio-button/fabric-definition.scss';

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-base/styles/definition/fluent-dark.scss';
 @import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
 @import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
 @import 'ej2-buttons/styles/radio-button/fluent-dark-definition.scss';

package/styles/recurrence-editor/fluent.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-base/styles/definition/fluent.scss';
 @import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
 @import 'ej2-buttons/styles/button/fluent-definition.scss';
 @import 'ej2-buttons/styles/radio-button/fluent-definition.scss';

package/styles/recurrence-editor/highcontrast-light.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast-light.scss';
 @import 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition.scss';
 @import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
 @import 'ej2-buttons/styles/radio-button/highcontrast-light-definition.scss';

package/styles/recurrence-editor/highcontrast.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast.scss';
 @import 'ej2-inputs/styles/numerictextbox/highcontrast-definition.scss';
 @import 'ej2-buttons/styles/button/highcontrast-definition.scss';
 @import 'ej2-buttons/styles/radio-button/highcontrast-definition.scss';

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-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'ej2-base/styles/definition/material-dark.scss';
 @import 'ej2-inputs/styles/numerictextbox/material-dark-definition.scss';
 @import 'ej2-buttons/styles/button/material-dark-definition.scss';
 @import 'ej2-buttons/styles/radio-button/material-dark-definition.scss';

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/material.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-definition.scss';
+@import 'ej2-base/styles/definition/material.scss';
 @import 'ej2-inputs/styles/numerictextbox/material-definition.scss';
 @import 'ej2-buttons/styles/button/material-definition.scss';
 @import 'ej2-buttons/styles/radio-button/material-definition.scss';

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,4 +1,4 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 
 @import 'ej2-inputs/styles/numerictextbox/material3-dark-definition.scss';
 @import 'ej2-buttons/styles/button/material3-dark-definition.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,4 +1,4 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 
 @import 'ej2-inputs/styles/numerictextbox/material3-definition.scss';
 @import 'ej2-buttons/styles/button/material3-definition.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-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'ej2-base/styles/definition/tailwind-dark.scss';
 @import 'ej2-inputs/styles/numerictextbox/tailwind-dark-definition.scss';
 @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
 @import 'ej2-buttons/styles/radio-button/tailwind-dark-definition.scss';

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/recurrence-editor/tailwind.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-base/styles/definition/tailwind.scss';
 @import 'ej2-inputs/styles/numerictextbox/tailwind-definition.scss';
 @import 'ej2-buttons/styles/button/tailwind-definition.scss';
 @import 'ej2-buttons/styles/radio-button/tailwind-definition.scss';

package/styles/schedule/_layout.scss

@@ -4087,6 +4087,21 @@
       white-space: nowrap;
     }
 
+    .e-subject.e-disable {
+      display: none;
+    }
+
+    .e-inline-subject {
+      background: transparent;
+      border: 0;
+      color: $schedule-appointment-font-color;
+      font-size: 13px;
+      font-weight: 500;
+      line-height: 1.2;
+      padding-top: 4px;
+      width: 100%;
+    }
+
     .e-recurrence-icon,
     .e-recurrence-edit-icon {
       line-height: $schedule-month-appointment-height;

package/styles/schedule/_material3-definition.scss

@@ -153,7 +153,7 @@ $schedule-tbar-btn-bgr-mrgn: 4px 0 !default;
 $schedule-tbar-btn-bgr-line-height: 18px !default;
 $schedule-tbar-btn-bgr-minheight: 18px !default;
 $schedule-tbar-btn-bgr-minwidth: 18px !default;
-$schedule-tbar-btn-bgr-padding: 8px !default;
+$schedule-tbar-btn-bgr-padding: 0 8px !default;
 $schedule-tbar-btn-icn-bgr-padding: 0 !default;
 $schedule-tbar-btn-icn-right-bgr-padding: 12px 0 !default;
 $schedule-tbar-right-items-btn-border: 1px solid rgba($border-light) !default;

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-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap-dark.scss';
 @import 'ej2-navigations/styles/toolbar/bootstrap-dark-definition.scss';
 @import 'ej2-navigations/styles/treeview/bootstrap-dark-definition.scss';
 @import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';

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/bootstrap.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap.scss';
 @import 'ej2-navigations/styles/toolbar/bootstrap-definition.scss';
 @import 'ej2-navigations/styles/treeview/bootstrap-definition.scss';
 @import 'ej2-inputs/styles/input/bootstrap-definition.scss';

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/bootstrap4.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap4.scss';
 @import 'ej2-navigations/styles/toolbar/bootstrap4-definition.scss';
 @import 'ej2-navigations/styles/treeview/bootstrap4-definition.scss';
 @import 'ej2-inputs/styles/input/bootstrap4-definition.scss';

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-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
 @import 'ej2-navigations/styles/toolbar/bootstrap5-dark-definition.scss';
 @import 'ej2-navigations/styles/treeview/bootstrap5-dark-definition.scss';
 @import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';

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/bootstrap5.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5.scss';
 @import 'ej2-navigations/styles/toolbar/bootstrap5-definition.scss';
 @import 'ej2-navigations/styles/treeview/bootstrap5-definition.scss';
 @import 'ej2-inputs/styles/input/bootstrap5-definition.scss';

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-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-base/styles/definition/fabric-dark.scss';
 @import 'ej2-navigations/styles/toolbar/fabric-dark-definition.scss';
 @import 'ej2-navigations/styles/treeview/fabric-dark-definition.scss';
 @import 'ej2-inputs/styles/input/fabric-dark-definition.scss';

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/fabric.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-base/styles/definition/fabric.scss';
 @import 'ej2-navigations/styles/toolbar/fabric-definition.scss';
 @import 'ej2-navigations/styles/treeview/fabric-definition.scss';
 @import 'ej2-inputs/styles/input/fabric-definition.scss';

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-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-base/styles/definition/fluent-dark.scss';
 @import 'ej2-navigations/styles/toolbar/fluent-dark-definition.scss';
 @import 'ej2-navigations/styles/treeview/fluent-dark-definition.scss';
 @import 'ej2-inputs/styles/input/fluent-dark-definition.scss';

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/fluent.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-base/styles/definition/fluent.scss';
 @import 'ej2-navigations/styles/toolbar/fluent-definition.scss';
 @import 'ej2-navigations/styles/treeview/fluent-definition.scss';
 @import 'ej2-inputs/styles/input/fluent-definition.scss';

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-light.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast-light.scss';
 @import 'ej2-navigations/styles/toolbar/highcontrast-light-definition.scss';
 @import 'ej2-navigations/styles/treeview/highcontrast-light-definition.scss';
 @import 'ej2-inputs/styles/input/highcontrast-light-definition.scss';

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/highcontrast.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast.scss';
 @import 'ej2-navigations/styles/toolbar/highcontrast-definition.scss';
 @import 'ej2-navigations/styles/treeview/highcontrast-definition.scss';
 @import 'ej2-inputs/styles/input/highcontrast-definition.scss';

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-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'ej2-base/styles/definition/material-dark.scss';
 @import 'ej2-navigations/styles/toolbar/material-dark-definition.scss';
 @import 'ej2-navigations/styles/treeview/material-dark-definition.scss';
 @import 'ej2-inputs/styles/input/material-dark-definition.scss';

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/material.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-definition.scss';
+@import 'ej2-base/styles/definition/material.scss';
 @import 'ej2-navigations/styles/toolbar/material-definition.scss';
 @import 'ej2-navigations/styles/treeview/material-definition.scss';
 @import 'ej2-inputs/styles/input/material-definition.scss';

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,4 +1,4 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 
 @import 'ej2-navigations/styles/toolbar/material3-dark-definition.scss';
 @import 'ej2-navigations/styles/treeview/material3-dark-definition.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,4 +1,4 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 
 @import 'ej2-navigations/styles/toolbar/material3-definition.scss';
 @import 'ej2-navigations/styles/treeview/material3-definition.scss';