@syncfusion/ej2-calendars 28.2.9 → 29.1.33

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

@@ -4202,9 +4202,43 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                 }
                 date = this.globalize.parseDate(this.getAmPmValue(this.inputElement.value), formatOptions);
             }
+            if ((isNullOrUndefined(date) || (typeof (date) === 'object' && isNaN(date.getTime())))
+                && !isNullOrUndefined(this.inputFormatsString)) {
+                for (var _i = 0, _a = this.inputFormatsString; _i < _a.length; _i++) {
+                    var format_1 = _a[_i];
+                    var inputFormatOptions = void 0;
+                    if (this.calendarMode === 'Gregorian') {
+                        inputFormatOptions = { format: format_1, type: 'dateTime', skeleton: 'yMd' };
+                    }
+                    else {
+                        inputFormatOptions = { format: format_1, type: 'dateTime', skeleton: 'yMd', calendar: 'islamic' };
+                    }
+                    date = this.globalize.parseDate(this.getAmPmValue(this.inputElement.value), inputFormatOptions);
+                    if (!isNullOrUndefined(date) && date instanceof Date && !isNaN(date.getTime())) {
+                        break;
+                    }
+                }
+            }
         }
         else {
             date = this.globalize.parseDate(this.getAmPmValue(this.inputElement.value), dateOptions);
+            if ((isNullOrUndefined(date) || (typeof (date) === 'object' && isNaN(date.getTime())))
+                && !isNullOrUndefined(this.inputFormatsString)) {
+                for (var _b = 0, _c = this.inputFormatsString; _b < _c.length; _b++) {
+                    var format_2 = _c[_b];
+                    var inputFormatOptions = void 0;
+                    if (this.calendarMode === 'Gregorian') {
+                        inputFormatOptions = { format: format_2, type: 'dateTime', skeleton: 'yMd' };
+                    }
+                    else {
+                        inputFormatOptions = { format: format_2, type: 'dateTime', skeleton: 'yMd', calendar: 'islamic' };
+                    }
+                    date = this.globalize.parseDate(this.getAmPmValue(this.inputElement.value), inputFormatOptions);
+                    if (!isNullOrUndefined(date) && date instanceof Date && !isNaN(date.getTime())) {
+                        break;
+                    }
+                }
+            }
             date = (!isNullOrUndefined(date) && isNaN(+date)) ? null : date;
             if (!isNullOrUndefined(this.formatString) && this.inputElement.value !== '' && this.strictMode) {
                 if ((this.isPopupClicked || (!this.isPopupClicked && this.inputElement.value === this.previousElementValue))
@@ -4444,7 +4478,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         }
         this.isKeyAction = false;
     };
-    DatePicker.prototype.navigatedEvent = function () {
+    DatePicker.prototype.navigatedEvent = function (eve) {
+        extend(this.navigatedArgs, { name: 'navigated', event: eve });
         this.trigger('navigated', this.navigatedArgs);
     };
     DatePicker.prototype.keyupHandler = function (e) {
@@ -4879,6 +4914,9 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         this.updateHtmlAttributeToElement();
         this.defaultKeyConfigs = this.getDefaultKeyConfig();
         this.checkHtmlAttributes(false);
+        if (this.inputFormats) {
+            this.checkInputFormats();
+        }
         this.tabIndex = this.element.hasAttribute('tabindex') ? this.element.getAttribute('tabindex') : '0';
         this.element.removeAttribute('tabindex');
         _super.prototype.preRender.call(this);
@@ -4951,6 +4989,37 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             this.formatString = null;
         }
     };
+    DatePicker.prototype.checkInputFormats = function () {
+        var culture = new Internationalization(this.locale);
+        this.inputFormatsString = [];
+        if (this.inputFormats) {
+            for (var _i = 0, _a = this.inputFormats; _i < _a.length; _i++) {
+                var format = _a[_i];
+                var formatString = '';
+                if (typeof format === 'string') {
+                    formatString = format;
+                }
+                else if (format.skeleton !== '' && !isNullOrUndefined(format.skeleton)) {
+                    var skeletonString = format.skeleton;
+                    if (this.getModuleName() === 'datetimepicker') {
+                        formatString = culture.getDatePattern({ skeleton: skeletonString, type: 'dateTime' });
+                    }
+                    else {
+                        formatString = culture.getDatePattern({ skeleton: skeletonString, type: 'date' });
+                    }
+                }
+                if (formatString) {
+                    this.inputFormatsString.push(formatString);
+                }
+            }
+            if (this.inputFormatsString.length === 0) {
+                this.inputFormatsString = null;
+            }
+        }
+        else {
+            this.inputFormatsString = null;
+        }
+    };
     DatePicker.prototype.checkHtmlAttributes = function (dynamic) {
         this.globalize = new Internationalization(this.locale);
         this.checkFormat();
@@ -5203,6 +5272,9 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                         }
                     }
                     break;
+                case 'inputFormats':
+                    this.checkInputFormats();
+                    break;
                 case 'allowEdit':
                     this.setAllowEdit();
                     break;
