diff --git a/src/utils/DateInput.scss b/src/utils/DateInput.scss index 8c0877b8..ef3af934 100644 --- a/src/utils/DateInput.scss +++ b/src/utils/DateInput.scss @@ -51,8 +51,9 @@ } } +.react-datepicker__time.react-datepicker__time, .react-datepicker.react-datepicker { - background-color: var(--primary-color); + background-color: var(--primary-color) !important; color: var(--text-color); border-color: var(--border-color); } @@ -66,7 +67,7 @@ .react-datepicker-time__header.react-datepicker-time__header, .react-datepicker-year-header.react-datepicker-year-header, .react-datepicker__day-name.react-datepicker__day-name, -.react-datepicker__day:not(:hover).react-datepicker__day:not(:hover), +.react-datepicker__day.react-datepicker__day:not(:hover):not(.react-datepicker__day--selected), .react-datepicker__time-name.react-datepicker__time-name { color: inherit; } @@ -84,6 +85,18 @@ color: white !important; } +.react-datepicker__time-list-item.react-datepicker__time-list-item:hover { + color: #232323; +} + +.react-datepicker__time-container.react-datepicker__time-container { + border-color: var(--border-color); +} + +.react-datepicker__time-list.react-datepicker__time-list { + +} + .react-datepicker-popper.react-datepicker-popper { z-index: 2;