@syncfusion/ej2-angular-schedule 21.2.10 → 22.1.34-ngcc

package/styles/schedule/bootstrap-dark.css

@@ -1668,20 +1668,13 @@
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
-  line-height: 38px;
+  line-height: 22px;
   padding: 0 5px;
 }
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
-  display: block;
-}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  font-size: 10px;
-  line-height: 38px;
-  padding-right: 7px;
-}
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  padding-right: 5px;
+  line-height: 22px;
+  padding: 0 2px;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
   border: 0;
@@ -2148,6 +2141,12 @@
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: #484848;
 }
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
 .e-schedule .e-month-agenda-view .e-subject-wrap {
   display: -ms-flexbox;
   display: flex;
@@ -2543,9 +2542,9 @@
   height: 35px;
 }
 .e-bigger .e-schedule .e-month-view .e-resource-cells,
-.e-bigger .e-schedule .e-month-view .e-date-header-wrap,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
 .e-bigger.e-schedule .e-month-view .e-resource-cells,
-.e-bigger.e-schedule .e-month-view .e-date-header-wrap {
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
   font-size: 14px;
 }
 .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2562,6 +2561,10 @@
 .e-bigger.e-schedule .e-month-view .e-m-day {
   font-size: 14px;
 }
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
 
 .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
   border: 1px solid #fff;

package/styles/schedule/bootstrap-dark.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.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';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/calendar/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap-dark-definition.scss';
-@import '../recurrence-editor/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/bootstrap-dark.scss';

package/styles/schedule/bootstrap.css

@@ -1668,20 +1668,13 @@
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
-  line-height: 38px;
+  line-height: 22px;
   padding: 0 5px;
 }
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
-  display: block;
-}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  font-size: 10px;
-  line-height: 38px;
-  padding-right: 7px;
-}
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  padding-right: 5px;
+  line-height: 22px;
+  padding: 0 2px;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
   border: 0;
@@ -2148,6 +2141,12 @@
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: #e6e6e6;
 }
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
 .e-schedule .e-month-agenda-view .e-subject-wrap {
   display: -ms-flexbox;
   display: flex;
@@ -2543,9 +2542,9 @@
   height: 35px;
 }
 .e-bigger .e-schedule .e-month-view .e-resource-cells,
-.e-bigger .e-schedule .e-month-view .e-date-header-wrap,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
 .e-bigger.e-schedule .e-month-view .e-resource-cells,
-.e-bigger.e-schedule .e-month-view .e-date-header-wrap {
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
   font-size: 14px;
 }
 .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2562,6 +2561,10 @@
 .e-bigger.e-schedule .e-month-view .e-m-day {
   font-size: 14px;
 }
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
 
 .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
   border: 1px solid rgba(0, 0, 0, 0.5);

package/styles/schedule/bootstrap.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.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';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap-definition.scss';
-@import 'ej2-calendars/styles/calendar/bootstrap-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap-definition.scss';
-@import '../recurrence-editor/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/bootstrap.scss';

package/styles/schedule/bootstrap4.css

@@ -1747,20 +1747,13 @@
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
-  line-height: 38px;
+  line-height: 22px;
   padding: 0 5px;
 }
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
-  display: block;
-}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  font-size: 10px;
-  line-height: 38px;
-  padding-right: 7px;
-}
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  padding-right: 5px;
+  line-height: 22px;
+  padding: 0 2px;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
   border: 0;
@@ -2227,6 +2220,12 @@
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: #e9ecef;
 }
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
 .e-schedule .e-month-agenda-view .e-subject-wrap {
   display: -ms-flexbox;
   display: flex;
@@ -2622,9 +2621,9 @@
   height: 35px;
 }
 .e-bigger .e-schedule .e-month-view .e-resource-cells,
-.e-bigger .e-schedule .e-month-view .e-date-header-wrap,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
 .e-bigger.e-schedule .e-month-view .e-resource-cells,
