@syncfusion/ej2-react-schedule 19.3.55 → 19.4.38

package/CHANGELOG.md

@@ -4,6 +4,21 @@
 
 ### Schedule
 
+#### New Features
+
+- `#I256450`, `#I256493`, `#I341525` - Provides support for flexible month view that starts from the beginning of the week the displayed date falls in. Also, users can set the number of weeks to be displayed in the Month view.
+- `#FB9963`, `#I331086` - Provided an option to customize the header names when the Scheduler is exported to Excel.
+- `#I276542`, `#F169844` - Provided support to set the minimum event duration for appointments to make the event subject easier to read.
+
+#### Bug Fixes
+
+- `#T357194` - An issue while slower the performance of the schedule, while drag and drop the event with `eventTemplate` has been fixed.
+- `#T353817` - An issue with all-day region scrolling issue only in the Mac device has been fixed.
+
+## 19.3.55 (2021-11-23)
+
+### Schedule
+
 #### Bug Fixes
 
 - `#I347217` - An issue while using `getRecurrenceDates` method in the weekly rule option has been fixed.
@@ -49,8 +64,6 @@
 - `#I339839` - An issue with the scheduler resize action is not working properly in timeline month has been fixed.
 - `#F168909` - The scheduler agenda view throws script error on multilevel resources grouping has been fixed.
 
-- `#F166305` - An issue with dynamically changed `minDate` and `maxDate` property in react scheduler has been fixed.
-
 ## 19.3.43 (2021-09-30)
 
 ### Schedule
@@ -71,14 +84,24 @@
 - `#I340332` - An issue with the events rendering performance in vertical views has been fixed.
 - `#I342489` - An issue with identify the clicked button on `popupClose` event has been fixed by providing `event` option on `PopupCloseEventArgs`.
 
+- `#F166305` - An issue with dynamically changed `minDate` and `maxDate` property in react scheduler has been fixed.
+
 ## 19.2.59 (2021-08-31)
 
 ### Schedule
 
+#### New Features
+
+- `#I242605`, `#F160122`, `#F165334` - Provided public method for Scheduler to refresh the Scheduler layout without re-render.
+- `#I314842`, `#I320731` - Provided public method for Scheduler to refresh the given templates.
+
 #### Bug Fixes
 
 - `#I339839` - An issue with the scheduler resize action is not working properly in timeline views has been fixed.
 - `#I338473` - An issue with the scheduler `showWeekend` property set to false appointments missing has been fixed.
+- `#I340348` - An issue with opening the editor window in RTL mode has been fixed.
+- `#I342117` - An issue with today button navigation in Agenda view has been fixed.
+- `#I340332` - An issue with the scheduler performance in Vertical views has been fixed.
 
 ## 19.2.56 (2021-08-17)
 

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-schedule.umd.min.js
-*  version : 19.3.55
+*  version : 19.4.38
 *  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@19.3.53",
+  "_id": "@syncfusion/ej2-react-schedule@19.16.6",
   "_inBundle": false,
-  "_integrity": "sha512-dkN8/0MZkFm5+uFRXeQnOO3dus3JVvk62b5JjObsQpet0eSJPziMkaT7/5IFnMFgJkfdZLdaJNpMr7qz+XXiuA==",
+  "_integrity": "sha512-xelXYTjwLyUKrqx3Kn01ZldDYH10/7DJqXySC2R/uYkG6IkwYG4R07XAoTiwGui5Jh+29RQ5mlVaOvZLTghSoQ==",
   "_location": "/@syncfusion/ej2-react-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-react-schedule/-/ej2-react-schedule-19.3.53.tgz",
-  "_shasum": "19a70e319349d376f28904eb3de44ca63c80e666",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-schedule/-/ej2-react-schedule-19.16.6.tgz",
+  "_shasum": "49ff1d5ba5c6f3779cf3cf6d9b68a42bd9901fee",
   "_spec": "@syncfusion/ej2-react-schedule@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.54",
