@syncfusion/ej2-schedule 31.2.15 → 32.1.19

package/styles/fabric-lite.css

@@ -2188,13 +2188,18 @@
   display: -ms-flexbox;
   display: flex;
 }
-.e-schedule .e-month-agenda-view .e-subject {
+.e-schedule .e-month-agenda-view .e-subject,
+.e-schedule .e-month-agenda-view .e-inline-subject {
   color: #333;
   font-size: 14px;
   line-height: 26px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.e-schedule .e-month-agenda-view .e-inline-subject {
+  font-weight: normal;
+  padding-top: 0;
+}
 .e-schedule .e-month-agenda-view .e-recurrence-icon,
 .e-schedule .e-month-agenda-view .e-recurrence-edit-icon {
   color: #767676;
@@ -2301,6 +2306,7 @@
 }
 .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
   font-size: 18px;
+  line-height: unset;
 }
 .e-schedule .e-agenda-view .e-day-date-header .e-m-day {
   font-size: 13px;
@@ -3200,9 +3206,6 @@
   -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
           box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
   color: #fff;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
   height: 38px;
   width: 100px;
   z-index: 9;
@@ -3252,10 +3255,7 @@
   display: none;
 }
 .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-subject {
-  padding: 3px 2px;
-}
-.e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-time {
-  display: none;
+  padding: 0;
 }
 
 .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {

package/styles/fabric-lite.scss

@@ -1,18 +1,19 @@
-@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';
-@import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
-@import 'ej2-calendars/styles/calendar/fabric-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fabric-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fabric-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'ej2-buttons/styles/check-box/fabric-definition.scss';
-@import 'recurrence-editor/fabric-definition.scss';
-@import 'schedule/fabric-definition.scss';
-@import 'schedule/icons/fabric.scss';
-@import 'schedule/all.scss';
-@import 'ej2-buttons/styles/radio-button/fabric-definition.scss';
-@import 'recurrence-editor/all.scss';
+@use 'ej2-base/styles/definition/fabric' as *;
+@use 'ej2-navigations/styles/toolbar/fabric-definition' as *;
+@use 'ej2-navigations/styles/treeview/fabric-definition' as *;
+@use 'ej2-inputs/styles/input/fabric-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/fabric-definition' as *;
+@use 'ej2-calendars/styles/calendar/fabric-definition' as *;
+@use 'ej2-calendars/styles/datepicker/fabric-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/fabric-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/fabric-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/fabric-definition' as *;
+@use 'ej2-buttons/styles/button/fabric-definition' as *;
+@use 'ej2-buttons/styles/check-box/fabric-definition' as *;
+@use 'recurrence-editor/fabric-definition' as *;
+@use 'ej2-navigations/styles/sidebar/fabric-definition' as *;
+@use 'schedule/fabric-definition' as *;
+@use 'schedule/icons/fabric' as *;
+@use 'schedule/all' as *;
+@use 'ej2-buttons/styles/radio-button/fabric-definition' as *;
+@use 'recurrence-editor/all' as *;

package/styles/fabric.css

@@ -2188,13 +2188,18 @@
   display: -ms-flexbox;
   display: flex;
 }
-.e-schedule .e-month-agenda-view .e-subject {
+.e-schedule .e-month-agenda-view .e-subject,
+.e-schedule .e-month-agenda-view .e-inline-subject {
   color: #333;
   font-size: 14px;
   line-height: 26px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.e-schedule .e-month-agenda-view .e-inline-subject {
+  font-weight: normal;
+  padding-top: 0;
+}
 .e-schedule .e-month-agenda-view .e-recurrence-icon,
 .e-schedule .e-month-agenda-view .e-recurrence-edit-icon {
   color: #767676;
@@ -2301,6 +2306,7 @@
 }
 .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
   font-size: 18px;
+  line-height: unset;
 }
 .e-schedule .e-agenda-view .e-day-date-header .e-m-day {
   font-size: 13px;
@@ -3200,9 +3206,6 @@
   -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
           box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
   color: #fff;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
   height: 38px;
   width: 100px;
   z-index: 9;
@@ -3252,10 +3255,7 @@
   display: none;
 }
 .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-subject {
-  padding: 3px 2px;
-}
-.e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-time {
-  display: none;
+  padding: 0;
 }
 
 .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {

package/styles/fabric.scss

@@ -1,20 +1,21 @@
-@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';
-@import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
-@import 'ej2-calendars/styles/calendar/fabric-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fabric-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fabric-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'ej2-buttons/styles/check-box/fabric-definition.scss';
-@import 'recurrence-editor/fabric-definition.scss';
-@import 'schedule/fabric-definition.scss';
-@import 'schedule/icons/fabric.scss';
-@import 'schedule/all.scss';
-@import 'schedule/bigger.scss';
-@import 'ej2-buttons/styles/radio-button/fabric-definition.scss';
-@import 'recurrence-editor/all.scss';
-@import 'recurrence-editor/bigger.scss';
+@use 'ej2-base/styles/definition/fabric' as *;
+@use 'ej2-navigations/styles/toolbar/fabric-definition' as *;
+@use 'ej2-navigations/styles/treeview/fabric-definition' as *;
+@use 'ej2-inputs/styles/input/fabric-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/fabric-definition' as *;
+@use 'ej2-calendars/styles/calendar/fabric-definition' as *;
+@use 'ej2-calendars/styles/datepicker/fabric-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/fabric-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/fabric-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/fabric-definition' as *;
+@use 'ej2-buttons/styles/button/fabric-definition' as *;
+@use 'ej2-buttons/styles/check-box/fabric-definition' as *;
+@use 'recurrence-editor/fabric-definition' as *;
+@use 'ej2-navigations/styles/sidebar/fabric-definition' as *;
+@use 'schedule/fabric-definition' as *;
+@use 'schedule/icons/fabric' as *;
+@use 'schedule/all' as *;
+@use 'schedule/bigger' as *;
+@use 'ej2-buttons/styles/radio-button/fabric-definition' as *;
+@use 'recurrence-editor/all' as *;
+@use 'recurrence-editor/bigger' as *;

package/styles/fluent-dark-lite.css

@@ -2254,13 +2254,18 @@
   display: -ms-flexbox;
   display: flex;
 }
-.e-schedule .e-month-agenda-view .e-subject {
+.e-schedule .e-month-agenda-view .e-subject,
+.e-schedule .e-month-agenda-view .e-inline-subject {
   color: #f3f2f1;
   font-size: 14px;
   line-height: 26px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.e-schedule .e-month-agenda-view .e-inline-subject {
+  font-weight: normal;
+  padding-top: 0;
+}
 .e-schedule .e-month-agenda-view .e-recurrence-icon,
 .e-schedule .e-month-agenda-view .e-recurrence-edit-icon {
   color: #a19f9d;
@@ -2367,6 +2372,7 @@
 }
 .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
   font-size: 16px;
+  line-height: unset;
 }
 .e-schedule .e-agenda-view .e-day-date-header .e-m-day {
   font-size: 12px;
@@ -3266,9 +3272,6 @@
   -webkit-box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
           box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
   color: #1b1a19;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
   height: 38px;
   width: 100px;
   z-index: 9;
@@ -3318,10 +3321,7 @@
   display: none;
 }
 .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-subject {
-  padding: 3px 2px;
-}
-.e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-time {
-  display: none;
+  padding: 0;
 }
 
 .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
@@ -4117,7 +4117,7 @@
   margin-bottom: 6px;
 }
 .e-device .e-recurrenceeditor .e-month-expander-label {
-  font-size: 12px;
+  font-size: 14px;
   margin-bottom: 5px;
 }
 .e-device .e-recurrenceeditor .e-footer-content {
@@ -4143,7 +4143,7 @@
 }
 .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
   float: none;
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 600;
   margin-bottom: 7px;
 }

package/styles/fluent-dark-lite.scss

@@ -1,18 +1,19 @@
-@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';
-@import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/calendar/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/fluent-dark-definition.scss';
-@import 'schedule/fluent-dark-definition.scss';
-@import 'schedule/icons/fluent-dark.scss';
-@import 'schedule/all.scss';
-@import 'ej2-buttons/styles/radio-button/fluent-dark-definition.scss';
-@import 'recurrence-editor/fluent-dark-definition.scss';
-@import 'recurrence-editor/all.scss';
+@use 'ej2-base/styles/definition/fluent-dark' as *;
+@use 'ej2-navigations/styles/toolbar/fluent-dark-definition' as *;
+@use 'ej2-navigations/styles/treeview/fluent-dark-definition' as *;
+@use 'ej2-inputs/styles/input/fluent-dark-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/fluent-dark-definition' as *;
+@use 'ej2-calendars/styles/calendar/fluent-dark-definition' as *;
+@use 'ej2-calendars/styles/datepicker/fluent-dark-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/fluent-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/fluent-dark-definition' as *;
+@use 'ej2-buttons/styles/button/fluent-dark-definition' as *;
+@use 'ej2-buttons/styles/check-box/fluent-dark-definition' as *;
+@use 'recurrence-editor/fluent-dark-definition' as *;
+@use 'ej2-navigations/styles/sidebar/fluent-dark-definition' as *;
+@use 'schedule/fluent-dark-definition' as *;
+@use 'schedule/icons/fluent-dark' as *;
+@use 'schedule/all' as *;
+@use 'ej2-buttons/styles/radio-button/fluent-dark-definition' as *;
+@use 'recurrence-editor/all' as *;

package/styles/fluent-dark.css

@@ -2254,13 +2254,18 @@
   display: -ms-flexbox;
   display: flex;
 }
