@syncfusion/ej2-calendars 27.1.48 → 27.1.51

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

@@ -499,22 +499,19 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
         this.effect = '';
         switch (e.action) {
             case 'moveLeft':
-                if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
-                    e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
+                if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target)) {
                     this.keyboardNavigate(-1, view, e, this.max, this.min);
                     e.preventDefault();
                 }
                 break;
             case 'moveRight':
-                if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
-                    e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
+                if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target)) {
                     this.keyboardNavigate(1, view, e, this.max, this.min);
                     e.preventDefault();
                 }
                 break;
             case 'moveUp':
-                if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
-                    e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
+                if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target)) {
                     if (view === 0) {
                         this.keyboardNavigate(-7, view, e, this.max, this.min); // move the current date to the previous seven days.
                     }
@@ -525,8 +522,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
                 }
                 break;
             case 'moveDown':
-                if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
-                    e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
+                if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target)) {
                     if (view === 0) {
                         this.keyboardNavigate(7, view, e, this.max, this.min);
                     }
@@ -1056,7 +1052,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
         return this.createElement('td', attrs);
     };
     CalendarBase.prototype.firstDay = function (date) {
-        var collection = this.currentView() !== 'Decade' ? this.tableBodyElement.querySelectorAll('td' + ':not(.' + OTHERMONTH + '') :
+        var collection = this.currentView() !== 'Decade' ? this.tableBodyElement.querySelectorAll('td:not(.' + OTHERMONTH + '):not(.' + WEEKNUMBER + ')') :
             this.tableBodyElement.querySelectorAll('td' + ':not(.' + OTHERDECADE + '');
         if (collection.length) {
             for (var i = 0; i < collection.length; i++) {
@@ -1087,7 +1083,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
     };
     CalendarBase.prototype.findLastDay = function (date) {
         var collection = this.currentView() === 'Decade' ? this.tableBodyElement.querySelectorAll('td' + ':not(.' + OTHERDECADE + '') :
-            this.tableBodyElement.querySelectorAll('td' + ':not(.' + OTHERMONTH + '');
+            this.tableBodyElement.querySelectorAll('td:not(.' + OTHERMONTH + '):not(.' + WEEKNUMBER + ')');
         if (collection.length) {
             for (var i = collection.length - 1; i >= 0; i--) {
                 if (!collection[i].classList.contains(DISABLED)) {
@@ -3588,9 +3584,9 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                 formatOptions = { format: this.formatString, type: 'dateTime', skeleton: 'yMd', calendar: 'islamic' };
             }
         }
-        returnDate = this.checkDateValue(this.globalize.parseDate(val, formatOptions));
+        returnDate = this.checkDateValue(this.globalize.parseDate(this.getAmPmValue(val), formatOptions));
         if (isNullOrUndefined(returnDate) && (this.getModuleName() === 'datetimepicker')) {
-            returnDate = this.checkDateValue(this.globalize.parseDate(val, formatDateTime));
+            returnDate = this.checkDateValue(this.globalize.parseDate(this.getAmPmValue(val), formatDateTime));
         }
         return returnDate;
     };
@@ -3704,9 +3700,10 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             case 'ArrowDown':
             case 'Home':
             case 'End':
+            case 'Backspace':
             case 'Delete':
                 if (this.enableMask && !this.popupObj && !this.readonly) {
-                    if (e.code !== 'Delete') {
+                    if (e.code !== 'Delete' && e.code !== 'Backspace') {
                         e.preventDefault();
                     }
                     this.notify('keyDownHandler', {
@@ -4183,9 +4180,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             this.inputElement.value = this.inputElement.value.trim();
         }
         if ((this.getModuleName() === 'datetimepicker')) {
-            if (this.checkDateValue(this.globalize.parseDate(this.inputElement.value, dateOptions))) {
-                var modifiedValue = this.inputElement.value.replace(/(am|pm|Am|aM|pM|Pm)/g, function (match) { return match.toLocaleUpperCase(); });
-                date = this.globalize.parseDate(modifiedValue, dateOptions);
+            if (this.checkDateValue(this.globalize.parseDate(this.getAmPmValue(this.inputElement.value), dateOptions))) {
+                date = this.globalize.parseDate(this.getAmPmValue(this.inputElement.value), dateOptions);
             }
             else {
                 if (this.calendarMode === 'Gregorian') {
@@ -4194,11 +4190,11 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                 else {
                     formatOptions = { format: format, type: 'dateTime', skeleton: 'yMd', calendar: 'islamic' };
                 }
-                date = this.globalize.parseDate(this.inputElement.value, formatOptions);
+                date = this.globalize.parseDate(this.getAmPmValue(this.inputElement.value), formatOptions);
             }
         }
         else {
-            date = this.globalize.parseDate(this.inputElement.value, dateOptions);
+            date = this.globalize.parseDate(this.getAmPmValue(this.inputElement.value), dateOptions);
             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))
@@ -4308,6 +4304,20 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
         this.popupObj.element.className += ' ' + this.cssClass;
         this.setAriaAttributes();
     };
+    DatePicker.prototype.getAmPmValue = function (date) {
+        try {
+            if (typeof date === 'string' && date.trim() !== '') {
+                // Replace am/pm variants with uppercase AM/PM
+                return date.replace(/(am|pm|Am|aM|pM|Pm)/g, function (match) { return match.toLocaleUpperCase(); });
+            }
+            // If date is null, undefined, or an empty string, return a default value or empty string
+            return '';
+        }
+        catch (error) {
+            console.error('Error occurred while processing date:', error);
+            return ''; // Return a default value in case of an error
+        }
+    };
     DatePicker.prototype.CalendarSwipeHandler = function (e) {
         var direction = 0;
         if (this.iconRight) {
@@ -4990,19 +5000,19 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                     case 'value':
                         if (((isNullOrUndefined(this.datepickerOptions) || (this.datepickerOptions['value'] === undefined)) || dynamic)) {
                             var value = this.inputElement.getAttribute(prop);
-                            this.setProperties(setValue(prop, this.globalize.parseDate(value, options), {}), !dynamic);
+                            this.setProperties(setValue(prop, this.globalize.parseDate(this.getAmPmValue(value), options), {}), !dynamic);
                         }
                         break;
                     case 'min':
                         if ((+this.min === +new Date(1900, 0, 1)) || dynamic) {
                             var min = this.inputElement.getAttribute(prop);
-                            this.setProperties(setValue(prop, this.globalize.parseDate(min, options), {}), !dynamic);
+                            this.setProperties(setValue(prop, this.globalize.parseDate(this.getAmPmValue(min), options), {}), !dynamic);
                         }
                         break;
                     case 'max':
                         if ((+this.max === +new Date(2099, 11, 31)) || dynamic) {
                             var max = this.inputElement.getAttribute(prop);
-                            this.setProperties(setValue(prop, this.globalize.parseDate(max, options), {}), !dynamic);
+                            this.setProperties(setValue(prop, this.globalize.parseDate(this.getAmPmValue(max), options), {}), !dynamic);
                         }
                         break;
                     case 'type':
@@ -5905,10 +5915,10 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         if (this.firstHiddenChild && this.secondHiddenChild) {
             var format = { format: this.formatString, type: 'datetime', skeleton: 'yMd' };
             if (typeof this.startDate === 'string') {
-                this.startDate = this.globalize.parseDate(this.startDate, format);
+                this.startDate = this.globalize.parseDate(this.getAmPmValue(this.startDate), format);
             }
             if (typeof this.endDate === 'string') {
-                this.endDate = this.globalize.parseDate(this.endDate, format);
+                this.endDate = this.globalize.parseDate(this.getAmPmValue(this.endDate), format);
             }
             this.firstHiddenChild.value = (this.startDate && this.globalize.formatDate(this.startDate, format))
                 || (this.inputElement.value);
@@ -6084,7 +6094,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                         break;
                     case 'min':
                         if ((isNullOrUndefined(this.min) || +this.min === +new Date(1900, 0, 1)) || isDynamic) {
-                            var dateValue = this.globalize.parseDate(this.inputElement.getAttribute(prop), format);
+                            var dateValue = this.globalize.parseDate(this.getAmPmValue(this.inputElement.getAttribute(prop)), format);
                             this.setProperties(setValue(prop, dateValue, {}), !isDynamic);
                         }
                         break;
@@ -6093,20 +6103,20 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                         break;
                     case 'max':
                         if ((isNullOrUndefined(this.max) || +this.max === +new Date(2099, 11, 31)) || isDynamic) {
-                            var dateValue = this.globalize.parseDate(this.inputElement.getAttribute(prop), format);
+                            var dateValue = this.globalize.parseDate(this.getAmPmValue(this.inputElement.getAttribute(prop)), format);
                             this.setProperties(setValue(prop, dateValue, {}), !isDynamic);
                         }
                         break;
                     case 'startDate':
                         if (isNullOrUndefined(this.startDate)) {
-                            var dateValue = this.globalize.parseDate(this.inputElement.getAttribute(prop), format);
+                            var dateValue = this.globalize.parseDate(this.getAmPmValue(this.inputElement.getAttribute(prop)), format);
                             this.startValue = dateValue;
                             this.setValue();
                         }
                         break;
                     case 'endDate':
                         if (isNullOrUndefined(this.endDate)) {
-                            var dateValue = this.globalize.parseDate(this.inputElement.getAttribute(prop), format);
+                            var dateValue = this.globalize.parseDate(this.getAmPmValue(this.inputElement.getAttribute(prop)), format);
                             this.endValue = dateValue;
                             this.setValue();
                         }
@@ -6341,8 +6351,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(range[0], dateOptions);
-                    var end = this.globalize.parseDate(range[1], dateOptions);
+                    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);
                     if (!isNullOrUndefined(startDate) && !isNaN(+startDate) && !isNullOrUndefined(endDate) && !isNaN(+endDate)) {
@@ -6418,7 +6428,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
     };
     DateRangePicker.prototype.getStartEndDate = function (date, isEnd, range, dateOptions) {
         if (this.depth === 'Month') {
-            return this.globalize.parseDate(range[isEnd ? 1 : 0].trim(), dateOptions);
+            return this.globalize.parseDate(this.getAmPmValue(range[isEnd ? 1 : 0]).trim(), dateOptions);
         }
         else if (this.depth === 'Year' && !isNullOrUndefined(date)) {
             return new Date(date.getFullYear(), date.getMonth() + (isEnd ? 1 : 0), isEnd ? 0 : 1);
@@ -9629,6 +9639,20 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
             this.updateHeader();
         }
     };
+    DateRangePicker.prototype.getAmPmValue = function (date) {
+        try {
+            if (typeof date === 'string' && date.trim() !== '') {
+                // Replace am/pm variants with uppercase AM/PM
+                return date.replace(/(am|pm|Am|aM|pM|Pm)/g, function (match) { return match.toLocaleUpperCase(); });
+            }
+            // If date is null, undefined, or an empty string, return a default value or empty string
+            return '';
+        }
+        catch (error) {
+            console.error('Error occurred while processing date:', error);
+            return ''; // Return a default value in case of an error
+        }
+    };
     DateRangePicker.prototype.getStartEndValue = function (date, isEnd) {
         if (this.depth === 'Month') {
             return this.checkDateValue(new Date(this.checkValue(date)));
@@ -9729,7 +9753,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'startDate':
                     if (typeof newProp.startDate === 'string') {
-                        newProp.startDate = this.globalize.parseDate(newProp.startDate, format);
+                        newProp.startDate = this.globalize.parseDate(this.getAmPmValue(newProp.startDate), format);
                     }
                     if (+this.initStartDate !== +newProp.startDate) {
                         this.startValue = this.getStartEndValue(newProp.startDate, false);
@@ -9739,7 +9763,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'endDate':
                     if (typeof newProp.endDate === 'string') {
-                        newProp.endDate = this.globalize.parseDate(newProp.endDate, format);
+                        newProp.endDate = this.globalize.parseDate(this.getAmPmValue(newProp.endDate), format);
                     }
                     if (+this.initEndDate !== +newProp.endDate) {
                         this.endValue = this.getStartEndValue(newProp.endDate, true);
@@ -10400,18 +10424,18 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
                 if (!(/^[a-zA-Z0-9- ]*$/).test(value)) {
                     valueExpression = this.setCurrentDate(this.getDateObject(value));
                     if (isNullOrUndefined(valueExpression)) {
-                        valueExpression = this.checkDateValue(this.globalize.parseDate(valueString, {
+                        valueExpression = this.checkDateValue(this.globalize.parseDate(this.getAmPmValue(valueString), {
                             format: this.getCldrDateTimeFormat(), type: 'datetime'
                         }));
                         if (isNullOrUndefined(valueExpression)) {
-                            valueExpression = this.checkDateValue(this.globalize.parseDate(valueString, {
+                            valueExpression = this.checkDateValue(this.globalize.parseDate(this.getAmPmValue(valueString), {
                                 format: this.formatString, type: 'dateTime', skeleton: 'yMd'
                             }));
                         }
                     }
                 }
             }
-            valueExp = this.globalize.parseDate(valueString, {
+            valueExp = this.globalize.parseDate(this.getAmPmValue(valueString), {
                 format: this.getCldrDateTimeFormat(), type: 'datetime'
             });
             valueExpression = (!isNullOrUndefined(valueExp) && valueExp instanceof Date && !isNaN(+valueExp)) ? valueExp : null;
@@ -10450,6 +10474,20 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         }
         return modules;
     };
+    TimePicker.prototype.getAmPmValue = function (date) {
+        try {
+            if (typeof date === 'string' && date.trim() !== '') {
+                // Replace am/pm variants with uppercase AM/PM
+                return date.replace(/(am|pm|Am|aM|pM|Pm)/g, function (match) { return match.toLocaleUpperCase(); });
+            }
+            // If date is null, undefined, or an empty string, return a default value or empty string
+            return '';
+        }
+        catch (error) {
+            console.error('Error occurred while processing date:', error);
+            return ''; // Return a default value in case of an error
+        }
+    };
     TimePicker.prototype.cldrFormat = function (type) {
         var cldrDateTimeString;
         if (this.locale === 'en' || this.locale === 'en-US') {
@@ -11955,10 +11993,10 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
     };
     TimePicker.prototype.timeParse = function (today, val) {
         var value;
-        value = this.globalize.parseDate(today + ' ' + val, {
+        value = this.globalize.parseDate(this.getAmPmValue(today + ' ' + val), {
             format: this.cldrDateFormat() + ' ' + this.cldrTimeFormat(), type: 'datetime'
         });
-        value = isNullOrUndefined(value) ? this.globalize.parseDate(today + ' ' + val, {
+        value = isNullOrUndefined(value) ? this.globalize.parseDate(this.getAmPmValue(today + ' ' + val), {
             format: this.cldrDateFormat() + ' ' + this.dateToNumeric(), type: 'datetime'
         }) : value;
         value = isNullOrUndefined(value) ? value : new Date(value.setMilliseconds(0));
@@ -13161,12 +13199,12 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
             if (this.dateFormatString === '') {
                 this.dateFormatString = this.cldrDateTimeFormat();
             }
-            dateObject = this.globalize.parseDate(this.inputElement.value, {
+            dateObject = this.globalize.parseDate(this.getAmPmValue(this.inputElement.value), {
                 format: this.dateFormatString, type: 'datetime'
             });
         }
         else {
-            dateObject = this.globalize.parseDate(this.inputElement.value, {
+            dateObject = this.globalize.parseDate(this.getAmPmValue(this.inputElement.value), {
                 format: this.cldrDateTimeFormat(), type: 'datetime', calendar: 'islamic'
             });
         }
@@ -14578,6 +14616,32 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
         this.parent.inputElement.setSelectionRange(start, end);
     };
     MaskedDateTime.prototype.maskKeydownHandler = function (args) {
+        if (args.e.key === 'Backspace') {
+            var start = this.parent.inputElement.selectionStart;
+            var formatText = '';
+            if (this.validCharacters.indexOf(this.hiddenMask[start]) !== -1) {
+                formatText = this.hiddenMask[start];
+            }
+            switch (formatText) {
+                case 'd':
+                    this.dayTypeCount = Math.max(this.dayTypeCount - 1, 0);
+                    break;
+                case 'M':
+                    this.monthTypeCount = Math.max(this.monthTypeCount - 1, 0);
+                    break;
+                case 'H':
+                case 'h':
+                    this.hourTypeCount = Math.max(this.hourTypeCount - 1, 0);
+                    break;
+                case 'm':
+                    this.minuteTypeCount = Math.max(this.minuteTypeCount - 1, 0);
+                    break;
+                case 's':
+                    this.secondTypeCount = Math.max(this.secondTypeCount - 1, 0);
+                    break;
+            }
+            return;
+        }
         this.dayTypeCount = this.monthTypeCount = this.hourTypeCount = this.minuteTypeCount = this.secondTypeCount = 0;
         if (args.e.key === 'Delete') {
             this.isDeleteKey = true;