fix: month dropdown background color

DTS-STN · Aug 17, 2023 · 1127772 · 1127772
1 parent de224f6
commit 1127772
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/components/CustomDropdown/CustomDropdown.css b/src/components/CustomDropdown/CustomDropdown.css
@@ -19,6 +19,7 @@
   padding-right: 14px;
   outline: none;
   color: #6f6f6f;
+  background-color: rgba(255, 255, 255, 1);
 }
 
 .dropdown-open {
@@ -33,6 +34,7 @@
   padding-left: 14px;
   cursor: pointer;
   outline: none;
+  background-color: rgba(255, 255, 255, 1);
 }
 
 .dropdown-option:hover {

diff --git a/src/components/CustomDropdown/CustomDropdown.js b/src/components/CustomDropdown/CustomDropdown.js
@@ -81,7 +81,9 @@ export const CustomDropdown = (props) => {
                           index === 0
                             ? "ds-border-none"
                             : "ds-border-t-[1px] ds-border-[#666666] ds-border-opacity-60"
-                        } ${option.value === selectedOption ? "selected" : ""}`}
+                        } ${
+                          option.value === selectedOption ? "selected" : ""
+                        } ds-list-none`}
                       >
                         <button
                           onClick={() => handleOptionClick(option.value)}
@@ -104,7 +106,9 @@ export const CustomDropdown = (props) => {
                           index === 0
                             ? "ds-border-none"
                             : "ds-border-t-[1px] ds-border-[#666666] ds-border-opacity-60"
-                        } ${option.value === selectedOption ? "selected" : ""}`}
+                        } ${
+                          option.value === selectedOption ? "selected" : ""
+                        } ds-list-none`}
                       >
                         <button
                           onClick={() => handleOptionClick(option.value)}

diff --git a/src/components/FormDatePicker/FormDatePicker.js b/src/components/FormDatePicker/FormDatePicker.js
@@ -187,7 +187,7 @@ export function FormDatePicker(props) {
               min={"1"}
               max={maxDay}
               onChange={_onDayChange}
-              className={`ds-w-[51px] ds-px-10px ds-rounded ds-date-text ds-border-2 ds-border-multi-neutrals-grey85a ds-py-5px ds-outline-none ${validationClass}`}
+              className={`ds-w-[51px] ds-h-[44px] ds-px-10px ds-rounded ds-date-text ds-border-2 ds-border-multi-neutrals-grey85a ds-py-5px ds-outline-none ${validationClass}`}
             />
           </div>
         ) : null}
@@ -203,7 +203,7 @@ export function FormDatePicker(props) {
               min={minYear}
               max={maxYear}
               onChange={_onYearChange}
-              className={`ds-w-[74px] ds-py-5px ds-px-10px ds-rounded ds-date-text ds-border-2 ds-border-multi-neutrals-grey85a ds-outline-none ${validationClass}`}
+              className={`ds-w-[74px] ds-h-[44px] ds-py-5px ds-px-10px ds-rounded ds-date-text ds-border-2 ds-border-multi-neutrals-grey85a ds-outline-none ${validationClass}`}
             />
           </div>
         ) : null}