@syncfusion/ej2-calendars 24.2.5 → 24.2.8

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.2.5
+*  version : 24.2.8
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-calendars@*",
-  "_id": "@syncfusion/ej2-calendars@24.2.3",
+  "_id": "@syncfusion/ej2-calendars@24.2.5",
   "_inBundle": false,
-  "_integrity": "sha512-jRcfZtIe8Ujqp2OFZrsPtDSq4UBajjypANh3DaJ1UVCvCziB8VB78wkrPABbpgb05moR5TR1qCehBu6Q2VnaFg==",
+  "_integrity": "sha512-TubAKr00yybjqjVfWRk1NKgc93KY3Ispr7+QY158f2EOmKrI5EOb+nqjvVZw9GH4rjpjQfS2qZtrF0fCfwUmgg==",
   "_location": "/@syncfusion/ej2-calendars",
   "_phantomChildren": {},
   "_requested": {
@@ -31,8 +31,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-calendars"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-24.2.3.tgz",
-  "_shasum": "2d154e96239cdb5a7aa35879fb8937c9e1d9f418",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-24.2.5.tgz",
+  "_shasum": "e61c5b6e682851df791464d6ce8893e44c7cde65",
   "_spec": "@syncfusion/ej2-calendars@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -43,11 +43,11 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.2.5",
-    "@syncfusion/ej2-buttons": "~24.2.5",
-    "@syncfusion/ej2-inputs": "~24.2.5",
-    "@syncfusion/ej2-lists": "~24.2.4",
-    "@syncfusion/ej2-popups": "~24.2.5"
+    "@syncfusion/ej2-base": "~24.2.7",
+    "@syncfusion/ej2-buttons": "~24.2.7",
+    "@syncfusion/ej2-inputs": "~24.2.7",
+    "@syncfusion/ej2-lists": "~24.2.8",
+    "@syncfusion/ej2-popups": "~24.2.8"
   },
   "deprecated": false,
   "description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.",
@@ -80,6 +80,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "24.2.5",
+  "version": "24.2.8",
   "sideEffects": false
 }

package/src/calendar/calendar.js

@@ -33,7 +33,7 @@ var DEVICE = 'e-device';
 var HEADER = 'e-header';
 var RTL = 'e-rtl';
 var CONTENT = 'e-content';
-var CONTENTTABLE = 'e-content-table';
+var CONTENTTABLE = 'e-calandar-content-table';
 var YEAR = 'e-year';
 var MONTH = 'e-month';
 var DECADE = 'e-decade';
@@ -498,19 +498,19 @@ var CalendarBase = /** @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('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.
                     }
@@ -521,7 +521,7 @@ var CalendarBase = /** @class */ (function (_super) {
                 }
                 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);
                     }

package/src/daterangepicker/daterangepicker.d.ts

@@ -173,7 +173,6 @@ export declare class DateRangePicker extends CalendarBase {
     protected touchRangeModule: Touch;
     protected touchRangeStart: boolean;
     protected iconRangeRight: string;
-    private isKeyPressed;
     /**
      * Gets or sets the start and end date of the Calendar.
      * {% codeBlock src='daterangepicker/value/index.md' %}{% endcodeBlock %}
@@ -716,7 +715,6 @@ export declare class DateRangePicker extends CalendarBase {
     private modelRangeCloseHandler;
     private cancelFunction;
     private deviceHeaderUpdate;
-    private keyupHandler;
     private applyFunction;
     private onMouseClick;
     private onMouseOver;

package/src/daterangepicker/daterangepicker.js

@@ -147,7 +147,6 @@ var DateRangePicker = /** @class */ (function (_super) {
         _this.invalidValueString = null;
         _this.isAngular = false;
         _this.preventChange = false;
-        _this.isKeyPressed = false;
         _this.dateRangeOptions = options;
         return _this;
     }
@@ -503,7 +502,6 @@ var DateRangePicker = /** @class */ (function (_super) {
         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);
         }
@@ -530,7 +528,6 @@ var DateRangePicker = /** @class */ (function (_super) {
         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);
         }
@@ -785,8 +782,8 @@ var DateRangePicker = /** @class */ (function (_super) {
             var startDate = this.presetsItem[i].start;
             var 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;
                 }
@@ -2765,9 +2762,6 @@ var DateRangePicker = /** @class */ (function (_super) {
             this.startButton.element.classList.add(ACTIVE);
         }
     };
-    DateRangePicker.prototype.keyupHandler = function (e) {
-        this.isKeyPressed = (this.inputElement.value !== this.previousEleValue) ? true : false;
-    };
     DateRangePicker.prototype.applyFunction = function (eve) {
         var isValueChanged = false;
         if (eve.type !== 'touchstart') {
@@ -2790,13 +2784,15 @@ var DateRangePicker = /** @class */ (function (_super) {
             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;
             }

package/src/maskbase/masked-date-time.js

@@ -345,6 +345,7 @@ var MaskedDateTime = /** @class */ (function () {
                 {
                     var year = (this.isYearPart && (newDateValue.getFullYear().toString().length < 4
                         && !this.isShortYear) ? newDateValue.getFullYear() * 10 : 0) + parseInt(newVal[start - 1], 10);
+                    var yearValue = (this.dateformat.match(/y/g) || []).length;
                     this.isShortYear = false;
                     this.isYearZero = (newVal[start - 1] === '0');
                     if (isNaN(year)) {
@@ -358,7 +359,7 @@ var MaskedDateTime = /** @class */ (function () {
                     }
                     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());
@@ -533,9 +534,6 @@ var MaskedDateTime = /** @class */ (function () {
                 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':