@@ -5307,6 +5379,14 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             this.isDynamicValueChanged = false;
         }
     };
+    /**
+     * @private
+     * @param {Date | Date[]} dates - Specifies the date or dates to be added to the values property of the Calendar.
+     * @returns {void}
+     */
+    DatePicker.prototype.addDate = function (dates) {
+        // no code
+    };
     __decorate$1([
         Property(null)
     ], DatePicker.prototype, "width", void 0);
@@ -5322,6 +5402,9 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
     __decorate$1([
         Property(null)
     ], DatePicker.prototype, "format", void 0);
+    __decorate$1([
+        Property(null)
+    ], DatePicker.prototype, "inputFormats", void 0);
     __decorate$1([
         Property(true)
     ], DatePicker.prototype, "enabled", void 0);
@@ -6449,7 +6532,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         this.updateHiddenInput();
     };
     DateRangePicker.prototype.getStartEndDate = function (date, isEnd) {
-        if (this.currentView() === 'Year' && !isNullOrUndefined(date)) {
+        if ((this.currentView() === 'Year' && !isNullOrUndefined(date)) || this.depth === 'Year') {
             return new Date(date.getFullYear(), date.getMonth() + (isEnd ? 1 : 0), isEnd ? 0 : 1);
         }
         else if (this.currentView() === 'Decade' && !isNullOrUndefined(date)) {
@@ -10632,8 +10715,9 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
     TimePicker.prototype.popupCreation = function () {
         this.popupWrapper = this.createElement('div', {
             className: ROOT$3 + ' ' + POPUP$2,
-            attrs: { 'id': this.element.id + '_popup', 'style': 'visibility:hidden' }
+            attrs: { 'id': this.element.id + '_popup' }
         });
+        this.popupWrapper.style.visibility = 'hidden';
         this.popupWrapper.setAttribute('aria-label', this.element.id);
         this.popupWrapper.setAttribute('role', 'dialog');
         if (!isNullOrUndefined(this.cssClass)) {
@@ -11244,8 +11328,9 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         }
         else {
             if (!isNavigation) {
-                if ((this.prevValue !== this.inputElement.value) || isNullOrUndefined(this.checkDateValue(this.value))) {
-                    this.valueProcess(event, this.compareFormatChange(this.inputElement.value));
+                var value = this.compareFormatChange(this.inputElement.value);
+                if ((+this.prevDate !== +value) || isNullOrUndefined(this.checkDateValue(this.value))) {
+                    this.valueProcess(event, value);
                 }
             }
             else {
@@ -13304,10 +13389,12 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
         }
         else {
             if (!this.readonly) {
-                this.dateTimeWrapper = createElement('div', {
+                var dateTimeWrapperElement = createElement('div', {
                     className: ROOT$4 + ' ' + POPUP$3,
-                    attrs: { 'id': this.element.id + '_timepopup', 'style': 'visibility:hidden ; display:block' }
+                    attrs: { 'id': this.element.id + '_timepopup' }
                 });
+                dateTimeWrapperElement.style.cssText = 'visibility: hidden; display: block;';
+                this.dateTimeWrapper = dateTimeWrapperElement;
                 if (!isNullOrUndefined(this.cssClass)) {
                     this.dateTimeWrapper.className += ' ' + this.cssClass;
                 }
@@ -14548,7 +14635,7 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         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|yyy|yy|y|HH|H|hh|h|mm|m|fff|ff|f|aa|a|ss|s|zzzz|zzz|zz|z|'[^']*'|'[^']*'/g;
+        this.formatRegex = /EEEEE|EEEE|EEE|EE|E|cccc|ccc|dddd|ddd|dd|d|MMMM|MMM|MM|M|yyyy|yyy|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;
         this.isDeleteKey = false;
@@ -15044,9 +15131,11 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
                 case 'E':
                 case 'EE':
                 case 'EEE':
+                case 'ccc':
                     result = proxy.isDayPart && proxy.isMonthPart && proxy.isYearPart ? daysAbbreviated[dayKeyAbbreviated[proxy.maskDateValue.getDay()]].toString() : proxy.defaultConstant['dayOfTheWeek'].toString();
                     break;
                 case 'EEEE':
+                case 'cccc':
                     result = proxy.isDayPart && proxy.isMonthPart && proxy.isYearPart ? daysWide[dayKeyWide[proxy.maskDateValue.getDay()]].toString() : proxy.defaultConstant['dayOfTheWeek'].toString();
                     break;
                 case 'EEEEE':
@@ -15424,6 +15513,11 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.previousHiddenMask = this.hiddenMask;
         this.previousValue = inputValue;
         this.parent.updateInputValue(inputValue);
+        if (this.parent.strictMode && (this.dayTypeCount !== 0 || this.monthTypeCount !== 0)) {
+            this.isLeadingZero = false;
+        }
+        this.dayTypeCount = 0;
+        this.monthTypeCount = 0;
     };
     MaskedDateTime.prototype.destroy = function () {
         this.removeEventListener();