@syncfusion/ej2-calendars 20.4.42 → 20.4.44

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

@@ -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;
@@ -9233,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.
      *
@@ -9322,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();
                     }
@@ -9332,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();
                     }