@syncfusion/ej2-calendars 28.2.9 → 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);
@@ -6373,7 +6453,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         this.updateHiddenInput();
     }
     getStartEndDate(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)) {
@@ -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)) {
@@ -11122,8 +11203,9 @@ let TimePicker = class TimePicker extends Component {
         }
         else {
             if (!isNavigation) {
-                if ((this.prevValue !== this.inputElement.value) || isNullOrUndefined(this.checkDateValue(this.value))) {
-                    this.valueProcess(event, this.compareFormatChange(this.inputElement.value));
+                const value = this.compareFormatChange(this.inputElement.value);
+                if ((+this.prevDate !== +value) || isNullOrUndefined(this.checkDateValue(this.value))) {
+                    this.valueProcess(event, value);
                 }
             }
             else {
@@ -13161,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;
                 }
@@ -14399,7 +14483,7 @@ class MaskedDateTime {
         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;
@@ -14894,9 +14978,11 @@ class MaskedDateTime {
                 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':
@@ -15274,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();