From 92df3e5a3c3e37f8c24c9a3a7e7537b3eaf68c56 Mon Sep 17 00:00:00 2001 From: didimmova Date: Wed, 15 Oct 2025 16:33:25 +0300 Subject: [PATCH 1/4] fix(datepicker): fix datepicker issues when clearing value and notch border --- src/components/date-picker/date-picker.ts | 5 +++++ .../date-picker/themes/shared/date-picker.material.scss | 8 +++++++- 2 files changed, 12 insertions(+), 1 deletion(-) diff --git a/src/components/date-picker/date-picker.ts b/src/components/date-picker/date-picker.ts index 55c27ce6b..81e39ebf6 100644 --- a/src/components/date-picker/date-picker.ts +++ b/src/components/date-picker/date-picker.ts @@ -611,6 +611,11 @@ export default class IgcDatePickerComponent extends FormAssociatedRequiredMixin( this._oldValue = this.value; this.value = null; this._input?.clear(); + + if (this.nonEditable || !this._isDropDown) { + this._input.blur(); + Promise.resolve().then(() => this._input.focus()); + } } /** Increments the passed in date part */ diff --git a/src/components/date-picker/themes/shared/date-picker.material.scss b/src/components/date-picker/themes/shared/date-picker.material.scss index 72b1a195d..2e4ba3776 100644 --- a/src/components/date-picker/themes/shared/date-picker.material.scss +++ b/src/components/date-picker/themes/shared/date-picker.material.scss @@ -3,6 +3,12 @@ $theme: $material; +:host([outlined]) { + igc-date-time-input::part(notch) { + border-top: 2px solid transparent; + } +} + :host([outlined][readonly]:hover) { igc-date-time-input::part(start), igc-date-time-input::part(end), @@ -83,7 +89,7 @@ $theme: $material; border-color: var-get($theme, 'error-secondary-color'); } - &::part(notch) { + igc-date-time-input::part(notch) { border-bottom-color: var-get($theme, 'error-secondary-color'); } } From 7490a8cd7adcf361d4bc91f71b0c964b459f5ed2 Mon Sep 17 00:00:00 2001 From: didimmova Date: Mon, 20 Oct 2025 15:14:44 +0300 Subject: [PATCH 2/4] fix(datepicker): fix placeholder showing on clear for nonEditable inputs --- src/components/date-picker/date-picker.ts | 5 ----- src/components/date-time-input/date-time-input.ts | 4 ++++ 2 files changed, 4 insertions(+), 5 deletions(-) diff --git a/src/components/date-picker/date-picker.ts b/src/components/date-picker/date-picker.ts index 81e39ebf6..55c27ce6b 100644 --- a/src/components/date-picker/date-picker.ts +++ b/src/components/date-picker/date-picker.ts @@ -611,11 +611,6 @@ export default class IgcDatePickerComponent extends FormAssociatedRequiredMixin( this._oldValue = this.value; this.value = null; this._input?.clear(); - - if (this.nonEditable || !this._isDropDown) { - this._input.blur(); - Promise.resolve().then(() => this._input.focus()); - } } /** Increments the passed in date part */ diff --git a/src/components/date-time-input/date-time-input.ts b/src/components/date-time-input/date-time-input.ts index 24c73383d..9696652ad 100644 --- a/src/components/date-time-input/date-time-input.ts +++ b/src/components/date-time-input/date-time-input.ts @@ -524,6 +524,10 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin< return mask; } + if (this.readOnly) { + return ''; + } + return this._maskedValue === '' ? mask : this._maskedValue; } From c808e8f4777a42dd40283248785abf44145637d9 Mon Sep 17 00:00:00 2001 From: didimmova Date: Mon, 20 Oct 2025 15:29:18 +0300 Subject: [PATCH 3/4] fix(date-range): fix input border of notch when outlined --- .../themes/shared/date-range-picker.common.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/components/date-range-picker/themes/shared/date-range-picker.common.scss b/src/components/date-range-picker/themes/shared/date-range-picker.common.scss index 9dde79ba5..56ceb760a 100644 --- a/src/components/date-range-picker/themes/shared/date-range-picker.common.scss +++ b/src/components/date-range-picker/themes/shared/date-range-picker.common.scss @@ -60,6 +60,12 @@ $theme: $material; } } +:host([outlined]) { + igc-date-time-input::part(notch) { + border-top: 2px solid transparent; + } +} + :host(:not([readonly])) { --affix-color: #{var-get($theme, 'input-prefix-color')}; From 87668447f2663f12d267ee203e079e46ed5aa42f Mon Sep 17 00:00:00 2001 From: Simeon Simeonoff Date: Tue, 21 Oct 2025 12:44:30 +0300 Subject: [PATCH 4/4] refactor(*): fix border declarations in date pickers --- .../date-picker/themes/shared/date-picker.material.scss | 2 +- .../themes/shared/date-range-picker.common.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/date-picker/themes/shared/date-picker.material.scss b/src/components/date-picker/themes/shared/date-picker.material.scss index 2e4ba3776..119883c07 100644 --- a/src/components/date-picker/themes/shared/date-picker.material.scss +++ b/src/components/date-picker/themes/shared/date-picker.material.scss @@ -5,7 +5,7 @@ $theme: $material; :host([outlined]) { igc-date-time-input::part(notch) { - border-top: 2px solid transparent; + border-block-start: rem(2px) solid transparent; } } diff --git a/src/components/date-range-picker/themes/shared/date-range-picker.common.scss b/src/components/date-range-picker/themes/shared/date-range-picker.common.scss index 56ceb760a..a4e8dd10d 100644 --- a/src/components/date-range-picker/themes/shared/date-range-picker.common.scss +++ b/src/components/date-range-picker/themes/shared/date-range-picker.common.scss @@ -62,7 +62,7 @@ $theme: $material; :host([outlined]) { igc-date-time-input::part(notch) { - border-top: 2px solid transparent; + border-block-start: rem(2px) solid transparent; } }