@syncfusion/ej2-schedule 20.1.61 → 20.2.36

package/src/schedule/renderer/timeline-month.d.ts

@@ -24,5 +24,6 @@ export declare class TimelineMonth extends Month {
     getMonthStart(currentDate: Date): Date;
     getMonthEnd(currentDate: Date): Date;
     generateColumnLevels(): TdData[][];
+    getAdjustedDate(startTime: Date): Date;
     destroy(): void;
 }

package/src/schedule/renderer/timeline-month.js

@@ -150,6 +150,15 @@ var TimelineMonth = /** @class */ (function (_super) {
         this.colLevels = colLevels;
         return colLevels;
     };
+    TimelineMonth.prototype.getAdjustedDate = function (startTime) {
+        var timeSlots = this.colLevels[this.colLevels.length - 1];
+        for (var i = 0; i < timeSlots.length; i++) {
+            if (timeSlots[i].date.getTime() > startTime.getTime()) {
+                return timeSlots[i - 1].date;
+            }
+        }
+        return null;
+    };
     TimelineMonth.prototype.destroy = function () {
         if (!this.parent || this.parent && this.parent.isDestroyed) {
             return;

package/src/schedule/renderer/timeline-view.d.ts

@@ -27,5 +27,6 @@ export declare class TimelineViews extends VerticalView {
     getContentRows(): Element[];
     getContentTdClass(r: TimeSlotData): string[];
     renderEvents(): void;
+    getAdjustedDate(date: Date): Date;
     destroy(): void;
 }

package/src/schedule/renderer/timeline-view.js

@@ -246,6 +246,20 @@ var TimelineViews = /** @class */ (function (_super) {
         this.timelineAppointment.renderAppointments();
         this.parent.notify(event.eventsLoaded, {});
     };
+    TimelineViews.prototype.getAdjustedDate = function (date) {
+        if (!this.parent.activeViewOptions.timeScale.enable) {
+            return new Date(date.setHours(0, 0, 0, 0));
+        }
+        else {
+            var timeSlots = this.colLevels[this.colLevels.length - 1];
+            for (var i = 0; i < timeSlots.length; i++) {
+                if (timeSlots[i].date.getTime() > date.getTime()) {
+                    return timeSlots[i - 1].date;
+                }
+            }
+        }
+        return null;
+    };
     TimelineViews.prototype.destroy = function () {
         if (!this.parent || this.parent && this.parent.isDestroyed) {
             return;

package/src/schedule/renderer/timeline-year.js

@@ -271,6 +271,9 @@ var TimelineYear = /** @class */ (function (_super) {
                 else {
                     addClass([td], cls.OTHERMONTH_CLASS);
                 }
+                if (td.classList.contains(cls.OTHERMONTH_CLASS)) {
+                    continue;
+                }
                 td.appendChild(dateHeader);
                 if (isDateAvail) {
                     td.setAttribute('data-date', date.getTime().toString());

package/src/schedule/renderer/vertical-view.d.ts

@@ -57,5 +57,6 @@ export declare class VerticalView extends ViewBase implements IRenderer {
     getLeftPanelElement(): HTMLElement;
     getEndDateFromStartDate(start: Date): Date;
     getTimeSlotRows(handler?: CallbackFunction): TimeSlotData[];
+    getAdjustedDate(startTime: Date): Date;
     destroy(): void;
 }

package/src/schedule/renderer/vertical-view.js

@@ -514,12 +514,11 @@ var VerticalView = /** @class */ (function (_super) {
         var wrap = createElement('div', { className: cls.DATE_HEADER_WRAP_CLASS });
         container.appendChild(wrap);
         var tbl = this.createTableLayout();
-        var trEle = createElement('tr');
+        var trEle = createElement('tr', { className: cls.HEADER_ROW_CLASS });
         var rowCount = this.colLevels.length;
         var lastLevel = this.colLevels[rowCount - 1];
         for (var i = 0; i < rowCount; i++) {
             var ntr = trEle.cloneNode();
-            addClass([ntr], cls.HEADER_ROW_CLASS);
             var level = this.colLevels[i];
             for (var j = 0; j < level.length; j++) {
                 ntr.appendChild(this.createTd(level[j]));
@@ -532,13 +531,13 @@ var VerticalView = /** @class */ (function (_super) {
         return container;
     };
     VerticalView.prototype.createAllDayRow = function (table, tdData) {
-        var ntr = createElement('tr');
-        addClass([ntr], cls.ALLDAY_ROW_CLASS);
+        var ntr = createElement('tr', { className: cls.ALLDAY_ROW_CLASS });
         for (var j = 0; j < tdData.length; j++) {
             var td = extend({}, tdData[j]);
             td.className = [cls.ALLDAY_CELLS_CLASS];
             td.type = 'alldayCells';
             var ntd = this.createTd(td);
+            ntd.setAttribute('role', 'gridcell');
             ntd.setAttribute('data-date', td.date.getTime().toString());
             if (!isNullOrUndefined(td.groupIndex)) {
                 ntd.setAttribute('data-group-index', '' + td.groupIndex);
@@ -571,6 +570,7 @@ var VerticalView = /** @class */ (function (_super) {
         }
         if (td.type === 'dateHeader' && td.className.indexOf(cls.HEADER_CELLS_CLASS) >= 0) {
             tdEle.setAttribute('data-date', td.date.getTime().toString());
+            tdEle.setAttribute('role', 'gridcell');
             if (!isNullOrUndefined(td.groupIndex)) {
                 tdEle.setAttribute('data-group-index', '' + td.groupIndex);
             }
@@ -773,6 +773,23 @@ var VerticalView = /** @class */ (function (_super) {
         }
         return rows;
     };
+    VerticalView.prototype.getAdjustedDate = function (startTime) {
+        if (!this.parent.activeViewOptions.timeScale.enable) {
+            return new Date(startTime.setHours(0, 0, 0, 0));
+        }
+        else {
+            var timeSlots = this.getTimeSlotRows();
+            var startDate = new Date(new Date(timeSlots[0].date.getTime()).
+                setHours(startTime.getHours(), startTime.getMinutes(), startTime.getMilliseconds()));
+            for (var i = 0; i < timeSlots.length; i++) {
+                if (timeSlots[i].date.getTime() > startDate.getTime()) {
+                    startTime.setHours(timeSlots[i - 1].date.getHours(), timeSlots[i - 1].date.getMinutes(), timeSlots[i - 1].date.getMilliseconds());
+                    return new Date(startTime);
+                }
+            }
+        }
+        return null;
+    };
     VerticalView.prototype.destroy = function () {
         if (!this.parent || this.parent && this.parent.isDestroyed) {
             return;

package/src/schedule/renderer/view-base.d.ts

@@ -68,5 +68,6 @@ export declare class ViewBase {
     retainScrollPosition(): void;
     getViewStartDate(): Date;
     getViewEndDate(): Date;
+    getAdjustedDate(startTime: Date): Date;
     destroy(): void;
 }

package/src/schedule/renderer/view-base.js

@@ -533,6 +533,17 @@ var ViewBase = /** @class */ (function () {
         }
         return endDate;
     };
+    ViewBase.prototype.getAdjustedDate = function (startTime) {
+        if (!this.parent.activeViewOptions.timeScale.enable || this.parent.currentView === 'Month' ||
+            (this.parent.currentView === 'TimelineYear' && this.parent.activeViewOptions.group.resources.length === 0)) {
+            return new Date(startTime.setHours(0, 0, 0, 0));
+        }
+        else if (this.parent.currentView === 'TimelineYear' && this.parent.activeViewOptions.group.resources.length > 0) {
+            startTime.setHours(0, 0, 0, 0);
+            return new Date(startTime.setDate(1));
+        }
+        return null;
+    };
     ViewBase.prototype.destroy = function () {
         if (this.element && this.element.parentNode) {
             remove(this.element);

package/src/schedule/renderer/year.js

@@ -331,7 +331,8 @@ var Year = /** @class */ (function (_super) {
         return this.parent.currentView === 'Year' ? util.getWeekFirstDate(this.getStartDate(), this.parent.firstDayOfWeek) : this.getStartDate();
     };
     Year.prototype.endDate = function () {
-        return this.parent.currentView === 'Year' ? util.addDays(util.getWeekLastDate(this.getEndDate(), this.parent.firstDayOfWeek), 1) : this.getEndDate();
+        return this.parent.currentView === 'Year' ? util.addDays(util.getWeekLastDate(this.getEndDate(), this.parent.firstDayOfWeek), 1) :
+            util.addDays(this.getEndDate(), 1);
     };
     Year.prototype.getEndDateFromStartDate = function (start) {
         var date = new Date(start.getTime());

package/styles/bootstrap-dark.css

@@ -1500,6 +1500,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2465,7 +2469,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {

package/styles/bootstrap.css

@@ -1498,6 +1498,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2463,7 +2467,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {

package/styles/bootstrap4.css

@@ -1503,6 +1503,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2482,7 +2486,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {

package/styles/bootstrap5-dark.css

@@ -1508,6 +1508,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2491,7 +2495,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {

package/styles/bootstrap5.css

@@ -1508,6 +1508,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2491,7 +2495,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {

package/styles/fabric-dark.css

@@ -1500,6 +1500,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2466,7 +2470,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {

package/styles/fabric.css

@@ -1500,6 +1500,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2466,7 +2470,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {

package/styles/fluent-dark.css

@@ -167,7 +167,7 @@
 .e-schedule .e-schedule-toolbar {
   background: #1b1a19;
   border: 0;
-  border-bottom: 0;
+  border-bottom: 1px solid #292827;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
   margin-bottom: 3px;
   min-height: 38px;
@@ -270,7 +270,7 @@
 }
 .e-schedule .e-schedule-resource-toolbar {
   background: #1b1a19;
-  border-bottom: 0;
+  border-bottom: 1px solid #292827;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
   display: -ms-flexbox;
   display: flex;
@@ -1494,6 +1494,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2460,7 +2464,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {

package/styles/fluent.css

@@ -167,7 +167,7 @@
 .e-schedule .e-schedule-toolbar {
   background: #fff;
   border: 0;
-  border-bottom: 0;
+  border-bottom: 1px solid #edebe9;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
   margin-bottom: 3px;
   min-height: 38px;
@@ -270,7 +270,7 @@
 }
 .e-schedule .e-schedule-resource-toolbar {
   background: #fff;
-  border-bottom: 0;
+  border-bottom: 1px solid #edebe9;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
   display: -ms-flexbox;
   display: flex;
@@ -1494,6 +1494,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2460,7 +2464,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {

package/styles/highcontrast-light.css

@@ -1497,6 +1497,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2463,7 +2467,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {

package/styles/highcontrast.css

@@ -1503,6 +1503,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2469,7 +2473,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {

package/styles/material-dark.css

@@ -1498,6 +1498,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2464,7 +2468,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {

package/styles/material.css

@@ -1501,6 +1501,10 @@
   position: absolute;
   top: 0;
 }
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 75px;
+  position: relative;
+}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
   position: absolute;
 }
@@ -2467,7 +2471,7 @@
 }
 
 .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 485px;
+  width: 502px;
 }
 
 .e-dialog.e-quick-dialog.e-following-events-dialog {

package/styles/recurrence-editor/_fusionnew-definition.scss

@@ -0,0 +1,15 @@
+/*! recurrence editor theme wise definitions*/
+$recurrence-label-bottom: 7px !default;
+$recurrence-month-label-bottom: 7px !default;
+$recurrence-week-label-bottom: 10px !default;
+$recurrence-label-font-weight: 400 !default;
+$recurrence-label-font-nrml-size: 14px !default;
+$recurrence-label-font-bgr-size: 16px !default;
+$recurrence-left-padding: 0 8px 16px 0 !default;
+$recurrence-week-position-bgr-min-width: 162px !default;
+$recurrence-day-position-bgr-min-width: 190px !default;
+$recurrence-day-position-bgr-padding-left: 54px !default;
+$recurrence-end-bgr-padding-right: 16px !default;
+$recurrence-week-position-min-width: 98px !default;
+$recurrence-week-position-right: 27px !default;
+$recurrence-week-position-right-rtl: -27px !default;

package/styles/recurrence-editor/_material3-definition.scss

@@ -0,0 +1,15 @@
+/*! recurrence editor theme wise definitions*/
+$recurrence-label-bottom: 7px !default;
+$recurrence-month-label-bottom: 7px !default;
+$recurrence-week-label-bottom: 10px !default;
+$recurrence-label-font-weight: 400 !default;
+$recurrence-label-font-nrml-size: 14px !default;
+$recurrence-label-font-bgr-size: 16px !default;
+$recurrence-left-padding: 0 8px 16px 0 !default;
+$recurrence-week-position-bgr-min-width: 162px !default;
+$recurrence-day-position-bgr-min-width: 190px !default;
+$recurrence-day-position-bgr-padding-left: 54px !default;
+$recurrence-end-bgr-padding-right: 16px !default;
+$recurrence-week-position-min-width: 98px !default;
+$recurrence-week-position-right: 27px !default;
+$recurrence-week-position-right-rtl: -27px !default;

package/styles/schedule/_fluent-definition.scss

@@ -105,7 +105,7 @@ $schedule-recurrence-font-size: 11px !default;
 
 $schedule-tbar-bgr-color: $secondary-bg-color-focus !default;
 $schedule-tbar-bgr-min-height: 54px !default;
-$schedule-tbar-border-bottom-size: 0 !default;
+$schedule-tbar-border-bottom-size: 1px solid $border-light !default;
 $schedule-tbar-box-shadow: 0 1px 2px rgba($black, .15) !default;
 $schedule-tbar-box-shadow-bottom-margin: 3px !default;
 $schedule-tbar-min-height: 38px !default;