@progress/kendo-angular-dateinputs 16.3.0-develop.4 → 16.3.0-develop.6

package/esm2020/dateinput/dateinput.component.mjs

@@ -175,15 +175,7 @@ export class DateInputComponent {
          * }
          * ```
          */
-        this.steps = {
-            // Default values are needed until fix in common package: https://github.com/telerik/kendo-dateinputs-common/issues/26
-            second: 1,
-            minute: 1,
-            hour: 1,
-            day: 1,
-            month: 1,
-            year: 1
-        };
+        this.steps = {};
         /**
          * Determines whether the built-in min or max validators are to be enforced when a form is being validated.
          */
@@ -388,6 +380,7 @@ export class DateInputComponent {
      */
     set value(value) {
         this.verifyValue(value);
+        this.showClearButton = value || (!value && this.isDateIncomplete) ? true : false;
         this._value = cloneDate(value);
         this.valueUpdate.emit(cloneDate(value));
     }
@@ -605,6 +598,9 @@ export class DateInputComponent {
             this.incompleteValidator = this.incompleteDateValidation ? incompleteDateValidator() : noop;
             this.onValidatorChange();
         }
+        if (changes['clearButton']) {
+            this.showClearButton = this.clearButton && (isPresent(this.value) || this.isDateIncomplete);
+        }
         const isEqualToKendoDate = this.kendoDate && isEqual(this.value, this.kendoDate.value);
         if (!isEqualToKendoDate) {
             if (!this.kendoDate) {
@@ -708,9 +704,9 @@ export class DateInputComponent {
         this.kendoDate?.refreshElementValue();
     }
     resetInput() {
-        this.kendoDateObject?.setValue(null);
-        this.kendoDate?.refreshElementValue();
-        this.control?.setValue(null);
+        this.writeValue(null);
+        // Notify datepicker that a change has happened and emit `valueChange`
+        this.notify();
         this.showClearButton = false;
     }
     /**
@@ -728,7 +724,7 @@ export class DateInputComponent {
      */
     notify() {
         this.ngZone.run(() => {
-            this.showClearButton = true;
+            this.showClearButton = this.value ? true : false;
             this.onControlChange(cloneDate(this.value));
             this.valueChange.emit(cloneDate(this.value));
         });
@@ -803,7 +799,7 @@ export class DateInputComponent {
     onWidgetInputEnd() {
         this.updateIncompleteValidationStatus();
         if (this.clearButton) {
-            this.showClearButton = true;
+            this.showClearButton = this.value || this.isDateIncomplete ? true : false;
             this.cdr.markForCheck();
         }
     }

package/esm2020/datepicker/datepicker.component.mjs

@@ -785,8 +785,6 @@ export class DatePickerComponent extends MultiTabStop {
      * @hidden
      */
     handleChange(value) {
-        this.cdr.markForCheck();
-        this.dateInput.showClearButton = true;
         this.value = value;
         if (this.show) {
             this.focusInput();

package/esm2020/datetimepicker/datetimepicker.component.mjs

@@ -142,14 +142,7 @@ export class DateTimePickerComponent extends MultiTabStop {
          * Configures the incremental steps of the DateInput and the popup component of the TimePicker
          * ([see example]({% slug incrementalsteps_datetimepicker %})).
          */
-        this.steps = {
-            second: 1,
-            minute: 1,
-            hour: 1,
-            day: 1,
-            month: 1,
-            year: 1
-        };
+        this.steps = {};
         /**
          * Specifies the Calendar type.
          *
@@ -1278,7 +1271,6 @@ export class DateTimePickerComponent extends MultiTabStop {
         if (isEqual(this.value, value)) {
             return;
         }
-        this.dateInput.showClearButton = true;
         this.value = cloneDate(value);
         this.onControlChange(cloneDate(value));
         this.valueChange.emit(cloneDate(value));

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1718190655,
-    version: '16.3.0-develop.4',
+    publishDate: 1718201896,
+    version: '16.3.0-develop.6',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/fesm2015/progress-kendo-angular-dateinputs.mjs

@@ -37,8 +37,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1718190655,
-    version: '16.3.0-develop.4',
+    publishDate: 1718201896,
+    version: '16.3.0-develop.6',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -8182,15 +8182,7 @@ class DateInputComponent {
          * }
          * ```
          */
-        this.steps = {
-            // Default values are needed until fix in common package: https://github.com/telerik/kendo-dateinputs-common/issues/26
-            second: 1,
-            minute: 1,
-            hour: 1,
-            day: 1,
-            month: 1,
-            year: 1
-        };
+        this.steps = {};
         /**
          * Determines whether the built-in min or max validators are to be enforced when a form is being validated.
          */