-.e-schedule .e-month-agenda-view .e-subject {
+.e-schedule .e-month-agenda-view .e-subject,
+.e-schedule .e-month-agenda-view .e-inline-subject {
   color: #f3f2f1;
   font-size: 14px;
   line-height: 26px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.e-schedule .e-month-agenda-view .e-inline-subject {
+  font-weight: normal;
+  padding-top: 0;
+}
 .e-schedule .e-month-agenda-view .e-recurrence-icon,
 .e-schedule .e-month-agenda-view .e-recurrence-edit-icon {
   color: #a19f9d;
@@ -2367,6 +2372,7 @@
 }
 .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
   font-size: 16px;
+  line-height: unset;
 }
 .e-schedule .e-agenda-view .e-day-date-header .e-m-day {
   font-size: 12px;
@@ -3266,9 +3272,6 @@
   -webkit-box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
           box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
   color: #1b1a19;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
   height: 38px;
   width: 100px;
   z-index: 9;
@@ -3318,10 +3321,7 @@
   display: none;
 }
 .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-subject {
-  padding: 3px 2px;
-}
-.e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-time {
-  display: none;
+  padding: 0;
 }
 
 .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
@@ -4784,7 +4784,7 @@
   margin-bottom: 6px;
 }
 .e-device .e-recurrenceeditor .e-month-expander-label {
-  font-size: 12px;
+  font-size: 14px;
   margin-bottom: 5px;
 }
 .e-device .e-recurrenceeditor .e-footer-content {
@@ -4810,7 +4810,7 @@
 }
 .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
   float: none;
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 600;
   margin-bottom: 7px;
 }

