@syncfusion/ej2-calendars 27.2.2 → 27.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.2.2
+*  version : 27.2.3
 *  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@27.1.57",
+  "_id": "@syncfusion/ej2-calendars@27.2.2",
   "_inBundle": false,
-  "_integrity": "sha512-8vFRfoBXZsa2NjtNOsWT4WHzNu0ThMpZlN4+kRZaAc1jbp48M0IDgqzOAxWf4m81RnuRBYvdimK2Onc26/XYHQ==",
+  "_integrity": "sha512-klSNnTs+W8AKLisiIcpnUnyrIjMzpQ43AUKX992TDh9pX1z8xJrQnXUB3d5s0/dSKcXhIuOGlwvYaAexPIysCA==",
   "_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-27.1.57.tgz",
-  "_shasum": "5c87a764f2083e5b5659971ff0ac9cf445da41b1",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-27.2.2.tgz",
+  "_shasum": "6310d56c8a2483ade7cf54e28667b8c717e53929",
   "_spec": "@syncfusion/ej2-calendars@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -46,7 +46,7 @@
     "@syncfusion/ej2-base": "~27.2.2",
     "@syncfusion/ej2-buttons": "~27.2.2",
     "@syncfusion/ej2-inputs": "~27.2.2",
-    "@syncfusion/ej2-lists": "~27.2.2",
+    "@syncfusion/ej2-lists": "~27.2.3",
     "@syncfusion/ej2-popups": "~27.2.2"
   },
   "deprecated": false,
@@ -80,6 +80,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.2.2",
+  "version": "27.2.3",
   "sideEffects": false
 }

package/src/datepicker/datepicker.js

@@ -689,6 +689,9 @@ var DatePicker = /** @class */ (function (_super) {
                 this.inputElement.selectionEnd = this.inputElement.value.length;
             }
         }
+        if (this.enableMask && this.showClearButton && this.inputElement && this.inputElement.value === this.maskedDateValue && this.inputWrapper && this.inputWrapper.clearButton && !this.inputWrapper.clearButton.classList.contains('e-clear-icon-hide')) {
+            this.inputWrapper.clearButton.classList.add('e-clear-icon-hide');
+        }
         var focusArguments = {
             model: this
         };
@@ -1199,6 +1202,9 @@ var DatePicker = /** @class */ (function (_super) {
     };
     DatePicker.prototype.keyupHandler = function (e) {
         this.isKeyAction = (this.inputElement.value !== this.previousElementValue) ? true : false;
+        if (this.enableMask && this.showClearButton && this.inputElement && this.inputElement.value === this.maskedDateValue && this.inputWrapper && this.inputWrapper.clearButton && !this.inputWrapper.clearButton.classList.contains('e-clear-icon-hide')) {
+            this.inputWrapper.clearButton.classList.add('e-clear-icon-hide');
+        }
     };
     DatePicker.prototype.changeEvent = function (event) {
         if (!this.isIconClicked && !(this.isBlur || this.isKeyAction)) {

package/src/maskbase/interface.d.ts

@@ -1,5 +1,6 @@
 import { Component, Internationalization } from '@syncfusion/ej2-base';
 import { CalendarType } from '../calendar/calendar';
+import { InputObject } from '@syncfusion/ej2-inputs';
 /**
  * Specifies mulitselct interfaces.
  *
@@ -13,6 +14,7 @@ export interface IMaskedDateTime extends Component<HTMLElement> {
     maskedDateValue: string;
     locale: string;
     inputElement: HTMLInputElement;
+    inputWrapper: InputObject;
     value: Date;
     updateInputValue(value?: string): void;
     dateTimeFormat: string;

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

@@ -900,6 +900,9 @@ var MaskedDateTime = /** @class */ (function () {
     MaskedDateTime.prototype.clearHandler = function () {
         this.isDayPart = this.isMonthPart = this.isYearPart = this.isHourPart = this.isMinutePart = this.isSecondsPart = false;
         this.updateValue();
+        if (this.parent.inputElement && this.parent.inputElement.value === this.parent.maskedDateValue && this.parent.inputWrapper && this.parent.inputWrapper.clearButton && !this.parent.inputWrapper.clearButton.classList.contains('e-clear-icon-hide')) {
+            this.parent.inputWrapper.clearButton.classList.add('e-clear-icon-hide');
+        }
     };
     MaskedDateTime.prototype.updateValue = function () {
         this.monthCharacter = this.periodCharacter = '';

package/src/timepicker/timepicker.d.ts

@@ -577,6 +577,7 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
     protected strictOperation(minimum: Date, maximum: Date, dateVal: Date | string, val: Date): Date | string;
     protected bindEvents(): void;
     private keydownHandler;
+    private keyupHandler;
     protected formResetHandler(): void;
     private inputChangeHandler;
     private inputEventHandler;

package/src/timepicker/timepicker.js

@@ -1318,6 +1318,7 @@ var TimePicker = /** @class */ (function (_super) {
         EventHandler.add(this.inputElement, 'input', this.inputEventHandler, this);
         if (this.enableMask) {
             EventHandler.add(this.inputElement, 'keydown', this.keydownHandler, this);
+            EventHandler.add(this.inputElement, 'keyup', this.keyupHandler, this);
         }
         if (this.showClearButton && this.inputWrapper.clearButton) {
             EventHandler.add(this.inputWrapper.clearButton, 'mousedown', this.clearHandler, this);
@@ -1351,6 +1352,11 @@ var TimePicker = /** @class */ (function (_super) {
                 break;
         }
     };
+    TimePicker.prototype.keyupHandler = function (e) {
+        if ((e.code === 'Backspace' || e.code === 'Delete') && (this.enableMask && this.showClearButton && this.inputElement && this.inputElement.value === this.maskedDateValue && this.inputWrapper && this.inputWrapper.clearButton && !this.inputWrapper.clearButton.classList.contains('e-clear-icon-hide'))) {
+            this.inputWrapper.clearButton.classList.add('e-clear-icon-hide');
+        }
+    };
     TimePicker.prototype.formResetHandler = function () {
         if (!this.enabled) {
             return;
@@ -1401,6 +1407,9 @@ var TimePicker = /** @class */ (function (_super) {
         EventHandler.remove(this.inputElement, 'focus', this.inputFocusHandler);
         EventHandler.remove(this.inputElement, 'change', this.inputChangeHandler);
         EventHandler.remove(this.inputElement, 'input', this.inputEventHandler);
+        if (this.enableMask) {
+            EventHandler.remove(this.inputElement, 'keyup', this.keyupHandler);
+        }
         if (this.inputEvent) {
             this.inputEvent.destroy();
         }
@@ -2149,6 +2158,9 @@ var TimePicker = /** @class */ (function (_super) {
                 this.inputElement.selectionEnd = this.inputElement.value.length;
             }
         }
+        if (this.enableMask && this.showClearButton && this.inputElement && this.inputElement.value === this.maskedDateValue && this.inputWrapper && this.inputWrapper.clearButton && !this.inputWrapper.clearButton.classList.contains('e-clear-icon-hide')) {
+            this.inputWrapper.clearButton.classList.add('e-clear-icon-hide');
+        }
         this.trigger('focus', focusArguments);
         this.clearIconState();
         if (this.openOnFocus) {