@@ -8395,6 +8387,7 @@ class DateInputComponent {
      */
     set value(value) {
         this.verifyValue(value);
+        this.showClearButton = value || (!value && this.isDateIncomplete) ? true : false;
         this._value = cloneDate(value);
         this.valueUpdate.emit(cloneDate(value));
     }
@@ -8613,6 +8606,9 @@ class DateInputComponent {
             this.incompleteValidator = this.incompleteDateValidation ? incompleteDateValidator() : noop$2;
             this.onValidatorChange();
         }
+        if (changes['clearButton']) {
+            this.showClearButton = this.clearButton && (isPresent(this.value) || this.isDateIncomplete);
+        }
         const isEqualToKendoDate = this.kendoDate && isEqual(this.value, this.kendoDate.value);
         if (!isEqualToKendoDate) {
             if (!this.kendoDate) {
@@ -8718,10 +8714,9 @@ class DateInputComponent {
         (_c = this.kendoDate) === null || _c === void 0 ? void 0 : _c.refreshElementValue();
     }
     resetInput() {
-        var _a, _b, _c;
-        (_a = this.kendoDateObject) === null || _a === void 0 ? void 0 : _a.setValue(null);
-        (_b = this.kendoDate) === null || _b === void 0 ? void 0 : _b.refreshElementValue();
-        (_c = this.control) === null || _c === void 0 ? void 0 : _c.setValue(null);
+        this.writeValue(null);
+        // Notify datepicker that a change has happened and emit `valueChange`
+        this.notify();
         this.showClearButton = false;
     }
     /**
@@ -8739,7 +8734,7 @@ class DateInputComponent {
      */
     notify() {
         this.ngZone.run(() => {
-            this.showClearButton = true;
+            this.showClearButton = this.value ? true : false;
             this.onControlChange(cloneDate(this.value));
             this.valueChange.emit(cloneDate(this.value));
         });
@@ -8811,7 +8806,7 @@ class DateInputComponent {
     onWidgetInputEnd() {
         this.updateIncompleteValidationStatus();
         if (this.clearButton) {
-            this.showClearButton = true;
+            this.showClearButton = this.value || this.isDateIncomplete ? true : false;
             this.cdr.markForCheck();
         }
     }
@@ -10108,8 +10103,6 @@ class DatePickerComponent extends MultiTabStop {
      * @hidden
      */
     handleChange(value) {
-        this.cdr.markForCheck();
-        this.dateInput.showClearButton = true;
         this.value = value;
         if (this.show) {
             this.focusInput();
@@ -14535,14 +14528,7 @@ class DateTimePickerComponent extends MultiTabStop {
          * Configures the incremental steps of the DateInput and the popup component of the TimePicker
          * ([see example]({% slug incrementalsteps_datetimepicker %})).
          */
-        this.steps = {
-            second: 1,
-            minute: 1,
-            hour: 1,
-            day: 1,
-            month: 1,
-            year: 1
-        };
+        this.steps = {};
         /**
          * Specifies the Calendar type.
          *
@@ -15683,7 +15669,6 @@ class DateTimePickerComponent extends MultiTabStop {
         if (isEqual(this.value, value)) {
             return;
         }
-        this.dateInput.showClearButton = true;
         this.value = cloneDate(value);
         this.onControlChange(cloneDate(value));
         this.valueChange.emit(cloneDate(value));

package/fesm2020/progress-kendo-angular-dateinputs.mjs

@@ -37,8 +37,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1718190655,
-    version: '16.3.0-develop.4',
+    publishDate: 1718201896,
+    version: '16.3.0-develop.6',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -8164,15 +8164,7 @@ class DateInputComponent {
          * }
          * ```
          */
-        this.steps = {
-            // Default values are needed until fix in common package: https://github.com/telerik/kendo-dateinputs-common/issues/26
-            second: 1,
-            minute: 1,
-            hour: 1,
-            day: 1,
-            month: 1,
-            year: 1
-        };
+        this.steps = {};
         /**
          * Determines whether the built-in min or max validators are to be enforced when a form is being validated.
          */
@@ -8377,6 +8369,7 @@ class DateInputComponent {
      */
     set value(value) {
         this.verifyValue(value);
+        this.showClearButton = value || (!value && this.isDateIncomplete) ? true : false;
         this._value = cloneDate(value);
         this.valueUpdate.emit(cloneDate(value));
     }
@@ -8594,6 +8587,9 @@ class DateInputComponent {
             this.incompleteValidator = this.incompleteDateValidation ? incompleteDateValidator() : noop$2;
             this.onValidatorChange();
         }
+        if (changes['clearButton']) {
+            this.showClearButton = this.clearButton && (isPresent(this.value) || this.isDateIncomplete);
+        }
         const isEqualToKendoDate = this.kendoDate && isEqual(this.value, this.kendoDate.value);
         if (!isEqualToKendoDate) {
             if (!this.kendoDate) {
@@ -8697,9 +8693,9 @@ class DateInputComponent {
         this.kendoDate?.refreshElementValue();
     }
     resetInput() {
-        this.kendoDateObject?.setValue(null);
-        this.kendoDate?.refreshElementValue();
-        this.control?.setValue(null);
+        this.writeValue(null);
+        // Notify datepicker that a change has happened and emit `valueChange`
+        this.notify();
         this.showClearButton = false;
     }
     /**
@@ -8717,7 +8713,7 @@ class DateInputComponent {
      */
     notify() {
         this.ngZone.run(() => {
-            this.showClearButton = true;
+            this.showClearButton = this.value ? true : false;
             this.onControlChange(cloneDate(this.value));
             this.valueChange.emit(cloneDate(this.value));
         });
@@ -8792,7 +8788,7 @@ class DateInputComponent {
     onWidgetInputEnd() {
         this.updateIncompleteValidationStatus();
         if (this.clearButton) {
-            this.showClearButton = true;
+            this.showClearButton = this.value || this.isDateIncomplete ? true : false;
             this.cdr.markForCheck();
         }
     }
@@ -10084,8 +10080,6 @@ class DatePickerComponent extends MultiTabStop {
      * @hidden
      */
     handleChange(value) {
-        this.cdr.markForCheck();
-        this.dateInput.showClearButton = true;
         this.value = value;
         if (this.show) {
             this.focusInput();
@@ -14497,14 +14491,7 @@ class DateTimePickerComponent extends MultiTabStop {
          * Configures the incremental steps of the DateInput and the popup component of the TimePicker
          * ([see example]({% slug incrementalsteps_datetimepicker %})).
          */
-        this.steps = {
-            second: 1,
-            minute: 1,
-            hour: 1,
-            day: 1,
-            month: 1,
-            year: 1
-        };
+        this.steps = {};
         /**
          * Specifies the Calendar type.
          *
@@ -15633,7 +15620,6 @@ class DateTimePickerComponent extends MultiTabStop {
         if (isEqual(this.value, value)) {
             return;
         }
-        this.dateInput.showClearButton = true;
         this.value = cloneDate(value);
         this.onControlChange(cloneDate(value));
         this.valueChange.emit(cloneDate(value));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dateinputs",
-  "version": "16.3.0-develop.4",
+  "version": "16.3.0-develop.6",
   "description": "Kendo UI for Angular Date Inputs Package - Everything you need to add date selection functionality to apps (DatePicker, TimePicker, DateInput, DateRangePicker, DateTimePicker, Calendar, and MultiViewCalendar).",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -34,18 +34,18 @@
     "@angular/forms": "15 - 18",
     "@angular/platform-browser": "15 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "16.3.0-develop.4",
-    "@progress/kendo-angular-common": "16.3.0-develop.4",
-    "@progress/kendo-angular-intl": "16.3.0-develop.4",
-    "@progress/kendo-angular-l10n": "16.3.0-develop.4",
-    "@progress/kendo-angular-icons": "16.3.0-develop.4",
-    "@progress/kendo-angular-popup": "16.3.0-develop.4",
-    "@progress/kendo-angular-navigation": "16.3.0-develop.4",
+    "@progress/kendo-angular-buttons": "16.3.0-develop.6",
+    "@progress/kendo-angular-common": "16.3.0-develop.6",
+    "@progress/kendo-angular-intl": "16.3.0-develop.6",
+    "@progress/kendo-angular-l10n": "16.3.0-develop.6",
+    "@progress/kendo-angular-icons": "16.3.0-develop.6",
+    "@progress/kendo-angular-popup": "16.3.0-develop.6",
+    "@progress/kendo-angular-navigation": "16.3.0-develop.6",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.3.0-develop.4",
+    "@progress/kendo-angular-schematics": "16.3.0-develop.6",
     "@progress/kendo-common": "^0.2.0",
     "@progress/kendo-date-math": "^1.1.0",
     "@progress/kendo-dateinputs-common": "^0.3.3"