@syncfusion/ej2-schedule 31.2.15 → 32.1.20

package/styles/highcontrast-light.css

@@ -2280,13 +2280,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: #000;
   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: #4f4f4f;
@@ -2393,6 +2398,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;
@@ -3292,9 +3298,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;
@@ -3344,10 +3347,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/highcontrast-light.scss

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

package/styles/highcontrast-lite.css

@@ -2289,13 +2289,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: #fff;
   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: #969696;
@@ -2402,6 +2407,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;
@@ -3301,9 +3307,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;
@@ -3353,10 +3356,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/highcontrast-lite.scss

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

package/styles/highcontrast.css

@@ -2289,13 +2289,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: #fff;
   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: #969696;
@@ -2402,6 +2407,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;
@@ -3301,9 +3307,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;
@@ -3353,10 +3356,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/highcontrast.scss

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

package/styles/material-dark-lite.css

@@ -2268,13 +2268,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: #fff;
   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: rgba(255, 255, 255, 0.7);
@@ -2381,6 +2386,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;
@@ -3280,9 +3286,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;
@@ -3332,10 +3335,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 {
@@ -4131,7 +4131,7 @@
   margin-bottom: 6px;
 }
 .e-device .e-recurrenceeditor .e-month-expander-label {
-  font-size: 12px;
+  font-size: 13px;
   margin-bottom: 5px;
 }
 .e-device .e-recurrenceeditor .e-footer-content {
@@ -4157,7 +4157,7 @@
 }
 .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
   float: none;
-  font-size: 12px;
+  font-size: 13px;
   font-weight: 400;
   margin-bottom: 1px;
 }

package/styles/material-dark-lite.scss

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

package/styles/material-dark.css

@@ -2268,13 +2268,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: #fff;
   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: rgba(255, 255, 255, 0.7);
@@ -2381,6 +2386,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;
@@ -3280,9 +3286,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;
@@ -3332,10 +3335,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 {
@@ -4798,7 +4798,7 @@
   margin-bottom: 6px;
 }
 .e-device .e-recurrenceeditor .e-month-expander-label {
-  font-size: 12px;
+  font-size: 13px;
   margin-bottom: 5px;
 }
 .e-device .e-recurrenceeditor .e-footer-content {
@@ -4824,7 +4824,7 @@
 }
 .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
   float: none;
-  font-size: 12px;
+  font-size: 13px;
   font-weight: 400;
   margin-bottom: 1px;
 }

package/styles/material-dark.scss

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

package/styles/material-lite.css

@@ -168,6 +168,8 @@
   padding: 0 8px 0 9px;
 }
 
+/*! Material theme definition's */
+/*! component's theme wise override definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e937";
 }
@@ -2303,13 +2305,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: rgba(0, 0, 0, 0.87);
   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: rgba(0, 0, 0, 0.54);
@@ -2416,6 +2423,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;
@@ -3315,9 +3323,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;
@@ -3367,10 +3372,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 {
@@ -4166,7 +4168,7 @@
   margin-bottom: 6px;
 }
 .e-device .e-recurrenceeditor .e-month-expander-label {
-  font-size: 12px;
+  font-size: 13px;
   margin-bottom: 5px;
 }
 .e-device .e-recurrenceeditor .e-footer-content {
@@ -4192,7 +4194,7 @@
 }
 .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
   float: none;
-  font-size: 12px;
+  font-size: 13px;
   font-weight: 400;
   margin-bottom: 1px;
 }

package/styles/material-lite.scss

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