Fixed date picker time styles

This commit is contained in:
Alejandro Celaya 2022-10-23 10:13:53 +02:00
parent 57a17d7e92
commit 3cb79c167e

View file

@ -51,8 +51,9 @@
} }
} }
.react-datepicker__time.react-datepicker__time,
.react-datepicker.react-datepicker { .react-datepicker.react-datepicker {
background-color: var(--primary-color); background-color: var(--primary-color) !important;
color: var(--text-color); color: var(--text-color);
border-color: var(--border-color); border-color: var(--border-color);
} }
@ -66,7 +67,7 @@
.react-datepicker-time__header.react-datepicker-time__header, .react-datepicker-time__header.react-datepicker-time__header,
.react-datepicker-year-header.react-datepicker-year-header, .react-datepicker-year-header.react-datepicker-year-header,
.react-datepicker__day-name.react-datepicker__day-name, .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 { .react-datepicker__time-name.react-datepicker__time-name {
color: inherit; color: inherit;
} }
@ -84,6 +85,18 @@
color: white !important; 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 { .react-datepicker-popper.react-datepicker-popper {
z-index: 2; z-index: 2;