@syncfusion/ej2-calendars 28.2.11 → 29.1.33

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

@@ -4159,9 +4159,41 @@ let DatePicker = class DatePicker extends Calendar {
                 }
                 date = this.globalize.parseDate(this.getAmPmValue(this.inputElement.value), formatOptions);
             }
+            if ((isNullOrUndefined(date) || (typeof (date) === 'object' && isNaN(date.getTime())))
+                && !isNullOrUndefined(this.inputFormatsString)) {
+                for (const format of this.inputFormatsString) {
+                    let inputFormatOptions;
+                    if (this.calendarMode === 'Gregorian') {
+                        inputFormatOptions = { format: format, type: 'dateTime', skeleton: 'yMd' };
+                    }
+                    else {
+                        inputFormatOptions = { format: format, 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 (const format of this.inputFormatsString) {
+                    let inputFormatOptions;
+                    if (this.calendarMode === 'Gregorian') {
+                        inputFormatOptions = { format: format, type: 'dateTime', skeleton: 'yMd' };
+                    }
+                    else {
+                        inputFormatOptions = { format: format, 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))
@@ -4400,7 +4432,8 @@ let DatePicker = class DatePicker extends Calendar {
         }
         this.isKeyAction = false;
     }
-    navigatedEvent() {
+    navigatedEvent(eve) {
+        extend(this.navigatedArgs, { name: 'navigated', event: eve });
         this.trigger('navigated', this.navigatedArgs);
     }
     keyupHandler(e) {
@@ -4833,6 +4866,9 @@ let DatePicker = class DatePicker extends Calendar {
         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.preRender();
@@ -4905,6 +4941,36 @@ let DatePicker = class DatePicker extends Calendar {
             this.formatString = null;
         }
     }
+    checkInputFormats() {
+        const culture = new Internationalization(this.locale);
+        this.inputFormatsString = [];
+        if (this.inputFormats) {
+            for (const format of this.inputFormats) {
+                let formatString = '';
+                if (typeof format === 'string') {
+                    formatString = format;
+                }
+                else if (format.skeleton !== '' && !isNullOrUndefined(format.skeleton)) {
+                    const 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;
+        }
+    }
     checkHtmlAttributes(dynamic) {
         this.globalize = new Internationalization(this.locale);
         this.checkFormat();
@@ -5153,6 +5219,9 @@ let DatePicker = class DatePicker extends Calendar {
                         }
                     }
                     break;
+                case 'inputFormats':
+                    this.checkInputFormats();
+                    break;
                 case 'allowEdit':
                     this.setAllowEdit();
                     break;
@@ -5257,6 +5326,14 @@ let DatePicker = class DatePicker extends Calendar {
             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}
+     */
+    addDate(dates) {
+        // no code
+    }
 };
 __decorate$1([
     Property(null)
@@ -5273,6 +5350,9 @@ __decorate$1([
 __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);
@@ -10514,8 +10594,9 @@ let TimePicker = class TimePicker extends Component {
     popupCreation() {
         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)) {
@@ -13162,10 +13243,12 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
         }
         else {
             if (!this.readonly) {
-                this.dateTimeWrapper = createElement('div', {
+                const 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;
                 }
@@ -15277,6 +15360,11 @@ class MaskedDateTime {
         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;
     }
     destroy() {
         this.removeEventListener();