@syncfusion/ej2-calendars 21.2.8 → 21.2.10-11964

package/src/datepicker/datepicker.d.ts

@@ -57,12 +57,12 @@ export declare class DatePicker extends Calendar implements IInput {
         [key: string]: string;
     };
     protected mobilePopupWrapper: HTMLElement;
-    protected isAngular: boolean;
     protected preventChange: boolean;
     protected isIconClicked: boolean;
     protected isDynamicValueChanged: boolean;
     protected moduleName: string;
     protected isFocused: boolean;
+    protected isBlur: boolean;
     /**
      * Specifies the width of the DatePicker component.
      *
@@ -74,7 +74,7 @@ export declare class DatePicker extends Calendar implements IInput {
      *
      * @default null
      * @isGenericType true
-
+     * @deprecated
      */
     value: Date;
     /**
@@ -262,7 +262,7 @@ export declare class DatePicker extends Calendar implements IInput {
      * {% codeBlock src='datepicker/keyConfigs/index.md' %}{% endcodeBlock %}
      *
      * @default null
-
+     * @deprecated
      */
     keyConfigs: {
         [key: string]: string;
@@ -272,7 +272,7 @@ export declare class DatePicker extends Calendar implements IInput {
      * 1. value
      *
      * @default false
-
+     * @deprecated
      */
     enablePersistence: boolean;
     /**
@@ -312,7 +312,7 @@ export declare class DatePicker extends Calendar implements IInput {
      * then specify the time zone value to `serverTimezoneOffset` property.
      *
      * @default null
-
+     * @deprecated
      */
     serverTimezoneOffset: number;
     /**
@@ -399,7 +399,7 @@ export declare class DatePicker extends Calendar implements IInput {
     protected updateIconState(): void;
     private initialize;
     private createInput;
-    protected updateInput(isDynamic?: boolean): void;
+    protected updateInput(isDynamic?: boolean, isBlur?: boolean): void;
     protected minMaxUpdates(): void;
     private checkStringValue;
     protected checkInvalidValue(value: Date): void;
@@ -443,14 +443,14 @@ export declare class DatePicker extends Calendar implements IInput {
      * Shows the Calendar.
      *
      * @returns {void}
-
+     * @deprecated
      */
     show(type?: null | string, e?: MouseEvent | KeyboardEvent | KeyboardEventArgs): void;
     /**
      * Hide the Calendar.
      *
      * @returns {void}
-
+     * @deprecated
      */
     hide(event?: MouseEvent | KeyboardEvent | Event): void;
     private closeEventCallback;
@@ -470,7 +470,7 @@ export declare class DatePicker extends Calendar implements IInput {
      * Gets the current view of the DatePicker.
      *
      * @returns {string}
-
+     * @deprecated
      */
     currentView(): string;
     /**
@@ -479,7 +479,7 @@ export declare class DatePicker extends Calendar implements IInput {
      * @param  {string} view - Specifies the view of the calendar.
      * @param  {Date} date - Specifies the focused date in a view.
      * @returns {void}
-
+     * @deprecated
      */
     navigateTo(view: CalendarView, date: Date): void;
     /**
@@ -528,7 +528,7 @@ export interface PopupObjectArgs {
     /**
      * Defines the DatePicker popup element.
      *
-
+     * @deprecated
      */
     popup?: Popup;
     /**

package/src/datepicker/datepicker.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path='../calendar/calendar-model.d.ts'/>
 import { EventHandler, Property, Internationalization, NotifyPropertyChanges } from '@syncfusion/ej2-base';
@@ -79,12 +79,13 @@ var DatePicker = /** @class */ (function (_super) {
         _this.invalidValueString = null;
         _this.checkPreviousValue = null;
         _this.maskedDateValue = '';
-        _this.isAngular = false;
+        //protected isAngular: boolean = false;
         _this.preventChange = false;
         _this.isIconClicked = false;
         _this.isDynamicValueChanged = false;
         _this.moduleName = _this.getModuleName();
         _this.isFocused = false;
+        _this.isBlur = false;
         _this.datepickerOptions = options;
         return _this;
     }
@@ -218,11 +219,12 @@ var DatePicker = /** @class */ (function (_super) {
         Input.addAttributes({ 'aria-label': 'select' }, this.inputWrapper.buttons[0]);
         addClass([this.inputWrapper.container], DATEWRAPPER);
     };
-    DatePicker.prototype.updateInput = function (isDynamic) {
+    DatePicker.prototype.updateInput = function (isDynamic, isBlur) {
         if (isDynamic === void 0) { isDynamic = false; }
+        if (isBlur === void 0) { isBlur = false; }
         var formatOptions;
         if (this.value && !this.isCalendar()) {
-            this.disabledDates(isDynamic);
+            this.disabledDates(isDynamic, isBlur);
         }
         if (isNaN(+new Date(this.checkValue(this.value)))) {
             this.setProperties({ value: null }, true);
@@ -705,7 +707,9 @@ var DatePicker = /** @class */ (function (_super) {
             this.invalidValueString = null;
             this.updateInputValue('');
         }
-        this.updateInput();
+        this.isBlur = true;
+        this.updateInput(false, true);
+        this.isBlur = false;
         this.popupUpdate();
         this.changeTrigger(e);
         if (this.enableMask && this.maskedDateValue && this.placeholder && this.floatLabelType !== 'Always') {
@@ -1089,7 +1093,7 @@ var DatePicker = /** @class */ (function (_super) {
         this.trigger('navigated', this.navigatedArgs);
     };
     DatePicker.prototype.changeEvent = function (event) {
-        if (!this.isIconClicked) {
+        if (!this.isIconClicked && !this.isBlur) {
             this.selectCalendar(event);
         }
         if (((this.previousDate && this.previousDate.valueOf()) !== (this.value && this.value.valueOf()))) {
@@ -1186,7 +1190,7 @@ var DatePicker = /** @class */ (function (_super) {
      * Shows the Calendar.
      *
      * @returns {void}
-
+     * @deprecated
      */
     DatePicker.prototype.show = function (type, e) {
         var _this = this;
@@ -1262,7 +1266,7 @@ var DatePicker = /** @class */ (function (_super) {
      * Hide the Calendar.
      *
      * @returns {void}
-
+     * @deprecated
      */
     DatePicker.prototype.hide = function (event) {
         var _this = this;
@@ -1352,7 +1356,7 @@ var DatePicker = /** @class */ (function (_super) {
      * Gets the current view of the DatePicker.
      *
      * @returns {string}
-
+     * @deprecated
      */
     DatePicker.prototype.currentView = function () {
         var currentView;
@@ -1369,7 +1373,7 @@ var DatePicker = /** @class */ (function (_super) {
      * @param  {string} view - Specifies the view of the calendar.
      * @param  {Date} date - Specifies the focused date in a view.
      * @returns {void}
-
+     * @deprecated
      */
     DatePicker.prototype.navigateTo = function (view, date) {
         if (this.calendarElement) {
@@ -1663,8 +1667,9 @@ var DatePicker = /** @class */ (function (_super) {
     DatePicker.prototype.getModuleName = function () {
         return 'datepicker';
     };
-    DatePicker.prototype.disabledDates = function (isDynamic) {
+    DatePicker.prototype.disabledDates = function (isDynamic, isBlur) {
         if (isDynamic === void 0) { isDynamic = false; }
+        if (isBlur === void 0) { isBlur = false; }
         var formatOptions;
         var globalize;
         var valueCopy = this.checkDateValue(this.value) ? new Date(+this.value) : new Date(this.checkValue(this.value));
@@ -1719,7 +1724,7 @@ var DatePicker = /** @class */ (function (_super) {
             if (this.enableMask) {
                 this.updateInputValue(this.maskedDateValue);
                 this.notify('createMask', {
-                    module: 'MaskedDateTime'
+                    module: 'MaskedDateTime', isBlur: isBlur
                 });
             }
         }