@syncfusion/ej2-schedule 27.2.3 → 28.1.33

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

@@ -12,7 +12,7 @@ var ViewBase = /** @class */ (function () {
      * @param {Schedule} parent Accepts the schedule instance
      */
     function ViewBase(parent) {
-        this.previousNextAction = 'next';
+        this.previousNextAction = 'Next';
         this.parent = parent;
     }
     ViewBase.prototype.isTimelineView = function () {
@@ -271,11 +271,12 @@ var ViewBase = /** @class */ (function () {
         return !(util.getDateInMs(date) < util.getDateInMs(startHour) || util.getDateInMs(date) >= util.getDateInMs(endHour) ||
             !this.isWorkDay(date, workDays));
     };
-    ViewBase.prototype.getRenderDates = function (workDays) {
+    ViewBase.prototype.getRenderDates = function (workDays, date) {
+        if (date === void 0) { date = this.parent.selectedDate; }
         var renderDates = [];
         // Due to same code for vertical and time line, week & work week views, if condition has used
         if (this.parent.currentView === 'Week' || this.parent.currentView === 'TimelineWeek') {
-            var selectedDate = util.resetTime(this.parent.selectedDate);
+            var selectedDate = util.resetTime(date);
             var start = util.getWeekFirstDate(selectedDate, this.parent.activeViewOptions.firstDayOfWeek);
             for (var i = 0, length_1 = util.WEEK_LENGTH * this.parent.activeViewOptions.interval; i < length_1; i++) {
                 if (this.parent.activeViewOptions.showWeekend) {
@@ -290,7 +291,7 @@ var ViewBase = /** @class */ (function () {
             }
         }
         else if (this.parent.currentView === 'WorkWeek' || this.parent.currentView === 'TimelineWorkWeek') {
-            var start = util.getWeekFirstDate(util.resetTime(this.parent.selectedDate), this.parent.activeViewOptions.firstDayOfWeek);
+            var start = util.getWeekFirstDate(util.resetTime(date), this.parent.activeViewOptions.firstDayOfWeek);
             for (var i = 0, length_2 = util.WEEK_LENGTH * this.parent.activeViewOptions.interval; i < length_2; i++) {
                 if (this.isWorkDay(start, workDays)) {
                     renderDates.push(start);
@@ -301,7 +302,7 @@ var ViewBase = /** @class */ (function () {
         else {
             var dayCount = this.parent.currentView === 'Agenda' ? this.parent.agendaDaysCount :
                 this.parent.activeViewOptions.interval;
-            var start = util.resetTime(this.parent.selectedDate);
+            var start = util.resetTime(date);
             do {
                 if (this.parent.activeViewOptions.showWeekend) {
                     renderDates.push(start);
@@ -327,11 +328,11 @@ var ViewBase = /** @class */ (function () {
         if (this.parent.currentView === 'Day' || this.parent.currentView === 'TimelineDay') {
             if (this.parent.activeViewOptions.showWeekend) {
                 var daysCount = this.parent.activeViewOptions.interval;
-                return util.addDays(this.parent.selectedDate, type === 'next' ? daysCount : -daysCount);
+                return util.addDays(this.parent.selectedDate, type === 'Next' ? daysCount : -daysCount);
             }
             else {
                 var date = void 0;
-                if (type === 'next') {
+                if (type === 'Next') {
                     date = util.addDays(this.renderDates.slice(-1)[0], 1);
                     while (!this.isWorkDay(date)) {
                         date = util.addDays(date, 1);
@@ -352,7 +353,7 @@ var ViewBase = /** @class */ (function () {
                 return date;
             }
         }
-        var weekLength = type === 'next' ? util.WEEK_LENGTH : -util.WEEK_LENGTH;
+        var weekLength = type === 'Next' ? util.WEEK_LENGTH : -util.WEEK_LENGTH;
         return util.addDays(this.parent.selectedDate, weekLength * this.parent.activeViewOptions.interval);
     };
     ViewBase.prototype.formatViewLabel = function (view, startDate, endDate) {
@@ -379,12 +380,14 @@ var ViewBase = /** @class */ (function () {
             }
         }
     };
-    ViewBase.prototype.getDateRangeText = function () {
+    ViewBase.prototype.getDateRangeText = function (date, dateCollection) {
+        if (date === void 0) { date = this.renderDates[0]; }
+        if (dateCollection === void 0) { dateCollection = this.renderDates; }
         if (this.parent.isAdaptive) {
             var formatDate = (this.parent.activeViewOptions.dateFormat) ? this.parent.activeViewOptions.dateFormat : 'MMMM y';
             return util.capitalizeFirstWord(this.parent.globalize.formatDate(this.parent.selectedDate, { format: formatDate, calendar: this.parent.getCalendarMode() }), 'single');
         }
-        return this.formatDateRange(this.renderDates[0], this.renderDates[this.renderDates.length - 1]);
+        return this.formatDateRange(date, dateCollection[dateCollection.length - 1]);
     };
     ViewBase.prototype.formatDateRange = function (startDate, endDate) {
         var globalize = this.parent.globalize;

package/src/schedule/renderer/year.d.ts

@@ -1,6 +1,7 @@
 import { Schedule } from '../base/schedule';
 import { ViewBase } from './view-base';
 import { IRenderer, TdData, NotifyEventArgs } from '../base/interface';
+import { NavigationDirection } from '../base/type';
 /**
  * year view
  */
@@ -35,8 +36,8 @@ export declare class Year extends ViewBase implements IRenderer {
     startDate(): Date;
     endDate(): Date;
     getEndDateFromStartDate(start: Date): Date;
-    getNextPreviousDate(type: string): Date;
-    getDateRangeText(): string;
+    getNextPreviousDate(type: NavigationDirection): Date;
+    getDateRangeText(date?: Date, dateCollection?: Date[]): string;
     addEventListener(): void;
     removeEventListener(): void;
     onDataReady(args: NotifyEventArgs): void;

package/src/schedule/renderer/year.js

@@ -12,7 +12,7 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { EventHandler, formatUnit, createElement, addClass, closest, prepend, append, extend } from '@syncfusion/ej2-base';
+import { EventHandler, formatUnit, createElement, addClass, closest, prepend, append, extend, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { ViewBase } from './view-base';
 import { YearEvent } from '../event-renderer/year';
 import * as util from '../base/util';
@@ -289,7 +289,7 @@ var Year = /** @class */ (function (_super) {
         this.parent.activeCellsData = this.parent.getCellDetails(target);
         var isPrevious = startDate.getTime() < this.getStartDate().getTime();
         if (isPrevious || startDate.getTime() > this.getEndDate().getTime()) {
-            this.parent.changeDate(this.parent.activeView.getNextPreviousDate(isPrevious ? 'previous' : 'next'), e);
+            this.parent.changeDate(this.parent.activeView.getNextPreviousDate(isPrevious ? 'Previous' : 'Next'), e);
             var activeDate = this.parent.activeCellsData.startTime.getTime();
             var inRange = activeDate >= this.getStartDate().getTime() && activeDate <= this.getEndDate().getTime();
             var dateAttr = inRange ? activeDate : (isPrevious ? this.getEndDate() : this.getStartDate()).getTime();
@@ -392,16 +392,19 @@ var Year = /** @class */ (function (_super) {
         return util.addDays(new Date(date.getTime()), 1);
     };
     Year.prototype.getNextPreviousDate = function (type) {
-        return util.addYears(this.parent.selectedDate, ((type === 'next') ? 1 : -1));
+        return util.addYears(this.parent.selectedDate, ((type === 'Next') ? 1 : -1));
     };
-    Year.prototype.getDateRangeText = function () {
-        var startDate = this.getStartDate();
-        var endDate = this.getEndDate();
+    Year.prototype.getDateRangeText = function (date, dateCollection) {
+        if (date === void 0) { date = this.parent.selectedDate; }
+        if (dateCollection === void 0) { dateCollection = null; }
+        var isDateColAvail = !isNullOrUndefined(dateCollection) && dateCollection.length > 0;
+        var startDate = isDateColAvail ? dateCollection[0] : this.getStartDate();
+        var endDate = isDateColAvail ? dateCollection[dateCollection.length - 1] : this.getEndDate();
         if (startDate.getFullYear() !== endDate.getFullYear()) {
             return this.parent.globalize.formatDate(startDate, { skeleton: 'yMMM' }) + ' - ' + this.parent.globalize.formatDate(endDate, { skeleton: 'yMMM' });
         }
         else {
-            return this.parent.globalize.formatDate(this.parent.selectedDate, { skeleton: 'y' });
+            return this.parent.globalize.formatDate(isDateColAvail ? dateCollection[0] : date, { skeleton: 'y' });
         }
     };
     Year.prototype.addEventListener = function () {