From 3cb79c167e6a50260b099a5f34782ecb8dea4025 Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandrocelaya@gmail.com>
Date: Sun, 23 Oct 2022 10:13:53 +0200
Subject: [PATCH] Fixed date picker time styles

---
 src/utils/DateInput.scss | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

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;