@progress/kendo-angular-dateinputs 16.3.0-develop.5 → 16.3.0-develop.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/esm2020/dateinput/dateinput.component.mjs +6 -2
  2. package/esm2020/datepicker/datepicker.component.mjs +0 -2
  3. package/esm2020/datetimepicker/datetimepicker.component.mjs +0 -1
  4. package/esm2020/package-metadata.mjs +2 -2
  5. package/fesm2015/progress-kendo-angular-dateinputs.mjs +8 -7
  6. package/fesm2020/progress-kendo-angular-dateinputs.mjs +8 -7
  7. package/package.json +9 -9
package/esm2020/dateinput/dateinput.component.mjs CHANGED
@@ -380,6 +380,7 @@ export class DateInputComponent {
380
380
  */
381
381
  set value(value) {
382
382
  this.verifyValue(value);
383
+ this.showClearButton = value || (!value && this.isDateIncomplete) ? true : false;
383
384
  this._value = cloneDate(value);
384
385
  this.valueUpdate.emit(cloneDate(value));
385
386
  }
@@ -597,6 +598,9 @@ export class DateInputComponent {
597
598
  this.incompleteValidator = this.incompleteDateValidation ? incompleteDateValidator() : noop;
598
599
  this.onValidatorChange();
599
600
  }
601
+ if (changes['clearButton']) {
602
+ this.showClearButton = this.clearButton && (isPresent(this.value) || this.isDateIncomplete);
603
+ }
600
604
  const isEqualToKendoDate = this.kendoDate && isEqual(this.value, this.kendoDate.value);
601
605
  if (!isEqualToKendoDate) {
602
606
  if (!this.kendoDate) {
@@ -720,7 +724,7 @@ export class DateInputComponent {
720
724
  */
721
725
  notify() {
722
726
  this.ngZone.run(() => {
723
- this.showClearButton = true;
727
+ this.showClearButton = this.value ? true : false;
724
728
  this.onControlChange(cloneDate(this.value));
725
729
  this.valueChange.emit(cloneDate(this.value));
726
730
  });
@@ -795,7 +799,7 @@ export class DateInputComponent {
795
799
  onWidgetInputEnd() {
796
800
  this.updateIncompleteValidationStatus();
797
801
  if (this.clearButton) {
798
- this.showClearButton = true;
802
+ this.showClearButton = this.value || this.isDateIncomplete ? true : false;
799
803
  this.cdr.markForCheck();
800
804
  }
801
805
  }
package/esm2020/datepicker/datepicker.component.mjs CHANGED
@@ -785,8 +785,6 @@ export class DatePickerComponent extends MultiTabStop {
785
785
  * @hidden
786
786
  */
787
787
  handleChange(value) {
788
- this.cdr.markForCheck();
789
- this.dateInput.showClearButton = true;
790
788
  this.value = value;
791
789
  if (this.show) {
792
790
  this.focusInput();
package/esm2020/datetimepicker/datetimepicker.component.mjs CHANGED
@@ -1271,7 +1271,6 @@ export class DateTimePickerComponent extends MultiTabStop {
1271
1271
  if (isEqual(this.value, value)) {
1272
1272
  return;
1273
1273
  }
1274
- this.dateInput.showClearButton = true;
1275
1274
  this.value = cloneDate(value);
1276
1275
  this.onControlChange(cloneDate(value));
1277
1276
  this.valueChange.emit(cloneDate(value));
package/esm2020/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-dateinputs',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1718196388,
13
- version: '16.3.0-develop.5',
12
+ publishDate: 1718209274,
13
+ version: '16.3.0-develop.7',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/fesm2015/progress-kendo-angular-dateinputs.mjs CHANGED
@@ -37,8 +37,8 @@ const packageMetadata = {
37
37
  name: '@progress/kendo-angular-dateinputs',
38
38
  productName: 'Kendo UI for Angular',
39
39
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
40
- publishDate: 1718196388,
41
- version: '16.3.0-develop.5',
40
+ publishDate: 1718209274,
41
+ version: '16.3.0-develop.7',
42
42
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
43
43
  };
44
44
 
@@ -8387,6 +8387,7 @@ class DateInputComponent {
8387
8387
  */
8388
8388
  set value(value) {
8389
8389
  this.verifyValue(value);
8390
+ this.showClearButton = value || (!value && this.isDateIncomplete) ? true : false;
8390
8391
  this._value = cloneDate(value);
8391
8392
  this.valueUpdate.emit(cloneDate(value));
8392
8393
  }
@@ -8605,6 +8606,9 @@ class DateInputComponent {
8605
8606
  this.incompleteValidator = this.incompleteDateValidation ? incompleteDateValidator() : noop$2;
8606
8607
  this.onValidatorChange();
8607
8608
  }
8609
+ if (changes['clearButton']) {
8610
+ this.showClearButton = this.clearButton && (isPresent(this.value) || this.isDateIncomplete);
8611
+ }
8608
8612
  const isEqualToKendoDate = this.kendoDate && isEqual(this.value, this.kendoDate.value);
8609
8613
  if (!isEqualToKendoDate) {
8610
8614
  if (!this.kendoDate) {
@@ -8730,7 +8734,7 @@ class DateInputComponent {
8730
8734
  */
8731
8735
  notify() {
8732
8736
  this.ngZone.run(() => {
8733
- this.showClearButton = true;
8737
+ this.showClearButton = this.value ? true : false;
8734
8738
  this.onControlChange(cloneDate(this.value));
8735
8739
  this.valueChange.emit(cloneDate(this.value));
8736
8740
  });
@@ -8802,7 +8806,7 @@ class DateInputComponent {
8802
8806
  onWidgetInputEnd() {
8803
8807
  this.updateIncompleteValidationStatus();
8804
8808
  if (this.clearButton) {
8805
- this.showClearButton = true;
8809
+ this.showClearButton = this.value || this.isDateIncomplete ? true : false;
8806
8810
  this.cdr.markForCheck();
8807
8811
  }
8808
8812
  }
@@ -10099,8 +10103,6 @@ class DatePickerComponent extends MultiTabStop {
10099
10103
  * @hidden
10100
10104
  */
10101
10105
  handleChange(value) {
10102
- this.cdr.markForCheck();
10103
- this.dateInput.showClearButton = true;
10104
10106
  this.value = value;
10105
10107
  if (this.show) {
10106
10108
  this.focusInput();
@@ -15667,7 +15669,6 @@ class DateTimePickerComponent extends MultiTabStop {
15667
15669
  if (isEqual(this.value, value)) {
15668
15670
  return;
15669
15671
  }
15670
- this.dateInput.showClearButton = true;
15671
15672
  this.value = cloneDate(value);
15672
15673
  this.onControlChange(cloneDate(value));
15673
15674
  this.valueChange.emit(cloneDate(value));
package/fesm2020/progress-kendo-angular-dateinputs.mjs CHANGED
@@ -37,8 +37,8 @@ const packageMetadata = {
37
37
  name: '@progress/kendo-angular-dateinputs',
38
38
  productName: 'Kendo UI for Angular',
39
39
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
40
- publishDate: 1718196388,
41
- version: '16.3.0-develop.5',
40
+ publishDate: 1718209274,
41
+ version: '16.3.0-develop.7',
42
42
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
43
43
  };
44
44
 
@@ -8369,6 +8369,7 @@ class DateInputComponent {
8369
8369
  */
8370
8370
  set value(value) {
8371
8371
  this.verifyValue(value);
8372
+ this.showClearButton = value || (!value && this.isDateIncomplete) ? true : false;
8372
8373
  this._value = cloneDate(value);
8373
8374
  this.valueUpdate.emit(cloneDate(value));
8374
8375
  }
@@ -8586,6 +8587,9 @@ class DateInputComponent {
8586
8587
  this.incompleteValidator = this.incompleteDateValidation ? incompleteDateValidator() : noop$2;
8587
8588
  this.onValidatorChange();
8588
8589
  }
8590
+ if (changes['clearButton']) {
8591
+ this.showClearButton = this.clearButton && (isPresent(this.value) || this.isDateIncomplete);
8592
+ }
8589
8593
  const isEqualToKendoDate = this.kendoDate && isEqual(this.value, this.kendoDate.value);
8590
8594
  if (!isEqualToKendoDate) {
8591
8595
  if (!this.kendoDate) {
@@ -8709,7 +8713,7 @@ class DateInputComponent {
8709
8713
  */
8710
8714
  notify() {
8711
8715
  this.ngZone.run(() => {
8712
- this.showClearButton = true;
8716
+ this.showClearButton = this.value ? true : false;
8713
8717
  this.onControlChange(cloneDate(this.value));
8714
8718
  this.valueChange.emit(cloneDate(this.value));
8715
8719
  });
@@ -8784,7 +8788,7 @@ class DateInputComponent {
8784
8788
  onWidgetInputEnd() {
8785
8789
  this.updateIncompleteValidationStatus();
8786
8790
  if (this.clearButton) {
8787
- this.showClearButton = true;
8791
+ this.showClearButton = this.value || this.isDateIncomplete ? true : false;
8788
8792
  this.cdr.markForCheck();
8789
8793
  }
8790
8794
  }
@@ -10076,8 +10080,6 @@ class DatePickerComponent extends MultiTabStop {
10076
10080
  * @hidden
10077
10081
  */
10078
10082
  handleChange(value) {
10079
- this.cdr.markForCheck();
10080
- this.dateInput.showClearButton = true;
10081
10083
  this.value = value;
10082
10084
  if (this.show) {
10083
10085
  this.focusInput();
@@ -15618,7 +15620,6 @@ class DateTimePickerComponent extends MultiTabStop {
15618
15620
  if (isEqual(this.value, value)) {
15619
15621
  return;
15620
15622
  }
15621
- this.dateInput.showClearButton = true;
15622
15623
  this.value = cloneDate(value);
15623
15624
  this.onControlChange(cloneDate(value));
15624
15625
  this.valueChange.emit(cloneDate(value));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-dateinputs",
3
- "version": "16.3.0-develop.5",
3
+ "version": "16.3.0-develop.7",
4
4
  "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).",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -34,18 +34,18 @@
34
34
  "@angular/forms": "15 - 18",
35
35
  "@angular/platform-browser": "15 - 18",
36
36
  "@progress/kendo-licensing": "^1.0.2",
37
- "@progress/kendo-angular-buttons": "16.3.0-develop.5",
38
- "@progress/kendo-angular-common": "16.3.0-develop.5",
39
- "@progress/kendo-angular-intl": "16.3.0-develop.5",
40
- "@progress/kendo-angular-l10n": "16.3.0-develop.5",
41
- "@progress/kendo-angular-icons": "16.3.0-develop.5",
42
- "@progress/kendo-angular-popup": "16.3.0-develop.5",
43
- "@progress/kendo-angular-navigation": "16.3.0-develop.5",
37
+ "@progress/kendo-angular-buttons": "16.3.0-develop.7",
38
+ "@progress/kendo-angular-common": "16.3.0-develop.7",
39
+ "@progress/kendo-angular-intl": "16.3.0-develop.7",
40
+ "@progress/kendo-angular-l10n": "16.3.0-develop.7",
41
+ "@progress/kendo-angular-icons": "16.3.0-develop.7",
42
+ "@progress/kendo-angular-popup": "16.3.0-develop.7",
43
+ "@progress/kendo-angular-navigation": "16.3.0-develop.7",
44
44
  "rxjs": "^6.5.3 || ^7.0.0"
45
45
  },
46
46
  "dependencies": {
47
47
  "tslib": "^2.3.1",
48
- "@progress/kendo-angular-schematics": "16.3.0-develop.5",
48
+ "@progress/kendo-angular-schematics": "16.3.0-develop.7",
49
49
  "@progress/kendo-common": "^0.2.0",
50
50
  "@progress/kendo-date-math": "^1.1.0",
51
51
  "@progress/kendo-dateinputs-common": "^0.3.3"