[EuiDatePicker] Fixed the bug of not seeing difference between the disabled/non-disabled times

CHANGELOG.md

@@ -7,6 +7,7 @@
 
 - Fixed nested indicator of last `EuiSideNav` item ([#4488](https://github.com/elastic/eui/pull/4488))
 - Fixed override possibility of text `color` in `EuiSideNavItem` ([#4488](https://github.com/elastic/eui/pull/4488))
+- Fixed the bug of not seeing difference between the disabled/non-disabled times in `EuiDatePicker` ([#4524](https://github.com/elastic/eui/pull/4524))
 
 **Theme: Amsterdam**
 

src/components/date_picker/_date_picker.scss

@@ -82,11 +82,16 @@
           text-align: left;
           padding-left: $euiSizeXL + $euiSizeXS;
           padding-right: $euiSizeXL + $euiSizeXS;
-          color: $euiTextColor;
 
           &.react-datepicker__time-list-item--selected {
             color: $euiColorGhost;
           }
+          &.react-datepicker__time-list-item--disabled{
+            color: $euiColorDisabledText
+          }
+          &.react-datepicker__time-list-item--injected{
+            color: $euiColorDisabledText
+          }
         }
       }
     }