-.e-bigger.e-schedule .e-month-view .e-date-header-wrap {
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
   font-size: 16px;
 }
 .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2641,6 +2640,10 @@
 .e-bigger.e-schedule .e-month-view .e-m-day {
   font-size: 14px;
 }
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
 
 .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
   border: 1px solid rgba(0, 0, 0, 0.5);
@@ -3869,7 +3872,7 @@
   border-top: 1px solid #007bff;
 }
 .e-schedule .e-vertical-view .e-previous-timeline {
-  border-top: 1px dotted #007bff;
+  border-top: 1px dashed #007bff;
 }
 .e-schedule .e-vertical-view.e-by-date .e-date-header-wrap table tbody td.e-header-cells {
   border-bottom-width: 1px;

package/styles/schedule/bootstrap4.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.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';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap4-definition.scss';
-@import 'ej2-calendars/styles/calendar/bootstrap4-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap4-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap4-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap4-definition.scss';
-@import '../recurrence-editor/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/bootstrap4.scss';

package/styles/schedule/bootstrap5-dark.css

@@ -1721,20 +1721,13 @@
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
-  line-height: 38px;
+  line-height: 26px;
   padding: 0 5px;
 }
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
-  display: block;
-}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  font-size: 10px;
-  line-height: 38px;
-  padding-right: 7px;
-}
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  padding-right: 5px;
+  line-height: 26px;
+  padding: 0 2px;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
   border: 0;
@@ -2201,6 +2194,12 @@
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: #343a40;
 }
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
 .e-schedule .e-month-agenda-view .e-subject-wrap {
   display: -ms-flexbox;
   display: flex;
@@ -2596,9 +2595,9 @@
   height: 38px;
 }
 .e-bigger .e-schedule .e-month-view .e-resource-cells,
-.e-bigger .e-schedule .e-month-view .e-date-header-wrap,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
 .e-bigger.e-schedule .e-month-view .e-resource-cells,
-.e-bigger.e-schedule .e-month-view .e-date-header-wrap {
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
   font-size: 16px;
 }
 .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2615,6 +2614,10 @@
 .e-bigger.e-schedule .e-month-view .e-m-day {
   font-size: 14px;
 }
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
 
 .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
   border: 1px solid rgba(68, 76, 84, 0.5);

package/styles/schedule/bootstrap5-dark.scss

@@ -1,15 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.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';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap5-dark-definition.scss';
-@import 'ej2-calendars/styles/calendar/bootstrap5-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap5-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/bootstrap5-dark.scss';

package/styles/schedule/bootstrap5.css

@@ -1721,20 +1721,13 @@
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
-  line-height: 38px;
+  line-height: 26px;
   padding: 0 5px;
 }
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
-  display: block;
-}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  font-size: 10px;
-  line-height: 38px;
-  padding-right: 7px;
-}
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  padding-right: 5px;
+  line-height: 26px;
+  padding: 0 2px;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
   border: 0;
@@ -2201,6 +2194,12 @@
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: #e9ecef;
 }
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
 .e-schedule .e-month-agenda-view .e-subject-wrap {
   display: -ms-flexbox;
   display: flex;
@@ -2596,9 +2595,9 @@
   height: 38px;
 }
 .e-bigger .e-schedule .e-month-view .e-resource-cells,
-.e-bigger .e-schedule .e-month-view .e-date-header-wrap,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
 .e-bigger.e-schedule .e-month-view .e-resource-cells,
-.e-bigger.e-schedule .e-month-view .e-date-header-wrap {
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
   font-size: 16px;
 }
 .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2615,6 +2614,10 @@
 .e-bigger.e-schedule .e-month-view .e-m-day {
   font-size: 14px;
 }
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
 
 .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
   border: 1px solid rgba(222, 226, 230, 0.5);

package/styles/schedule/bootstrap5.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.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';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
-@import 'ej2-calendars/styles/calendar/bootstrap5-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap5-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
-@import '../recurrence-editor/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/bootstrap5.scss';

package/styles/schedule/fabric-dark.css