package/styles/fluent-dark.scss

@@ -1,20 +1,21 @@
-@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';
-@import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/calendar/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/fluent-dark-definition.scss';
-@import 'schedule/fluent-dark-definition.scss';
-@import 'schedule/icons/fluent-dark.scss';
-@import 'schedule/all.scss';
-@import 'schedule/bigger.scss';
-@import 'ej2-buttons/styles/radio-button/fluent-dark-definition.scss';
-@import 'recurrence-editor/fluent-dark-definition.scss';
-@import 'recurrence-editor/all.scss';
-@import 'recurrence-editor/bigger.scss';
+@use 'ej2-base/styles/definition/fluent-dark' as *;
+@use 'ej2-navigations/styles/toolbar/fluent-dark-definition' as *;
+@use 'ej2-navigations/styles/treeview/fluent-dark-definition' as *;
+@use 'ej2-inputs/styles/input/fluent-dark-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/fluent-dark-definition' as *;
+@use 'ej2-calendars/styles/calendar/fluent-dark-definition' as *;
+@use 'ej2-calendars/styles/datepicker/fluent-dark-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/fluent-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/fluent-dark-definition' as *;
+@use 'ej2-buttons/styles/button/fluent-dark-definition' as *;
+@use 'ej2-buttons/styles/check-box/fluent-dark-definition' as *;
+@use 'recurrence-editor/fluent-dark-definition' as *;
+@use 'ej2-navigations/styles/sidebar/fluent-dark-definition' as *;
+@use 'schedule/fluent-dark-definition' as *;
+@use 'schedule/icons/fluent-dark' as *;
+@use 'schedule/all' as *;
+@use 'schedule/bigger' as *;
+@use 'ej2-buttons/styles/radio-button/fluent-dark-definition' as *;
+@use 'recurrence-editor/all' as *;
+@use 'recurrence-editor/bigger' as *;

