@syncfusion/ej2-calendars 28.1.37 → 28.1.41

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

@@ -6370,10 +6370,8 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                 if (range.length > 1) {
                     this.invalidValueString = null;
                     var dateOptions = { format: this.formatString, type: 'date', skeleton: 'yMd' };
-                    var start = this.globalize.parseDate(this.getAmPmValue(range[0]), dateOptions);
-                    var end = this.globalize.parseDate(this.getAmPmValue(range[1]), dateOptions);
-                    var startDate = this.getStartEndDate(start, false, range, dateOptions);
-                    var endDate = this.getStartEndDate(end, true, range, dateOptions);
+                    var startDate = this.globalize.parseDate(this.getAmPmValue(range[0]).trim(), dateOptions);
+                    var endDate = this.globalize.parseDate(this.getAmPmValue(range[1]).trim(), dateOptions);
                     if (!isNullOrUndefined(startDate) && !isNaN(+startDate) && !isNullOrUndefined(endDate) && !isNaN(+endDate)) {
                         var prevStartVal = this.startValue;
                         this.startValue = startDate;
@@ -6445,14 +6443,11 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         }
         this.updateHiddenInput();
     };
-    DateRangePicker.prototype.getStartEndDate = function (date, isEnd, range, dateOptions) {
-        if (this.depth === 'Month') {
-            return this.globalize.parseDate(this.getAmPmValue(range[isEnd ? 1 : 0]).trim(), dateOptions);
-        }
-        else if (this.depth === 'Year' && !isNullOrUndefined(date)) {
+    DateRangePicker.prototype.getStartEndDate = function (date, isEnd) {
+        if (this.currentView() === 'Year' && !isNullOrUndefined(date)) {
             return new Date(date.getFullYear(), date.getMonth() + (isEnd ? 1 : 0), isEnd ? 0 : 1);
         }
-        else if (!isNullOrUndefined(date)) {
+        else if (this.currentView() === 'Decade' && !isNullOrUndefined(date)) {
             return new Date(date.getFullYear(), isEnd ? 11 : 0, isEnd ? 31 : 1);
         }
         else {
@@ -6945,7 +6940,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                     var isDisabledCell = (!ele.classList.contains(DISABLED$2) || ele.classList.contains(DATEDISABLED));
                     if (!ele.classList.contains(WEEKNUMBER$2) && isDisabledCell) {
                         var eleDate = this.getIdValue(null, ele);
-                        var startDateValue = new Date(+this.startValue);
+                        var startDateValue = this.currentView() === 'Month' ? new Date(+this.startValue) : this.getStartEndDate(new Date(+this.startValue), false);
                         var eleDateValue = new Date(+eleDate);
                         if (eleDateValue.setHours(0, 0, 0, 0) >= startDateValue.setHours(0, 0, 0, 0) && +eleDate <= +currentDate) {
                             addClass([ele], RANGEHOVER);
@@ -6989,9 +6984,11 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                         var eleDate = this.getIdValue(null, ele);
                         var eleDateValue = this.getIdValue(null, ele);
                         if (!isNullOrUndefined(this.endValue)) {
+                            var eleStartDateValue = this.currentView() === 'Month' ? new Date(+this.startValue) : this.getStartEndDate(new Date(+this.startValue), false);
+                            var eleEndDateValue = this.currentView() === 'Month' ? new Date(+this.endValue) : this.getStartEndDate(new Date(+this.endValue), true);
                             if (this.currentView() === this.depth &&
-                                +eleDateValue.setHours(0, 0, 0, 0) >= +new Date(+this.startValue).setHours(0, 0, 0, 0)
-                                && +eleDateValue.setHours(0, 0, 0, 0) <= +new Date(+this.endValue).setHours(0, 0, 0, 0) &&
+                                +eleDateValue.setHours(0, 0, 0, 0) >= +eleStartDateValue.setHours(0, 0, 0, 0)
+                                && +eleDateValue.setHours(0, 0, 0, 0) <= +eleEndDateValue.setHours(0, 0, 0, 0) &&
                                 !this.isSameStartEnd(new Date(+this.startValue), new Date(+this.endValue)) &&
                                 +new Date(+this.startValue).setHours(0, 0, 0, 0) >= +this.min
                                 && +new Date(+this.endValue).setHours(0, 0, 0, 0) <= +this.max
@@ -7011,7 +7008,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                             removeClass([ele], [RANGEHOVER]);
                         }
                         if (!ele.classList.contains(OTHERMONTH$2)) {
-                            var startDateValue = new Date(+this.startValue);
+                            var startDateValue = this.currentView() === 'Month' ? new Date(+this.startValue) : this.getStartEndDate(new Date(+this.startValue), false);
                             var eleDateValue_1 = new Date(+eleDate);
                             if (this.currentView() === this.depth &&
                                 +eleDateValue_1.setHours(0, 0, 0, 0) === +startDateValue.setHours(0, 0, 0, 0)
@@ -7022,7 +7019,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                                 addClass([ele], [STARTDATE, SELECTED$3]);
                                 this.addSelectedAttributes(ele, this.startValue, true);
                             }
-                            var endDateValue = new Date(+this.endValue);
+                            var endDateValue = this.currentView() === 'Month' ? new Date(+this.endValue) : this.getStartEndDate(new Date(+this.endValue), true);
                             if (this.currentView() === 'Year') {
                                 eleDateValue_1 = new Date(eleDateValue_1.getFullYear(), eleDateValue_1.getMonth() + 1, 0);
                             }
@@ -7115,14 +7112,36 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         if (event) {
             event.preventDefault();
         }
+        var isValue;
+        var startDateValue;
+        var endDateValue;
+        var value = this.inputElement.value;
+        if (!isNullOrUndefined(value) && value.trim() !== '') {
+            var range = value.split(' ' + this.separator + ' ');
+            if (range.length > 1 && ((this.currentView() === 'Year' && this.depth === 'Year')
+                || (this.currentView() === 'Decade' && this.depth === 'Decade'))) {
+                var dateOptions = { format: this.formatString, type: 'date', skeleton: 'yMd' };
+                startDateValue = this.globalize.parseDate(this.getAmPmValue(range[0]).trim(), dateOptions);
+                endDateValue = this.globalize.parseDate(this.getAmPmValue(range[1]).trim(), dateOptions);
+                isValue = true;
+            }
+        }
         var date = isNullOrUndefined(event) ? this.getIdValue(null, element)
             : this.getIdValue(event, null);
+        if (!isNullOrUndefined(this.startValue)) {
+            if (this.currentView() === 'Year' && this.depth === 'Year') {
+                date = new Date(date.getFullYear(), date.getMonth(), this.startValue.getDate());
+            }
+            else if (this.currentView() === 'Decade' && this.depth === 'Decade') {
+                date = new Date(date.getFullYear(), this.startValue.getMonth(), this.startValue.getDate());
+            }
+        }
         var y = date.getFullYear();
         var m = date.getMonth();
-        var firstDay = new Date(y, m, 1);
-        var lastDay = new Date(y, m + 1, 0);
-        var firstMonth = new Date(y, 0, 1);
-        var lastMonth = new Date(y, 11, 31);
+        var firstDay = isValue ? new Date(y, m, startDateValue.getDate(), startDateValue.getHours(), startDateValue.getMinutes(), startDateValue.getSeconds()) : new Date(y, m, 1);
+        var lastDay = isValue ? new Date(y, m, endDateValue.getDate(), endDateValue.getHours(), endDateValue.getMinutes(), endDateValue.getSeconds()) : new Date(y, m + 1, 0);
+        var firstMonth = isValue ? new Date(y, startDateValue.getMonth(), startDateValue.getDate(), startDateValue.getHours(), startDateValue.getMinutes(), startDateValue.getSeconds()) : new Date(y, 0, 1);
+        var lastMonth = isValue ? new Date(y, endDateValue.getMonth(), endDateValue.getDate(), endDateValue.getHours(), endDateValue.getMinutes(), endDateValue.getSeconds()) : new Date(y, 11, 31);
         if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue)) {
             if (!this.isMobile || this.isMobile && !this.endButton.element.classList.contains(ACTIVE$1)) {
                 this.removeSelection();
@@ -14777,7 +14796,8 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
                             return;
                         }
                         this.isDayPart = true;
-                        this.dayTypeCount = this.dayTypeCount + 1;
+                        var maxDaysInMonth = new Date(newDateValue.getFullYear(), newDateValue.getMonth() + 1, 0).getDate();
+                        this.dayTypeCount += (this.dayTypeCount === 0 && (parseInt(date + '0', 10) > maxDaysInMonth)) ? 2 : 1;
                     }
                     else {
                         this.isDayPart = false;
@@ -14900,7 +14920,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
                 newDateValue.setHours(Math.floor(newDateValue.getHours() / 12) * 12 + (this.hour % 12));
                 this.isNavigate = this.hour.toString().length === 2;
                 this.isHourPart = true;
-                this.hourTypeCount = this.hourTypeCount + 1;
+                this.hourTypeCount = (this.hourTypeCount === 0 && this.hour && (parseInt(this.hour + '0', 10) > 12)) ? 2 : this.hourTypeCount + 1;
                 break;
             case 'H':
                 this.hour = (this.isHourPart && newDateValue.getHours().toString().length < 2 &&
@@ -14916,7 +14936,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
                 newDateValue.setHours(this.hour);
                 this.isNavigate = this.hour.toString().length === 2;
                 this.isHourPart = true;
-                this.hourTypeCount = this.hourTypeCount + 1;
+                this.hourTypeCount = (this.hourTypeCount === 0 && this.hour && (parseInt(this.hour + '0', 10) > 23)) ? 2 : this.hourTypeCount + 1;
                 break;
             case 'm':
                 {
@@ -14933,7 +14953,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
                     newDateValue.setMinutes(minutes);
                     this.isNavigate = minutes.toString().length === 2;
                     this.isMinutePart = true;
-                    this.minuteTypeCount = this.minuteTypeCount + 1;
+                    this.minuteTypeCount = (this.minuteTypeCount === 0 && (parseInt(minutes + '0', 10) > 59)) ? 2 : this.minuteTypeCount + 1;
                     break;
                 }
             case 's':
@@ -14951,7 +14971,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
                     newDateValue.setSeconds(seconds);
                     this.isNavigate = seconds.toString().length === 2;
                     this.isSecondsPart = true;
-                    this.secondTypeCount = this.secondTypeCount + 1;
+                    this.secondTypeCount = (this.secondTypeCount === 0 && (parseInt(seconds + '0', 10) > 59)) ? 2 : this.secondTypeCount + 1;
                     break;
                 }
             case 'a':