From ea360a99e2fff2b4c322d122e26f44f73dc2c2f5 Mon Sep 17 00:00:00 2001
From: sivanova <sivanova@infragistics.com>
Date: Fri, 29 Aug 2025 15:03:06 +0300
Subject: [PATCH] fix(date-picker): disabled state styles

---
 .../date-picker/themes/shared/date-picker.common.scss         | 2 +-
 .../themes/shared/date-range-picker.indigo.scss               | 2 +-
 src/components/input/themes/shared/input.common.scss          | 2 +-
 src/components/input/themes/shared/input.fluent.scss          | 4 ++--
 src/components/input/themes/shared/input.indigo.scss          | 4 ++--
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/date-picker/themes/shared/date-picker.common.scss b/src/components/date-picker/themes/shared/date-picker.common.scss
index f030603f7..49931b4a3 100644
--- a/src/components/date-picker/themes/shared/date-picker.common.scss
+++ b/src/components/date-picker/themes/shared/date-picker.common.scss
@@ -66,7 +66,7 @@ $input-theme: input-theme.$material;
     }
 }
 
-:host(:not([readonly])) {
+:host(:not([disabled],[readonly])) {
     --affix-color: #{var-get($theme, 'input-prefix-color')};
 
     igc-date-time-input[readonly] {
diff --git a/src/components/date-range-picker/themes/shared/date-range-picker.indigo.scss b/src/components/date-range-picker/themes/shared/date-range-picker.indigo.scss
index 7302b6f5d..e86fed3a9 100644
--- a/src/components/date-range-picker/themes/shared/date-range-picker.indigo.scss
+++ b/src/components/date-range-picker/themes/shared/date-range-picker.indigo.scss
@@ -37,7 +37,7 @@ $theme: $indigo;
     }
 }
 
-:host(:not([readonly]):hover) {
+:host(:not([readonly],[disabled]):hover) {
     igc-input[readonly]::part(container),
     igc-date-time-input:hover::part(container) {
         background: var-get($theme, 'box-background-hover');
diff --git a/src/components/input/themes/shared/input.common.scss b/src/components/input/themes/shared/input.common.scss
index b9a8c9c99..25b77cd52 100644
--- a/src/components/input/themes/shared/input.common.scss
+++ b/src/components/input/themes/shared/input.common.scss
@@ -30,7 +30,7 @@ $theme: $base;
 }
 
 :host(:focus-within),
-:host(:not([readonly]):hover) {
+:host(:not([readonly],[disabled]):hover) {
     [part~='input']::placeholder {
         color: var-get($theme, 'hover-placeholder-color');
     }
diff --git a/src/components/input/themes/shared/input.fluent.scss b/src/components/input/themes/shared/input.fluent.scss
index a957f7c34..75c0dc031 100644
--- a/src/components/input/themes/shared/input.fluent.scss
+++ b/src/components/input/themes/shared/input.fluent.scss
@@ -95,7 +95,7 @@ $theme: $fluent;
     }
 }
 
-:host(:not([readonly], :focus-within):hover) {
+:host(:not([readonly], [disabled], :focus-within):hover) {
     [part^='container'] {
         &::before {
             // The color: here is the actual box-shadow color. If we don't provide color-value to the shadow it
@@ -121,7 +121,7 @@ $theme: $fluent;
     }
 }
 
-:host([aria-haspopup]:not([readonly], :focus-within):hover) {
+:host([aria-haspopup]:not([readonly], [disabled], :focus-within):hover) {
     [part^='container'] {
         &::before {
             color: var-get($theme, 'hover-border-color');
diff --git a/src/components/input/themes/shared/input.indigo.scss b/src/components/input/themes/shared/input.indigo.scss
index 9002d7785..c5dd5bbcb 100644
--- a/src/components/input/themes/shared/input.indigo.scss
+++ b/src/components/input/themes/shared/input.indigo.scss
@@ -125,8 +125,8 @@ $transition-duration: .25s;
     }
 }
 
-:host(:not([readonly]):hover),
-:host([readonly][role='combobox']:hover) {
+:host(:not([disabled],[readonly]):hover),
+:host(:not([disabled])[readonly][role='combobox']:hover) {
     [part~='filled'] {
         [part~='input'] {
             color: var-get($theme, 'filled-text-hover-color');