package/styles/fluent-lite.css

@@ -2254,13 +2254,18 @@
   display: -ms-flexbox;
   display: flex;
 }
-.e-schedule .e-month-agenda-view .e-subject {
+.e-schedule .e-month-agenda-view .e-subject,
+.e-schedule .e-month-agenda-view .e-inline-subject {
   color: #201f1e;
   font-size: 14px;
   line-height: 26px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.e-schedule .e-month-agenda-view .e-inline-subject {
+  font-weight: normal;
+  padding-top: 0;
+}
 .e-schedule .e-month-agenda-view .e-recurrence-icon,
 .e-schedule .e-month-agenda-view .e-recurrence-edit-icon {
   color: #605e5c;
@@ -2367,6 +2372,7 @@
 }
 .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
   font-size: 16px;
+  line-height: unset;
 }
 .e-schedule .e-agenda-view .e-day-date-header .e-m-day {
   font-size: 12px;
@@ -3266,9 +3272,6 @@
   -webkit-box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
           box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
   color: #fff;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
   height: 38px;
   width: 100px;
   z-index: 9;
@@ -3318,10 +3321,7 @@
   display: none;
 }
 .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-subject {
-  padding: 3px 2px;
-}
-.e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-time {
-  display: none;
+  padding: 0;
 }
 
 .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
@@ -4117,7 +4117,7 @@
   margin-bottom: 6px;
 }
 .e-device .e-recurrenceeditor .e-month-expander-label {
-  font-size: 12px;
+  font-size: 14px;
   margin-bottom: 5px;
 }
 .e-device .e-recurrenceeditor .e-footer-content {
@@ -4143,7 +4143,7 @@
 }
 .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
   float: none;
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 600;
   margin-bottom: 7px;
 }

package/styles/fluent-lite.scss

@@ -1,18 +1,19 @@
-@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';
-@import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
-@import 'ej2-calendars/styles/calendar/fluent-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fluent-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'ej2-buttons/styles/check-box/fluent-definition.scss';
-@import 'recurrence-editor/fluent-definition.scss';
-@import 'schedule/fluent-definition.scss';
-@import 'schedule/icons/fluent.scss';
-@import 'schedule/all.scss';
-@import 'ej2-buttons/styles/radio-button/fluent-definition.scss';
-@import 'recurrence-editor/all.scss';
+@use 'ej2-base/styles/definition/fluent' as *;
+@use 'ej2-navigations/styles/toolbar/fluent-definition' as *;
+@use 'ej2-navigations/styles/treeview/fluent-definition' as *;
+@use 'ej2-inputs/styles/input/fluent-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/fluent-definition' as *;
+@use 'ej2-calendars/styles/calendar/fluent-definition' as *;
+@use 'ej2-calendars/styles/datepicker/fluent-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/fluent-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/fluent-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/fluent-definition' as *;
+@use 'ej2-buttons/styles/button/fluent-definition' as *;
+@use 'ej2-buttons/styles/check-box/fluent-definition' as *;
+@use 'recurrence-editor/fluent-definition' as *;
+@use 'ej2-navigations/styles/sidebar/fluent-definition' as *;
+@use 'schedule/fluent-definition' as *;
+@use 'schedule/icons/fluent' as *;
+@use 'schedule/all' as *;
+@use 'ej2-buttons/styles/radio-button/fluent-definition' as *;
+@use 'recurrence-editor/all' as *;

