From 9e9f79abce315284f768a241e88fade144557eba Mon Sep 17 00:00:00 2001 From: tsanislavgatev Date: Wed, 26 Nov 2025 10:22:01 +0200 Subject: [PATCH 1/2] feat(ui5-datepicker): add clear icon --- packages/main/src/DatePickerInputTemplate.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/main/src/DatePickerInputTemplate.tsx b/packages/main/src/DatePickerInputTemplate.tsx index d1cc46e08b54..bf27d8625422 100644 --- a/packages/main/src/DatePickerInputTemplate.tsx +++ b/packages/main/src/DatePickerInputTemplate.tsx @@ -28,6 +28,7 @@ export default function DatePickerInputTemplate(this: DatePicker) { onInput={this._onInputInput} onSubmit={this._onInputSubmit} onKeyDown={this._onkeydown} + showClearIcon={true} > {!this.open && this.valueStateMessage.length > 0 && From dafa746e3f7b9aa127d22b06ad6bd70a0c8b47f8 Mon Sep 17 00:00:00 2001 From: tsanislavgatev Date: Wed, 26 Nov 2025 11:29:49 +0200 Subject: [PATCH 2/2] feat(ui5-datepicker): add clear icon --- packages/main/src/DatePicker.ts | 4 ++++ packages/main/src/DatePickerInputTemplate.tsx | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/main/src/DatePicker.ts b/packages/main/src/DatePicker.ts index 9884dbce8ae8..7704f3e1446b 100644 --- a/packages/main/src/DatePicker.ts +++ b/packages/main/src/DatePicker.ts @@ -671,6 +671,10 @@ class DatePicker extends DateComponentBase implements IFormInputElement { return this.isValidValue(value) && this.isInValidRange(value); } + get showClearIcon() { + return true; + } + /** * Checks if the provided value is valid and within valid range. * @protected diff --git a/packages/main/src/DatePickerInputTemplate.tsx b/packages/main/src/DatePickerInputTemplate.tsx index bf27d8625422..7864caf60408 100644 --- a/packages/main/src/DatePickerInputTemplate.tsx +++ b/packages/main/src/DatePickerInputTemplate.tsx @@ -28,7 +28,7 @@ export default function DatePickerInputTemplate(this: DatePicker) { onInput={this._onInputInput} onSubmit={this._onInputSubmit} onKeyDown={this._onkeydown} - showClearIcon={true} + showClearIcon={this.showClearIcon} > {!this.open && this.valueStateMessage.length > 0 &&