-    "@syncfusion/ej2-react-base": "~19.3.53",
-    "@syncfusion/ej2-schedule": "19.3.55"
+    "@syncfusion/ej2-base": "~19.4.38",
+    "@syncfusion/ej2-react-base": "~19.4.38",
+    "@syncfusion/ej2-schedule": "19.4.38"
   },
   "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",
@@ -70,6 +70,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "19.3.55",
+  "version": "19.4.38",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -225,10 +225,6 @@
   color: #3e98ff;
 }
 
-.e-schedule .e-schedule-toolbar .e-toolbar-pop {
-  overflow: auto;
-}
-
 .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
   cursor: pointer;
   font-size: 14px;
@@ -294,6 +290,10 @@
   text-transform: initial;
 }
 
+.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
+  padding: 0 12px;
+}
+
 .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
   background: #131313;
   border-left: 0;
@@ -357,6 +357,10 @@
   font-size: 18px;
 }
 
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-pop {
+  overflow: auto;
+}
+
 .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
   overflow: hidden;
 }
@@ -436,10 +440,10 @@
 
 .e-schedule .e-resource-tree-popup {
   background: #6e6e6e;
+  box-shadow: 0 3px 4px 0.2px rgba(0, 0, 0, 0.4);
   height: 100%;
   position: absolute;
   width: 250px;
-  box-shadow: 0 3px 4px 0.2px rgba(0, 0, 0, 0.4);
 }
 
 .e-schedule .e-resource-tree-popup .e-resource-tree {
@@ -1533,6 +1537,7 @@
 
 .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-content span.e-day {
   display: block;
+  margin: 0 auto;
 }
 
 .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-other-month {
@@ -1551,9 +1556,8 @@
   background-color: #0070f0;
   border-radius: 50%;
   height: 5px;
-  margin-left: 13px;
-  margin-top: -6px;
-  position: absolute;
+  margin: -6px auto 0;
+  position: relative;
   width: 5px;
 }
 
@@ -1604,10 +1608,6 @@
   border-left-width: 0;
 }
 
-.e-schedule .e-year-view .e-calendar-table td:not(.e-cell) {
-  border-left: 1px solid #505050;
-}
-
 .e-schedule .e-year-view .e-resource .e-month-calendar {
   max-width: 100%;
   min-width: 100%;
@@ -2092,7 +2092,7 @@
 .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
-  height: 42px;
+  height: 60px;
 }
 
 .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
@@ -2552,6 +2552,10 @@
   width: 75px;
 }
 
+.e-schedule.e-rtl .e-month-agenda-view .e-resource-column .e-resource-name {
+  white-space: normal;
+}
+
 .e-schedule.e-rtl .e-month-agenda-view .e-day-padding {
   padding-right: 8px;
 }
@@ -2773,6 +2777,10 @@
   width: 75px;
 }
 
+.e-schedule.e-rtl .e-agenda-view .e-resource-column .e-resource-name {
+  white-space: normal;
+}
+
 .e-schedule.e-rtl .e-agenda-view .e-day-padding {
   padding-right: 8px;
 }
@@ -2854,9 +2862,8 @@
   height: auto;
   line-height: 25px;
   margin: 4px 0;
-  min-height: 0;
+  min-height: 34px;
   min-width: 34px;
-  padding: 0 1.5px;
 }
 
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
@@ -2994,6 +3001,10 @@
   font-weight: 500;
 }
 
+.e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
+  width: 485px;
+}
+
 .e-dialog.e-quick-dialog.e-following-events-dialog {
   width: 420px;
 }
@@ -3015,6 +3026,14 @@
   display: none;
 }
 
+.e-dialog.e-quick-dialog .e-dlg-header-content {
+  border-bottom: none;
+}
+
+.e-dialog.e-quick-dialog .e-footer-content {
+  border-top: none;
+}
+
 .e-dialog.e-quick-dialog .e-quick-dialog-cancel {
   box-shadow: none;
 }