@@ -1635,20 +1635,13 @@
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
-  line-height: 38px;
+  line-height: 22px;
   padding: 0 5px;
 }
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
-  display: block;
-}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  font-size: 10px;
-  line-height: 38px;
-  padding-right: 7px;
-}
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  padding-right: 5px;
+  line-height: 22px;
+  padding: 0 2px;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
   border: 0;
@@ -2115,6 +2108,12 @@
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: #514f4f;
 }
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
 .e-schedule .e-month-agenda-view .e-subject-wrap {
   display: -ms-flexbox;
   display: flex;
@@ -2510,9 +2509,9 @@
   height: 35px;
 }
 .e-bigger .e-schedule .e-month-view .e-resource-cells,
-.e-bigger .e-schedule .e-month-view .e-date-header-wrap,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
 .e-bigger.e-schedule .e-month-view .e-resource-cells,
-.e-bigger.e-schedule .e-month-view .e-date-header-wrap {
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
   font-size: 14px;
 }
 .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2529,6 +2528,10 @@
 .e-bigger.e-schedule .e-month-view .e-m-day {
   font-size: 14px;
 }
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
 
 .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
   border: 1px solid #fff;

package/styles/schedule/fabric-dark.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.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';
-@import 'ej2-inputs/styles/numerictextbox/fabric-dark-definition.scss';
-@import 'ej2-calendars/styles/calendar/fabric-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fabric-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fabric-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/fabric-dark-definition.scss';
-@import '../recurrence-editor/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/fabric-dark.scss';

package/styles/schedule/fabric.css

@@ -1630,20 +1630,13 @@
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
-  line-height: 38px;
+  line-height: 22px;
   padding: 0 5px;
 }
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
-  display: block;
-}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  font-size: 10px;
-  line-height: 38px;
-  padding-right: 7px;
-}
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  padding-right: 5px;
+  line-height: 22px;
+  padding: 0 2px;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
   border: 0;
@@ -2110,6 +2103,12 @@
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: #b7e0ff;
 }
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
 .e-schedule .e-month-agenda-view .e-subject-wrap {
   display: -ms-flexbox;
   display: flex;
@@ -2505,9 +2504,9 @@
   height: 35px;
 }
 .e-bigger .e-schedule .e-month-view .e-resource-cells,
-.e-bigger .e-schedule .e-month-view .e-date-header-wrap,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
 .e-bigger.e-schedule .e-month-view .e-resource-cells,
-.e-bigger.e-schedule .e-month-view .e-date-header-wrap {
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
   font-size: 14px;
 }
 .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2524,6 +2523,10 @@
 .e-bigger.e-schedule .e-month-view .e-m-day {
   font-size: 14px;
 }
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
 
 .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
   border: 1px solid rgba(0, 0, 0, 0.5);

package/styles/schedule/fabric.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/fabric-definition.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 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/fabric.scss';

package/styles/schedule/fluent-dark.css

@@ -1698,20 +1698,13 @@
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
-  line-height: 38px;
+  line-height: 26px;
   padding: 0 5px;
 }
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
-  display: block;
-}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  font-size: 10px;
-  line-height: 38px;
-  padding-right: 7px;
-}
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  padding-right: 5px;
+  line-height: 26px;
+  padding: 0 2px;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
   border: 0;
@@ -2178,6 +2171,12 @@
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: #292827;
 }
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
 .e-schedule .e-month-agenda-view .e-subject-wrap {
   display: -ms-flexbox;
   display: flex;
@@ -2573,9 +2572,9 @@
   height: 38px;
 }
 .e-bigger .e-schedule .e-month-view .e-resource-cells,
-.e-bigger .e-schedule .e-month-view .e-date-header-wrap,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
 .e-bigger.e-schedule .e-month-view .e-resource-cells,
-.e-bigger.e-schedule .e-month-view .e-date-header-wrap {
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
   font-size: 16px;
 }
 .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2592,6 +2591,10 @@
 .e-bigger.e-schedule .e-month-view .e-m-day {
   font-size: 14px;
 }
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
 
 .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
   border: 1px solid rgba(41, 40, 39, 0.5);

package/styles/schedule/fluent-dark.scss

@@ -1,15 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.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 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/fluent-dark.scss';