package/styles/fluent.css

@@ -2254,13 +2254,18 @@
   display: -ms-flexbox;
   display: flex;
 }
-.e-schedule .e-month-agenda-view .e-subject {
+.e-schedule .e-month-agenda-view .e-subject,
+.e-schedule .e-month-agenda-view .e-inline-subject {
   color: #201f1e;
   font-size: 14px;
   line-height: 26px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.e-schedule .e-month-agenda-view .e-inline-subject {
+  font-weight: normal;
+  padding-top: 0;
+}
 .e-schedule .e-month-agenda-view .e-recurrence-icon,
 .e-schedule .e-month-agenda-view .e-recurrence-edit-icon {
   color: #605e5c;
@@ -2367,6 +2372,7 @@
 }
 .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
   font-size: 16px;
+  line-height: unset;
 }
 .e-schedule .e-agenda-view .e-day-date-header .e-m-day {
   font-size: 12px;
@@ -3266,9 +3272,6 @@
   -webkit-box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
           box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
   color: #fff;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
   height: 38px;
   width: 100px;
   z-index: 9;
@@ -3318,10 +3321,7 @@
   display: none;
 }
 .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-subject {
-  padding: 3px 2px;
-}
-.e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-time {
-  display: none;
+  padding: 0;
 }
 
 .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
@@ -4784,7 +4784,7 @@
   margin-bottom: 6px;
 }
 .e-device .e-recurrenceeditor .e-month-expander-label {
-  font-size: 12px;
+  font-size: 14px;
   margin-bottom: 5px;
 }
 .e-device .e-recurrenceeditor .e-footer-content {
@@ -4810,7 +4810,7 @@
 }
 .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
   float: none;
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 600;
   margin-bottom: 7px;
 }

package/styles/fluent.scss

@@ -1,20 +1,21 @@
-@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';
-@import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
-@import 'ej2-calendars/styles/calendar/fluent-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fluent-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'ej2-buttons/styles/check-box/fluent-definition.scss';
-@import 'recurrence-editor/fluent-definition.scss';
-@import 'schedule/fluent-definition.scss';
-@import 'schedule/icons/fluent.scss';
-@import 'schedule/all.scss';
-@import 'schedule/bigger.scss';
-@import 'ej2-buttons/styles/radio-button/fluent-definition.scss';
-@import 'recurrence-editor/all.scss';
-@import 'recurrence-editor/bigger.scss';
+@use 'ej2-base/styles/definition/fluent' as *;
+@use 'ej2-navigations/styles/toolbar/fluent-definition' as *;
+@use 'ej2-navigations/styles/treeview/fluent-definition' as *;
+@use 'ej2-inputs/styles/input/fluent-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/fluent-definition' as *;
+@use 'ej2-calendars/styles/calendar/fluent-definition' as *;
+@use 'ej2-calendars/styles/datepicker/fluent-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/fluent-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/fluent-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/fluent-definition' as *;
+@use 'ej2-buttons/styles/button/fluent-definition' as *;
+@use 'ej2-buttons/styles/check-box/fluent-definition' as *;
+@use 'recurrence-editor/fluent-definition' as *;
+@use 'ej2-navigations/styles/sidebar/fluent-definition' as *;
+@use 'schedule/fluent-definition' as *;
+@use 'schedule/icons/fluent' as *;
+@use 'schedule/all' as *;
+@use 'schedule/bigger' as *;
+@use 'ej2-buttons/styles/radio-button/fluent-definition' as *;
+@use 'recurrence-editor/all' as *;
+@use 'recurrence-editor/bigger' as *;