v17.3.29 is released

Author: pipeline

controls/barcodegenerator/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-barcode-generator",
-	"version": "17.3.19",
+	"version": "17.3.27",
 	"description": "Barcode generator component is a pure JavaScript library which will convert a string to Barcode and show it to the user. This supports major 1D and 2D barcodes including coda bar, code 128, QR Code.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/calendars/CHANGELOG.md

@@ -2,6 +2,32 @@
 
 ## [Unreleased]
 
+## 17.3.27 (2019-11-12)
+
+### DateTimePicker
+
+#### New Features
+
+- `#147796` - Now, you can get the cleared event when clear the DateTimePicker's value using clear button.
+
+### DatePicker
+
+#### New Features
+
+- `#147796` - Now, you can get the cleared event when clear the DatePicker's value using clear button.
+
+### TimePicker
+
+#### New Features
+
+- `#147796` - Now, you can get the cleared event when clear the TimePicker's value using clear button.
+
+### DateRangePicker
+
+#### New Features
+
+- `#147796` - Now, you can get the cleared event when clear the DateRangePicker's value using clear button.
+
 ## 17.3.26 (2019-11-05)
 
 ### DateTimePicker
@@ -524,27 +550,27 @@
 
 #### Bug Fixes
 
-- Now the `firstDayOfWeek` property will be updated based on the culture specific. Also, to get the firstday related information, then it is mandatory to load the `weekData.json` file from the `CLDR` data.
+- Now the `firstDayOfWeek` property will be updated based on the culture specific. Also, to get the firstday related information, then it is mandatory to load the `weekData.json` file from the `CLDR` data.
 
 - Angular form rest for the invalid value in the textbox issue has been fixed.
 
 ### DatePicker
 
 #### Bug Fixes
 
-- Now the `firstDayOfWeek` property will be updated based on the culture specific. Also, to get the firstday related information, then it is mandatory to load the `weekData.json` file from the `CLDR` data.
+- Now the `firstDayOfWeek` property will be updated based on the culture specific. Also, to get the firstday related information, then it is mandatory to load the `weekData.json` file from the `CLDR` data.
 
 ### DateTimePicker
 
 #### Bug Fixes
 
-- Now the `firstDayOfWeek` property will be updated based on the culture specific. Also, to get the firstday related information, then it is mandatory to load the `weekData.json` file from the `CLDR` data.
+- Now the `firstDayOfWeek` property will be updated based on the culture specific. Also, to get the firstday related information, then it is mandatory to load the `weekData.json` file from the `CLDR` data.
 
 ### Calendar
 
 #### Bug Fixes
 
-- Now the `firstDayOfWeek` property will be updated based on the culture specific. Also, to get the firstday related information, then it is mandatory to load the `weekData.json` file from the `CLDR` data.
+- Now the `firstDayOfWeek` property will be updated based on the culture specific. Also, to get the firstday related information, then it is mandatory to load the `weekData.json` file from the `CLDR` data.
 
 ## 16.2.46 (2018-07-30)
 
@@ -973,4 +999,4 @@ TimePicker component is the pre-filled dropdown list with the time values 12/24
 
 - **StrictMode** - Allows to entering the only valid time in a textbox.
 
-- **Accessibility** - Provided with built-in accessibility support which helps to access all the TimePicker component features through the keyboard, screen readers, or other assistive technology devices.
+- **Accessibility** - Provided with built-in accessibility support which helps to access all the TimePicker component features through the keyboard, screen readers, or other assistive technology devices.

controls/calendars/dist/ej2-calendars.umd.min.js

@@ -2810,6 +2810,7 @@ const ICONS = 'e-icons';
 const OPENDURATION = 300;
 const OFFSETVALUE = 4;
 const SELECTED$2 = 'e-selected';
