@syncfusion/ej2-calendars 20.4.40 → 20.4.44

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

@@ -5830,7 +5830,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         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();
@@ -6001,8 +6001,10 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                 if (range.length > 1) {
                     this.invalidValueString = null;
                     const dateOptions = { format: this.formatString, type: 'date', skeleton: 'yMd' };
-                    const startDate = this.globalize.parseDate(range[0].trim(), dateOptions);
-                    const endDate = this.globalize.parseDate(range[1].trim(), dateOptions);
+                    const start = new Date(range[0]);
+                    const end = new Date(range[1]);
+                    const startDate = this.getStartEndDate(start, false, range, dateOptions);
+                    const endDate = this.getStartEndDate(end, true, range, dateOptions);
                     if (!isNullOrUndefined(startDate) && !isNaN(+startDate) && !isNullOrUndefined(endDate) && !isNaN(+endDate)) {
                         const prevStartVal = this.startValue;
                         this.startValue = startDate;
@@ -6074,6 +6076,17 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         }
         this.updateHiddenInput();
     }
+    getStartEndDate(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);
+        }
+    }
     clearRange() {
         this.previousStartValue = this.previousEndValue = null;
         this.currentDate = null;
@@ -6826,7 +6839,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                 if (!this.isMobile) {
                     this.removeClassDisabled();
                 }
-                this.disabledDateRender();
+                if (!isNullOrUndefined(this.renderDayCell)) {
+                    this.disabledDateRender();
+                }
                 this.trigger('select', this.rangeArgs(event));
             }
             else if (+date < +this.startValue) {
@@ -8393,7 +8408,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         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();
@@ -8886,7 +8901,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         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;
@@ -9136,6 +9153,17 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
             this.updateHeader();
         }
     }
+    getStartEndValue(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.
      *
@@ -9224,7 +9252,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                         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();
                     }
@@ -9234,7 +9262,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                         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();
                     }