@syncfusion/ej2-calendars 20.4.40 → 20.4.44

package/dist/es6/ej2-calendars.es5.js

@@ -5904,7 +5904,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         this.createControl();
         this.bindCalendarEvents();
         this.updateRange((this.isMobile ? [this.calendarElement] : [this.leftCalendar, this.rightCalendar]));
-        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue)) {
+        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) && !isNullOrUndefined(this.renderDayCell)) {
             this.disabledDateRender();
         }
         this.updateHeader();
@@ -6075,8 +6075,10 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                 if (range.length > 1) {
                     this.invalidValueString = null;
                     var dateOptions = { format: this.formatString, type: 'date', skeleton: 'yMd' };
-                    var startDate = this.globalize.parseDate(range[0].trim(), dateOptions);
-                    var endDate = this.globalize.parseDate(range[1].trim(), dateOptions);
+                    var start = new Date(range[0]);
+                    var end = new Date(range[1]);
+                    var startDate = this.getStartEndDate(start, false, range, dateOptions);
+                    var endDate = this.getStartEndDate(end, true, range, dateOptions);
                     if (!isNullOrUndefined(startDate) && !isNaN(+startDate) && !isNullOrUndefined(endDate) && !isNaN(+endDate)) {
                         var prevStartVal = this.startValue;
                         this.startValue = startDate;
@@ -6148,6 +6150,17 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         }
         this.updateHiddenInput();
     };
+    DateRangePicker.prototype.getStartEndDate = function (date, isEnd, range, dateOptions) {
+        if (this.depth === 'Month') {
+            return this.globalize.parseDate(range[isEnd ? 1 : 0].trim(), dateOptions);
+        }
+        else if (this.depth === 'Year') {
+            return new Date(date.getFullYear(), date.getMonth() + (isEnd ? 1 : 0), isEnd ? 0 : 1);
+        }
+        else {
+            return new Date(date.getFullYear(), isEnd ? 11 : 0, isEnd ? 31 : 1);
+        }
+    };
     DateRangePicker.prototype.clearRange = function () {
         this.previousStartValue = this.previousEndValue = null;
         this.currentDate = null;
@@ -6908,7 +6921,9 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                 if (!this.isMobile) {
                     this.removeClassDisabled();
                 }
-                this.disabledDateRender();
+                if (!isNullOrUndefined(this.renderDayCell)) {
+                    this.disabledDateRender();
+                }
                 this.trigger('select', this.rangeArgs(event));
             }
             else if (+date < +this.startValue) {
@@ -8484,7 +8499,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         if (!this.strictMode && (isDisabled)) {
             this.clearRange();
         }
-        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) && !isDisabled) {
+        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) && !isDisabled && !isNullOrUndefined(this.renderDayCell)) {
             this.disabledDateRender();
         }
         this.errorClass();
@@ -8977,7 +8992,9 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(this.startValue) && !isNullOrUndefined(this.endValue)) {
             range = (Math.round(Math.abs((this.removeTimeValueFromDate(this.startValue).getTime() -
                 this.removeTimeValueFromDate(this.endValue).getTime()) / (1000 * 60 * 60 * 24))) + 1);
-            this.disabledDateRender();
+            if (!isNullOrUndefined(this.renderDayCell)) {
+                this.disabledDateRender();
+            }
             if (!isNullOrUndefined(this.disabledDayCnt)) {
                 range = range - this.disabledDayCnt;
                 this.disabledDayCnt = null;
@@ -9229,6 +9246,17 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
             this.updateHeader();
         }
     };
+    DateRangePicker.prototype.getStartEndValue = function (date, isEnd) {
+        if (this.depth === 'Month') {
+            return this.checkDateValue(new Date(this.checkValue(date)));
+        }
+        else if (this.depth === 'Year') {
+            return new Date(date.getFullYear(), date.getMonth() + (isEnd ? 1 : 0), isEnd ? 0 : 1);
+        }
+        else {
+            return new Date(date.getFullYear(), isEnd ? 11 : 0, isEnd ? 31 : 1);
+        }
+    };
     /**
      * Called internally if any of the property value changed.
      *
@@ -9318,7 +9346,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                         newProp.startDate = this.globalize.parseDate(newProp.startDate, format);
                     }
                     if (+this.initStartDate !== +newProp.startDate) {
-                        this.startValue = this.checkDateValue(new Date(this.checkValue(newProp.startDate)));
+                        this.startValue = this.getStartEndValue(newProp.startDate, false);
                         this.setDate();
                         this.setValue();
                     }
@@ -9328,7 +9356,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                         newProp.endDate = this.globalize.parseDate(newProp.endDate, format);
                     }
                     if (+this.initEndDate !== +newProp.endDate) {
-                        this.endValue = this.checkDateValue(new Date(this.checkValue(newProp.endDate)));
+                        this.endValue = this.getStartEndValue(newProp.endDate, true);
                         this.setDate();
                         this.setValue();
                     }