@syncfusion/ej2-react-schedule 21.2.9 → 22.1.34

package/CHANGELOG.md

@@ -4,6 +4,28 @@
 
 ### Schedule
 
+#### New Features
+
+- `#I438319` - Provided an option to customize the recurrence end type which allows users to tailor the recurrence editor to their unique needs and preferences.
+
+#### Bug fixes
+
+- `F182696` - An issue with Keyboard scroll behaviour not working has been fixed.
+- `I470178` - An issue with Edit occurrence appointment not rescheduled properly and shows occurrence alert has been fixed.
+- `#I182714` -  Resolved the issue where pressing the `Escape` key while navigating the scheduler with the keyboard would return to the previously selected cell.
+
+## 21.2.10 (2023-06-13)
+
+### Schedule
+
+#### Bug fixes
+
+- `#I464944` - An issue with time indicator rendered in wrong position when `startHour` and `endHour` property applied has been fixed.
+
+## 21.2.9 (2023-06-06)
+
+### Schedule
+
 #### Bug fixes
 
 - `#I461489` - An issue with the dragging appointment is flickering on the topmost region has been fixed.

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-schedule.min.js
-*  version : 21.2.9
+*  version : 22.1.34
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-schedule.umd.min.js
-*  version : 21.2.9
+*  version : 22.1.34
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-schedule@*",
-  "_id": "@syncfusion/ej2-react-schedule@21.2.6",
+  "_id": "@syncfusion/ej2-react-schedule@21.4.0",
   "_inBundle": false,
-  "_integrity": "sha512-c4c4bL9hN26tO52sFlZPODkdOORJziCHMEz40QiAH2clMBhXNd+9Mtz7XRRzXN3tQPH1FQbhjJqLwJAsEhpdDg==",
+  "_integrity": "sha512-MOrZaYDQ/wnXC8UkdXM4jdsR4TRkE9EedAKUHm9euzr0PbAfyX9o1BbWl8/MKyZkMRWaQ9WX/0YgktL9eIIV+w==",
   "_location": "/@syncfusion/ej2-react-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-schedule/-/ej2-react-schedule-21.2.6.tgz",
-  "_shasum": "a30bbff87106ed139cab491b87f698c74d3d298b",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-schedule/-/ej2-react-schedule-21.4.0.tgz",
+  "_shasum": "1c192719ea31fa964372c18628a730b5a0e512d1",
   "_spec": "@syncfusion/ej2-react-schedule@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.9",
-    "@syncfusion/ej2-react-base": "~21.2.8",
-    "@syncfusion/ej2-schedule": "21.2.9"
+    "@syncfusion/ej2-base": "~22.1.34",
+    "@syncfusion/ej2-react-base": "~22.1.34",
+    "@syncfusion/ej2-schedule": "22.1.34"
   },
   "deprecated": false,
   "description": "Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support. for React",
@@ -55,6 +55,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "21.2.9",
+  "version": "22.1.34",
   "sideEffects": false
 }

package/styles/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/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/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/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/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/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/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/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/fluent.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: #edebe9;
 }
+.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(237, 235, 233, 0.5);