@syncfusion/ej2-react-schedule 21.2.10 → 22.1.34

package/CHANGELOG.md

@@ -4,6 +4,20 @@
 
 ### 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.

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-schedule.min.js
-*  version : 21.2.10
+*  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.10
+*  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.9",
+  "_id": "@syncfusion/ej2-react-schedule@21.4.0",
   "_inBundle": false,
-  "_integrity": "sha512-AV8HZ8+qvLuEftKn0Sxd8cgSgN8F1ri4h+fa+xzPmPTb14nHAKEcmN3XcPw860HVywLXtM6QRrya8MOOGTdS+A==",
+  "_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.9.tgz",
-  "_shasum": "27da2f99e41168f2e184780621c842a70d620f14",
+  "_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.10"
+    "@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.10",
+  "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;
@@ -2549,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,
@@ -2568,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;
@@ -2549,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,
@@ -2568,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;
@@ -2628,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,
@@ -2647,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);
@@ -3875,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;
@@ -2602,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,
@@ -2621,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;
@@ -2602,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,
@@ -2621,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;
@@ -2516,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,
@@ -2535,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;
@@ -2511,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,
@@ -2530,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;
@@ -2579,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,
@@ -2598,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;
@@ -2579,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,
@@ -2598,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);

package/styles/highcontrast-light.css

@@ -1712,20 +1712,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;
@@ -2593,9 +2586,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,
@@ -2612,6 +2605,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;
@@ -3840,7 +3837,7 @@
   border-top: 1px solid #400074;
 }
 .e-schedule .e-vertical-view .e-previous-timeline {
-  border-top: 1px dotted #400074;
+  border-top: 1px dashed #400074;
 }
 .e-schedule .e-vertical-view.e-by-date .e-date-header-wrap table tbody td.e-header-cells {
   border-bottom-width: 1px;

package/styles/highcontrast.css

@@ -1716,20 +1716,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;
@@ -2597,9 +2590,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,
@@ -2616,6 +2609,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;
@@ -3844,7 +3841,7 @@
   border-top: 1px solid #ffd939;
 }
 .e-schedule .e-vertical-view .e-previous-timeline {
-  border-top: 1px dotted #ffd939;
+  border-top: 1px dashed #ffd939;
 }
 .e-schedule .e-vertical-view.e-by-date .e-date-header-wrap table tbody td.e-header-cells {
   border-bottom-width: 1px;