@@ -3051,15 +3070,23 @@
 
 .e-schedule-dialog .e-subject-container,
 .e-schedule-dialog .e-start-container,
-.e-schedule-dialog .e-start-time-zone-container,
 .e-schedule-dialog .e-description-label {
   padding-right: 8px;
 }
 
+.e-schedule-dialog .e-start-time-zone-container {
+  padding-left: 4px;
+  padding-right: 8px;
+}
+
 .e-schedule-dialog .e-location-container,
-.e-schedule-dialog .e-end-container,
+.e-schedule-dialog .e-end-container {
+  padding-left: 8px;
+}
+
 .e-schedule-dialog .e-end-time-zone-container {
   padding-left: 8px;
+  padding-right: 4px;
 }
 
 .e-schedule-dialog .e-all-day-container {
@@ -3152,19 +3179,27 @@
 
 .e-schedule-dialog.e-rtl .e-subject-container,
 .e-schedule-dialog.e-rtl .e-start-container,
-.e-schedule-dialog.e-rtl .e-start-time-zone-container,
 .e-schedule-dialog.e-rtl .e-description-label {
   padding-left: 8px;
   padding-right: 0;
 }
 
+.e-schedule-dialog.e-rtl .e-start-time-zone-container {
+  padding-left: 8px;
+  padding-right: 4px;
+}
+
 .e-schedule-dialog.e-rtl .e-location-container,
-.e-schedule-dialog.e-rtl .e-end-container,
-.e-schedule-dialog.e-rtl .e-end-time-zone-container {
+.e-schedule-dialog.e-rtl .e-end-container {
   padding-left: 0;
   padding-right: 8px;
 }
 
+.e-schedule-dialog.e-rtl .e-end-time-zone-container {
+  padding-left: 4px;
+  padding-right: 8px;
+}
+
 .e-schedule-dialog.e-rtl .e-event-delete {
   float: right;
 }
@@ -3728,6 +3763,10 @@
   margin-right: 10px;
 }
 
+.e-quick-popup-wrapper.e-rtl .e-event-details {
+  margin-left: 8px;
+}
+
 .e-quick-popup-wrapper.e-device {
   bottom: 0;
   height: 100%;
@@ -3933,31 +3972,36 @@
   width: 26px;
 }
 
+.e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background-color: #1a1a1a;
   border: 1px solid #505050;
   border-radius: 2px;
+  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
   opacity: 1;
   padding: 8px 0;
   width: 225px;
-  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-appointment-wrapper,
 .e-more-popup-wrapper .e-more-appointment-wrapper {
   margin: 0 4px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-popup,
 .e-more-popup-wrapper .e-more-event-popup {
   height: 100%;
   position: relative;
   width: 100%;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-header,
 .e-more-popup-wrapper .e-more-event-header {
   height: 35px;
   margin: 0 8px 4px 14px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
   height: calc(100% - 35px);
   max-height: 300px;
@@ -3966,20 +4010,24 @@
   padding-right: 10px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-content .e-appointment-border,
 .e-more-popup-wrapper .e-more-event-content .e-appointment-border {
   border: 0;
   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);
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-date-header,
 .e-more-popup-wrapper .e-more-event-date-header {
   height: 100%;
   width: calc(100% - 25px);
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-date-header .e-current-date,
 .e-more-popup-wrapper .e-more-event-date-header .e-current-date {
   color: #3e98ff;
 }
 
+.e-bigger .e-more-popup-wrapper .e-header-day,
 .e-more-popup-wrapper .e-header-day {
   color: #f0f0f0;
   font-size: 13px;
@@ -3987,6 +4035,7 @@
   padding-bottom: 2px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-header-date,
 .e-more-popup-wrapper .e-header-date {
   color: #f0f0f0;
   font-size: 18px;
@@ -3994,15 +4043,18 @@
   max-width: 15%;
 }
 
+.e-bigger .e-more-popup-wrapper .e-header-date:hover,
 .e-more-popup-wrapper .e-header-date:hover {
   cursor: pointer;
   text-decoration: underline;
 }
 
+.e-bigger .e-more-popup-wrapper .e-header-date:focus,
 .e-more-popup-wrapper .e-header-date:focus {
   text-decoration: underline;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-close,
 .e-more-popup-wrapper .e-more-event-close {
   background-color: transparent;
   border: 0;
@@ -4015,20 +4067,25 @@
   width: 25px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-close .e-close-icon,
 .e-more-popup-wrapper .e-more-event-close .e-close-icon {
   font-size: 9px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-close .e-btn-icon,
 .e-more-popup-wrapper .e-more-event-close .e-btn-icon {
   margin-top: 3px;
 }
 
-.e-more-popup-wrapper .e-more-event-close:focus, .e-more-popup-wrapper .e-more-event-close:hover {
+.e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
+.e-more-popup-wrapper .e-more-event-close:focus,
+.e-more-popup-wrapper .e-more-event-close:hover {
   background-color: #484848;
   border-radius: 50%;
   color: #fff;
 }
 
+.e-bigger .e-more-popup-wrapper .e-appointment,
 .e-more-popup-wrapper .e-appointment {
   background: #0070f0;
   border-radius: 4px;
@@ -4042,6 +4099,7 @@
   width: 100%;
 }
 
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject,
 .e-more-popup-wrapper .e-appointment .e-subject {
   color: #fff;
   -ms-flex: auto;
@@ -4054,17 +4112,22 @@
   white-space: nowrap;
 }
 
+.e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
+.e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon {
   line-height: 22px;
   padding: 0 2px;
 }
 
-.e-more-popup-wrapper .e-appointment.e-appointment-border, .e-more-popup-wrapper .e-appointment:focus {
+.e-bigger .e-more-popup-wrapper .e-appointment.e-appointment-border, .e-bigger .e-more-popup-wrapper .e-appointment:focus,
+.e-more-popup-wrapper .e-appointment.e-appointment-border,
+.e-more-popup-wrapper .e-appointment:focus {
   border: 0;
   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);
 }
 
+.e-bigger .e-more-popup-wrapper.e-device,
 .e-more-popup-wrapper.e-device {
   bottom: 0;
   height: 100%;
@@ -4078,10 +4141,12 @@
   z-index: 1002;
 }
 
+.e-bigger .e-more-popup-wrapper.e-device .e-more-event-content,
 .e-more-popup-wrapper.e-device .e-more-event-content {
   max-height: unset;
 }
 
+.e-bigger .e-more-popup-wrapper.e-rtl .e-more-event-close,
 .e-more-popup-wrapper.e-rtl .e-more-event-close {
   left: 6px;
   right: auto;
@@ -4559,8 +4624,13 @@
 }
 
 .e-recurrenceeditor .e-recurrence-table .e-week-position {
+  min-width: 98px;
   position: relative;
-  right: 16px;
+  right: 27px;
+}
+
+.e-recurrenceeditor .e-recurrence-table .e-day-position {
+  min-width: 120px;
 }
 
 .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
@@ -4610,12 +4680,13 @@
 }
 
 .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
-  padding-left: 0;
+  position: relative;
+  right: 10px;
 }
 
 .e-recurrenceeditor.e-rtl .e-week-position {
-  padding-left: 16px;
-  right: 0;
+  position: relative;
+  right: -27px;
 }
 
 .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
@@ -4752,15 +4823,25 @@
 }
 
 .e-bigger .e-recurrenceeditor .e-week-position {
+  min-width: 162px;
   padding-left: 55px;
   padding-right: 0;
 }
 
+.e-bigger .e-recurrenceeditor .e-day-position {
+  min-width: 190px;
+  padding-left: 54px;
+}
+
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
   font-size: 12px;
   margin-bottom: 0;
 }
 
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-right: 8px;
+}
+
 .e-bigger .e-recurrenceeditor .e-end-on-label {
   margin-bottom: 0;
 }