+const FOCUSEDDATE$2 = 'e-focused-date';
 const NONEDIT = 'e-non-edit';
 const containerAttr = ['title', 'class', 'style'];
 /**
@@ -3215,6 +3216,10 @@ let DatePicker = class DatePicker extends Calendar {
     clear(event) {
         this.setProperties({ value: null }, true);
         Input.setValue('', this.inputElement, this.floatLabelType, this.showClearButton);
+        let clearedArgs = {
+            event: event
+        };
+        this.trigger('cleared', clearedArgs);
         this.invalidValueString = '';
         this.updateInput();
         this.popupUpdate();
@@ -3784,6 +3789,12 @@ let DatePicker = class DatePicker extends Calendar {
                     this.popupObj.destroy();
                     this.popupWrapper = this.popupObj = null;
                 }
+                if (!isNullOrUndefined(this.inputElement) && this.inputElement.value === '') {
+                    if (!isNullOrUndefined(this.tableBodyElement) && this.tableBodyElement.querySelectorAll('td.e-selected').length > 0) {
+                        addClass([this.tableBodyElement.querySelector('td.e-selected')], FOCUSEDDATE$2);
+                        removeClass(this.tableBodyElement.querySelectorAll('td.e-selected'), SELECTED$2);
+                    }
+                }
                 EventHandler.add(document, 'mousedown touchstart', this.documentHandler, this);
             });
         }
@@ -4382,6 +4393,9 @@ __decorate$1([
 __decorate$1([
     Event()
 ], DatePicker.prototype, "open", void 0);
+__decorate$1([
+    Event()
+], DatePicker.prototype, "cleared", void 0);
 __decorate$1([
     Event()
 ], DatePicker.prototype, "close", void 0);
@@ -4906,6 +4920,12 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         this.valueType = this.value;
         e.preventDefault();
         this.clear();
+        let clearedArgs = {
+            event: e
+        };
+        this.setProperties({ endDate: this.checkDateValue(this.endValue) }, true);
+        this.setProperties({ startDate: this.checkDateValue(this.startValue) }, true);
+        this.trigger('cleared', clearedArgs);
         this.changeTrigger(e);
         this.clearRange();
         this.hide(e);
@@ -7556,8 +7576,8 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         let target = e.target;
         if (!this.inputWrapper.container.contains(target) ||
             (!isNullOrUndefined(this.popupObj) && !closest(target, this.popupWrapper.id))) {
-            if (e.type !== 'touchstart' && (e.type === 'mousedown') ||
-                this.closeEventArgs && !this.closeEventArgs.cancel) {
+            if (e.type !== 'touchstart' && ((e.type === 'mousedown') ||
+                this.closeEventArgs && !this.closeEventArgs.cancel)) {
                 e.preventDefault();
             }
         }
@@ -8543,6 +8563,9 @@ __decorate$2([
 __decorate$2([
     Event()
 ], DateRangePicker.prototype, "change", void 0);
+__decorate$2([
+    Event()
+], DateRangePicker.prototype, "cleared", void 0);
 __decorate$2([
     Event()
 ], DateRangePicker.prototype, "navigated", void 0);
@@ -9757,11 +9780,21 @@ let TimePicker = class TimePicker extends Component {
             EventHandler.add(this.inputWrapper.clearButton, 'mousedown', this.clearHandler, this);
         }
     }
+    raiseClearedEvent(e) {
+        let clearedArgs = {
+            event: e
+        };
+        this.trigger('cleared', clearedArgs);
+    }
     clearHandler(e) {
         e.preventDefault();
         if (!isNullOrUndefined(this.value)) {
             this.clear(e);
         }
+        else {
+            this.resetState();
+            this.raiseClearedEvent(e);
+        }
         if (this.popupWrapper) {
             this.popupWrapper.scrollTop = 0;
         }
@@ -9770,6 +9803,7 @@ let TimePicker = class TimePicker extends Component {
         this.setProperties({ value: null }, true);
         this.initValue = null;
         this.resetState();
+        this.raiseClearedEvent(event);
         this.changeEvent(event);
     }
     setZIndex() {
@@ -10767,6 +10801,9 @@ __decorate$3([
 __decorate$3([
     Event()
 ], TimePicker.prototype, "close", void 0);
+__decorate$3([
+    Event()
+], TimePicker.prototype, "cleared", void 0);
 __decorate$3([
     Event()
 ], TimePicker.prototype, "blur", void 0);
@@ -12175,6 +12212,9 @@ __decorate$4([
 __decorate$4([
     Event()
 ], DateTimePicker.prototype, "close", void 0);
+__decorate$4([
+    Event()
+], DateTimePicker.prototype, "cleared", void 0);
 __decorate$4([
     Event()
 ], DateTimePicker.prototype, "blur", void 0);

controls/calendars/dist/ej2-calendars.umd.min.js.map

@@ -2847,6 +2847,7 @@ var ICONS = 'e-icons';
 var OPENDURATION = 300;
 var OFFSETVALUE = 4;
 var SELECTED$2 = 'e-selected';
+var FOCUSEDDATE$2 = 'e-focused-date';
 var NONEDIT = 'e-non-edit';
 var containerAttr = ['title', 'class', 'style'];
 /**
@@ -3254,6 +3255,10 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
     DatePicker.prototype.clear = function (event) {
         this.setProperties({ value: null }, true);
         Input.setValue('', this.inputElement, this.floatLabelType, this.showClearButton);
+        var clearedArgs = {
+            event: event
+        };
+        this.trigger('cleared', clearedArgs);
         this.invalidValueString = '';
         this.updateInput();
         this.popupUpdate();
@@ -3827,6 +3832,12 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                     _this.popupObj.destroy();
                     _this.popupWrapper = _this.popupObj = null;
                 }
+                if (!isNullOrUndefined(_this.inputElement) && _this.inputElement.value === '') {
+                    if (!isNullOrUndefined(_this.tableBodyElement) && _this.tableBodyElement.querySelectorAll('td.e-selected').length > 0) {
+                        addClass([_this.tableBodyElement.querySelector('td.e-selected')], FOCUSEDDATE$2);
+                        removeClass(_this.tableBodyElement.querySelectorAll('td.e-selected'), SELECTED$2);
+                    }
+                }
                 EventHandler.add(document, 'mousedown touchstart', _this.documentHandler, _this);
             });
         }
@@ -4427,6 +4438,9 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
     __decorate$1([
         Event()
     ], DatePicker.prototype, "open", void 0);
+    __decorate$1([
+        Event()
+    ], DatePicker.prototype, "cleared", void 0);
     __decorate$1([
         Event()
     ], DatePicker.prototype, "close", void 0);
@@ -4977,6 +4991,12 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         this.valueType = this.value;
         e.preventDefault();
         this.clear();
+        var clearedArgs = {
+            event: e
+        };
+        this.setProperties({ endDate: this.checkDateValue(this.endValue) }, true);
+        this.setProperties({ startDate: this.checkDateValue(this.startValue) }, true);
+        this.trigger('cleared', clearedArgs);
         this.changeTrigger(e);
         this.clearRange();
         this.hide(e);
@@ -7643,8 +7663,8 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         var target = e.target;
         if (!this.inputWrapper.container.contains(target) ||
             (!isNullOrUndefined(this.popupObj) && !closest(target, this.popupWrapper.id))) {
-            if (e.type !== 'touchstart' && (e.type === 'mousedown') ||
-                this.closeEventArgs && !this.closeEventArgs.cancel) {
+            if (e.type !== 'touchstart' && ((e.type === 'mousedown') ||
+                this.closeEventArgs && !this.closeEventArgs.cancel)) {
                 e.preventDefault();
             }
         }
@@ -8632,6 +8652,9 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
     __decorate$2([
         Event()
     ], DateRangePicker.prototype, "change", void 0);
+    __decorate$2([
+        Event()
+    ], DateRangePicker.prototype, "cleared", void 0);
     __decorate$2([
         Event()
     ], DateRangePicker.prototype, "navigated", void 0);
@@ -9867,11 +9890,21 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
             EventHandler.add(this.inputWrapper.clearButton, 'mousedown', this.clearHandler, this);
         }
     };
+    TimePicker.prototype.raiseClearedEvent = function (e) {
+        var clearedArgs = {
+            event: e
+        };
+        this.trigger('cleared', clearedArgs);
+    };
     TimePicker.prototype.clearHandler = function (e) {
         e.preventDefault();
         if (!isNullOrUndefined(this.value)) {
             this.clear(e);
         }
+        else {
+            this.resetState();
+            this.raiseClearedEvent(e);
+        }
         if (this.popupWrapper) {
             this.popupWrapper.scrollTop = 0;
         }
@@ -9880,6 +9913,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         this.setProperties({ value: null }, true);
         this.initValue = null;
         this.resetState();
+        this.raiseClearedEvent(event);
         this.changeEvent(event);
     };
     TimePicker.prototype.setZIndex = function () {
@@ -10880,6 +10914,9 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
     __decorate$3([
         Event()
     ], TimePicker.prototype, "close", void 0);
+    __decorate$3([
+        Event()
+    ], TimePicker.prototype, "cleared", void 0);
     __decorate$3([
         Event()
     ], TimePicker.prototype, "blur", void 0);
@@ -12309,6 +12346,9 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
     __decorate$4([
         Event()
     ], DateTimePicker.prototype, "close", void 0);
+    __decorate$4([
+        Event()
+    ], DateTimePicker.prototype, "cleared", void 0);
     __decorate$4([
         Event()
     ], DateTimePicker.prototype, "blur", void 0);

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

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "17.3.26",
+	"version": "17.3.28",
 	"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.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",