@syncfusion/ej2-calendars 20.4.42 → 20.4.44

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

@@ -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;
@@ -9140,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.
      *
@@ -9228,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();
                     }
@@ -9238,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();
                     }