@syncfusion/ej2-calendars 21.2.8 → 21.2.10-11964

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

@@ -4,25 +4,25 @@ import { Input } from '@syncfusion/ej2-inputs';
 import { Button } from '@syncfusion/ej2-buttons';
 import { ListBase } from '@syncfusion/ej2-lists';
 
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /* eslint-disable @typescript-eslint/no-unused-expressions */
 //class constant defination.
 var OTHERMONTH = 'e-other-month';
@@ -66,7 +66,7 @@ var minutesMilliSeconds = 60000;
  *
  * @private
  */
-var CalendarBase = /** @__PURE__ @class */ (function (_super) {
+var CalendarBase = /** @class */ (function (_super) {
     __extends(CalendarBase, _super);
     /**
      * Initialized new instance of Calendar Class.
@@ -83,7 +83,6 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
         _this.isDateSelected = true;
         _this.isTodayClicked = false;
         _this.preventChange = false;
-        _this.isAngular = false;
         _this.previousDates = false;
         return _this;
     }
@@ -1601,10 +1600,10 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
      * @returns {string}
      */
     CalendarBase.prototype.currentView = function () {
-        if (this.contentElement.classList.contains(YEAR)) {
+        if (!isNullOrUndefined(this.contentElement) && this.contentElement.classList.contains(YEAR)) {
             return 'Year';
         }
-        else if (this.contentElement.classList.contains(DECADE)) {
+        else if (!isNullOrUndefined(this.contentElement) && this.contentElement.classList.contains(DECADE)) {
             return 'Decade';
         }
         else {
@@ -2051,7 +2050,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
  * </script>
  * ```
  */
-var Calendar = /** @__PURE__ @class */ (function (_super) {
+var Calendar = /** @class */ (function (_super) {
     __extends(Calendar, _super);
     /**
      * Initialized new instance of Calendar Class.
@@ -2627,7 +2626,7 @@ var CELL$1 = 'e-cell';
 var dayMilliSeconds$1 = 86400000;
 var minDecade = 2060;
 var maxDecade = 2069;
-var Islamic = /** @__PURE__ @class */ (function () {
+var Islamic = /** @class */ (function () {
     function Islamic(instance) {
         this.calendarInstance = instance;
     }
@@ -3165,25 +3164,25 @@ var Islamic = /** @__PURE__ @class */ (function () {
  * Calendar modules
  */
 
-var __extends$1 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends$1 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path='../calendar/calendar-model.d.ts'/>
 //class constant defination
@@ -3221,7 +3220,7 @@ var containerAttr = ['title', 'class', 'style'];
  * </script>
  * ```
  */
-var DatePicker = /** @__PURE__ @class */ (function (_super) {
+var DatePicker = /** @class */ (function (_super) {
     __extends$1(DatePicker, _super);
     /**
      * Constructor for creating the widget.
@@ -3238,12 +3237,13 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         _this.invalidValueString = null;
         _this.checkPreviousValue = null;
         _this.maskedDateValue = '';
-        _this.isAngular = false;
+        //protected isAngular: boolean = false;
         _this.preventChange = false;
         _this.isIconClicked = false;
         _this.isDynamicValueChanged = false;
         _this.moduleName = _this.getModuleName();
         _this.isFocused = false;
+        _this.isBlur = false;
         _this.datepickerOptions = options;
         return _this;
     }
@@ -3377,11 +3377,12 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         Input.addAttributes({ 'aria-label': 'select' }, this.inputWrapper.buttons[0]);
         addClass([this.inputWrapper.container], DATEWRAPPER);
     };
-    DatePicker.prototype.updateInput = function (isDynamic) {
+    DatePicker.prototype.updateInput = function (isDynamic, isBlur) {
         if (isDynamic === void 0) { isDynamic = false; }
+        if (isBlur === void 0) { isBlur = false; }
         var formatOptions;
         if (this.value && !this.isCalendar()) {
-            this.disabledDates(isDynamic);
+            this.disabledDates(isDynamic, isBlur);
         }
         if (isNaN(+new Date(this.checkValue(this.value)))) {
             this.setProperties({ value: null }, true);
@@ -3864,7 +3865,9 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             this.invalidValueString = null;
             this.updateInputValue('');
         }
-        this.updateInput();
+        this.isBlur = true;
+        this.updateInput(false, true);
+        this.isBlur = false;
         this.popupUpdate();
         this.changeTrigger(e);
         if (this.enableMask && this.maskedDateValue && this.placeholder && this.floatLabelType !== 'Always') {
@@ -4248,7 +4251,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         this.trigger('navigated', this.navigatedArgs);
     };
     DatePicker.prototype.changeEvent = function (event) {
-        if (!this.isIconClicked) {
+        if (!this.isIconClicked && !this.isBlur) {
             this.selectCalendar(event);
         }
         if (((this.previousDate && this.previousDate.valueOf()) !== (this.value && this.value.valueOf()))) {
@@ -4822,8 +4825,9 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
     DatePicker.prototype.getModuleName = function () {
         return 'datepicker';
     };
-    DatePicker.prototype.disabledDates = function (isDynamic) {
+    DatePicker.prototype.disabledDates = function (isDynamic, isBlur) {
         if (isDynamic === void 0) { isDynamic = false; }
+        if (isBlur === void 0) { isBlur = false; }
         var formatOptions;
         var globalize;
         var valueCopy = this.checkDateValue(this.value) ? new Date(+this.value) : new Date(this.checkValue(this.value));
@@ -4878,7 +4882,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             if (this.enableMask) {
                 this.updateInputValue(this.maskedDateValue);
                 this.notify('createMask', {
-                    module: 'MaskedDateTime'
+                    module: 'MaskedDateTime', isBlur: isBlur
                 });
             }
         }
@@ -5159,25 +5163,25 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
  * Datepicker modules
  */
 
-var __extends$2 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends$2 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path='../calendar/calendar-model.d.ts'/>
 var DATERANGEWRAPPER = 'e-date-range-wrapper';
@@ -5243,7 +5247,7 @@ var NONEDITABLE = 'e-non-edit';
 var DAYHEADERLONG$1 = 'e-daterange-day-header-lg';
 var HIDDENELEMENT = 'e-daterange-hidden';
 var wrapperAttr = ['title', 'class', 'style'];
-var Presets = /** @__PURE__ @class */ (function (_super) {
+var Presets = /** @class */ (function (_super) {
     __extends$2(Presets, _super);
     function Presets() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -5272,7 +5276,7 @@ var Presets = /** @__PURE__ @class */ (function (_super) {
  * </script>
  * ```
  */
-var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
+var DateRangePicker = /** @class */ (function (_super) {
     __extends$2(DateRangePicker, _super);
     /**
      * Constructor for creating the widget
@@ -5296,7 +5300,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         _this.preventBlur = false;
         _this.preventFocus = false;
         _this.invalidValueString = null;
-        _this.isAngular = false;
+        //protected isAngular: boolean = false;
         _this.preventChange = false;
         _this.dateRangeOptions = options;
         return _this;
@@ -6128,8 +6132,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 = new Date(range[0]);
-                    var end = new Date(range[1]);
+                    var start = this.globalize.parseDate(range[0], dateOptions);
+                    var end = this.globalize.parseDate(range[1], dateOptions);
                     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)) {
@@ -9678,25 +9682,25 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
  * DateRangePicker modules
  */
 
-var __extends$3 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends$3 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /* eslint-disable @typescript-eslint/no-explicit-any */
 var WRAPPERCLASS = 'e-time-wrapper';
 var POPUP$2 = 'e-popup';
@@ -9750,7 +9754,7 @@ var TimePickerBase;
     }
     TimePickerBase.createListItems = createListItems;
 })(TimePickerBase || (TimePickerBase = {}));
-var TimeMaskPlaceholder = /** @__PURE__ @class */ (function (_super) {
+var TimeMaskPlaceholder = /** @class */ (function (_super) {
     __extends$3(TimeMaskPlaceholder, _super);
     function TimeMaskPlaceholder() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -9789,7 +9793,7 @@ var TimeMaskPlaceholder = /** @__PURE__ @class */ (function (_super) {
  * </script>
  * ```
  */
-var TimePicker = /** @__PURE__ @class */ (function (_super) {
+var TimePicker = /** @class */ (function (_super) {
     __extends$3(TimePicker, _super);
     /**
      * Constructor for creating the widget
@@ -9804,7 +9808,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         _this.timeCollections = [];
         _this.disableItemCollection = [];
         _this.invalidValueString = null;
-        _this.isAngular = false;
+        //protected isAngular: boolean = false;
         _this.preventChange = false;
         _this.maskedDateValue = '';
         _this.moduleName = _this.getModuleName();
@@ -10806,9 +10810,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         if (this.isValidLI(li)) {
             this.checkValue(li.getAttribute('data-value'));
             if (this.enableMask) {
-                this.notify('createMask', {
-                    module: 'MaskedDateTime', navigated: true
-                });
+                this.createMask();
             }
             this.selectedElement = li;
             this.activeIndex = Array.prototype.slice.call(this.liCollections).indexOf(li);
@@ -12217,25 +12219,25 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
  * TimePicker modules
  */
 
-var __extends$4 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends$4 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
 ///<reference path='../datepicker/datepicker-model.d.ts'/>
 //class constant defination
@@ -12281,7 +12283,7 @@ var OVERFLOW$3 = 'e-time-overflow';
  * </script>
  * ```
  */
-var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
+var DateTimePicker = /** @class */ (function (_super) {
     __extends$4(DateTimePicker, _super);
     /**
      * Constructor for creating the widget
@@ -13825,7 +13827,7 @@ var TAB = 'Tab';
 var SHIFTTAB = 'shiftTab';
 var END = 'End';
 var HOME = 'Home';
-var MaskedDateTime = /** @__PURE__ @class */ (function () {
+var MaskedDateTime = /** @class */ (function () {
     function MaskedDateTime(parent) {
         this.mask = '';
         this.defaultConstant = {
@@ -13852,6 +13854,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.isComplete = false;
         this.isNavigate = false;
         this.navigated = false;
+        this.isBlur = false;
         this.formatRegex = /EEEEE|EEEE|EEE|EE|E|dddd|ddd|dd|d|MMMM|MMM|MM|M|yyyy|yy|y|HH|H|hh|h|mm|m|fff|ff|f|aa|a|ss|s|zzzz|zzz|zz|z|'[^']*'|'[^']*'/g;
         this.isDeletion = false;
         this.isShortYear = false;
@@ -13898,8 +13901,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.parent.off('keyDownHandler', this.maskKeydownHandler);
         this.parent.off('clearHandler', this.clearHandler);
     };
-    MaskedDateTime.prototype.createMask = function (navigated) {
-        if (navigated === void 0) { navigated = false; }
+    MaskedDateTime.prototype.createMask = function (mask) {
         this.isDayPart = this.isMonthPart = this.isYearPart = this.isHourPart = this.isMinutePart = this.isSecondsPart = false;
         this.dateformat = this.getCulturedFormat();
         if (this.parent.maskPlaceholder.day) {
@@ -13932,7 +13934,8 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.mask = this.previousValue = inputValue;
         this.parent.maskedDateValue = this.mask;
         if (this.parent.value) {
-            this.navigated = navigated;
+            this.navigated = true;
+            this.isBlur = mask.isBlur;
             this.setDynamicValue();
         }
     };
@@ -13961,7 +13964,9 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.maskDateValue = new Date(+this.parent.value);
         this.isDayPart = this.isMonthPart = this.isYearPart = this.isHourPart = this.isMinutePart = this.isSecondsPart = true;
         this.updateValue();
-        this.validCharacterCheck();
+        if (!this.isBlur) {
+            this.validCharacterCheck();
+        }
     };
     MaskedDateTime.prototype.setSelection = function (validChar) {
         var start = -1;