@syncfusion/ej2-calendars 24.2.5 → 24.2.9

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

@@ -19,7 +19,7 @@ const DEVICE = 'e-device';
 const HEADER = 'e-header';
 const RTL = 'e-rtl';
 const CONTENT = 'e-content';
-const CONTENTTABLE = 'e-content-table';
+const CONTENTTABLE = 'e-calandar-content-table';
 const YEAR = 'e-year';
 const MONTH = 'e-month';
 const DECADE = 'e-decade';
@@ -481,19 +481,19 @@ let CalendarBase = class CalendarBase extends Component {
         this.effect = '';
         switch (e.action) {
             case 'moveLeft':
-                if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains('e-content-table')) {
+                if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
                     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('e-content-table')) {
+                if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
                     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('e-content-table')) {
+                if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
                     if (view === 0) {
                         this.keyboardNavigate(-7, view, e, this.max, this.min); // move the current date to the previous seven days.
                     }
@@ -504,7 +504,7 @@ let CalendarBase = class CalendarBase extends Component {
                 }
                 break;
             case 'moveDown':
-                if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains('e-content-table')) {
+                if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
                     if (view === 0) {
                         this.keyboardNavigate(7, view, e, this.max, this.min);
                     }
@@ -4121,7 +4121,8 @@ let DatePicker = class DatePicker extends Calendar {
         }
         if ((this.getModuleName() === 'datetimepicker')) {
             if (this.checkDateValue(this.globalize.parseDate(this.inputElement.value, dateOptions))) {
-                date = this.globalize.parseDate(this.inputElement.value.toLocaleUpperCase(), dateOptions);
+                const modifiedValue = this.inputElement.value.replace(/(am|pm|Am|aM|pM|Pm)/g, (match) => match.toLocaleUpperCase());
+                date = this.globalize.parseDate(modifiedValue, dateOptions);
             }
             else {
                 if (this.calendarMode === 'Gregorian') {
@@ -5407,7 +5408,6 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         this.invalidValueString = null;
         this.isAngular = false;
         this.preventChange = false;
-        this.isKeyPressed = false;
         this.dateRangeOptions = options;
     }
     /**
@@ -5758,7 +5758,6 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         EventHandler.add(this.inputElement, 'focus', this.inputFocusHandler, this);
         EventHandler.add(this.inputElement, 'blur', this.inputBlurHandler, this);
         EventHandler.add(this.inputElement, 'change', this.inputChangeHandler, this);
-        EventHandler.add(this.inputElement, 'keyup', this.keyupHandler, this);
         if (this.showClearButton && this.inputWrapper.clearButton) {
             EventHandler.add(this.inputWrapper.clearButton, 'mousedown', this.resetHandler, this);
         }
@@ -5785,7 +5784,6 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         EventHandler.remove(this.inputElement, 'blur', this.inputBlurHandler);
         EventHandler.remove(this.inputElement, 'focus', this.inputFocusHandler);
         EventHandler.remove(this.inputElement, 'change', this.inputChangeHandler);
-        EventHandler.remove(this.inputElement, 'keyup', this.keyupHandler);
         if (this.showClearButton && this.inputWrapper.clearButton) {
             EventHandler.remove(this.inputWrapper.clearButton, 'mousedown touchstart', this.resetHandler);
         }
@@ -6039,8 +6037,8 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
             const startDate = this.presetsItem[i].start;
             const endDate = this.presetsItem[i].end;
             if (this.startValue && this.endValue) {
-                if ((+new Date(startDate.setHours(0, 0, 0, 0)) === +new Date(this.startValue.setHours(0, 0, 0, 0))) &&
-                    (+new Date(endDate.setHours(0, 0, 0, 0)) === +new Date(this.endValue.setHours(0, 0, 0, 0)))) {
+                if (startDate.getDate() == this.startValue.getDate() && startDate.getMonth() == this.startValue.getMonth() && startDate.getFullYear() == this.startValue.getFullYear()
+                    && endDate.getDate() == this.endValue.getDate() && endDate.getMonth() == this.endValue.getMonth() && endDate.getFullYear() == this.endValue.getFullYear()) {
                     this.activeIndex = i;
                     this.isCustomRange = false;
                 }
@@ -8004,9 +8002,6 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
             this.startButton.element.classList.add(ACTIVE$1);
         }
     }
-    keyupHandler(e) {
-        this.isKeyPressed = (this.inputElement.value !== this.previousEleValue) ? true : false;
-    }
     applyFunction(eve) {
         let isValueChanged = false;
         if (eve.type !== 'touchstart') {
@@ -8029,13 +8024,15 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
             eve.preventDefault();
         }
         if (!isNullOrUndefined(this.startValue) && !isNullOrUndefined(this.endValue)) {
+            if (!(this.previousStartValue && this.previousEndValue && this.startValue.getDate() == this.previousStartValue.getDate() && this.startValue.getMonth() == this.previousStartValue.getMonth() &&
+                this.startValue.getFullYear() == this.previousStartValue.getFullYear()
+                && this.endValue.getDate() == this.previousEndValue.getDate() && this.endValue.getMonth() == this.previousEndValue.getMonth()
+                && this.endValue.getFullYear() == this.previousEndValue.getFullYear())) {
+                Input.setValue(this.rangeArgs(eve).text, this.inputElement, this.floatLabelType, this.showClearButton);
+            }
             this.previousStartValue = new Date(+this.startValue);
             this.previousEndValue = new Date(+this.endValue);
             this.previousEleValue = this.inputElement.value;
-            if (!this.isKeyPressed) {
-                Input.setValue(this.rangeArgs(eve).text, this.inputElement, this.floatLabelType, this.showClearButton);
-            }
-            this.isKeyPressed = false;
             if (+this.initStartDate !== +this.startValue || +this.initEndDate !== +this.endValue) {
                 isValueChanged = true;
             }
@@ -11908,10 +11905,6 @@ let TimePicker = class TimePicker extends Component {
             }
         }
         removeClass([this.inputWrapper.container], [FOCUS]);
-        const blurArguments = {
-            model: this
-        };
-        this.trigger('blur', blurArguments);
         if (this.getText() !== this.inputElement.value) {
             this.updateValue((this.inputElement).value, e);
         }
@@ -11923,6 +11916,10 @@ let TimePicker = class TimePicker extends Component {
         if (this.inputElement.value === '') {
             this.invalidValueString = null;
         }
+        const blurArguments = {
+            model: this
+        };
+        this.trigger('blur', blurArguments);
     }
     /**
      * Focuses out the TimePicker textbox element.
@@ -14455,6 +14452,7 @@ class MaskedDateTime {
                 {
                     let year = (this.isYearPart && (newDateValue.getFullYear().toString().length < 4
                         && !this.isShortYear) ? newDateValue.getFullYear() * 10 : 0) + parseInt(newVal[start - 1], 10);
+                    let yearValue = (this.dateformat.match(/y/g) || []).length;
                     this.isShortYear = false;
                     this.isYearZero = (newVal[start - 1] === '0');
                     if (isNaN(year)) {
@@ -14468,7 +14466,7 @@ class MaskedDateTime {
                     }
                     else {
                         newDateValue.setFullYear(year);
-                        if (year.toString().length === 4) {
+                        if (year.toString().length === yearValue) {
                             this.isNavigate = true;
                         }
                         this.previousDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth(), newDateValue.getDate());
@@ -14643,9 +14641,6 @@ class MaskedDateTime {
                 case 'yy':
                     result = proxy.isYearPart ? proxy.roundOff(proxy.maskDateValue.getFullYear() % 100, 2) : proxy.defaultConstant['year'].toString();
                     result = proxy.zeroCheck(proxy.isYearZero, proxy.isYearPart, result);
-                    if (proxy.isYearPart) {
-                        proxy.isNavigate = proxy.isShortYear = (proxy.maskDateValue.getFullYear() % 100).toString().length === 2;
-                    }
                     break;
                 case 'y':
                 case 'yyyy':