fix: add focus outline to dropdown select

Author: gpbl

src/style.css

@@ -180,14 +180,10 @@
   margin: 0;
   padding: 0;
   cursor: inherit;
-  opacity: 0;
+  color: transparent;
   border: none;
   background-color: transparent;
   line-height: inherit;
-  /* font: 1rem; */
-}
-
-.rdp-dropdown[disabled] {
 }
 
 .rdp-dropdown_root {
@@ -196,14 +192,6 @@
   align-items: center;
 }
 
-.rdp-dropdown_root::after {
-  position: absolute;
-  inset-block-start: 50%;
-  inset-inline-end: 5px;
-  transform: translateY(-50%);
-  pointer-events: none;
-}
-
 .rdp-month_caption {
   display: flex;
   align-content: center;
@@ -333,8 +321,3 @@
 .rdp-focusable {
   cursor: pointer;
 }
-
-.rdp-day_button:focus-visible {
-  /* outline: 2px solid var(--rdp-accent-color); */
-  /* You may want to add focus-outlines here. */
-}

src/style.module.css

@@ -180,14 +180,10 @@
   margin: 0;
   padding: 0;
   cursor: inherit;
-  opacity: 0;
+  color: transparent;
   border: none;
   background-color: transparent;
   line-height: inherit;
-  /* font: 1rem; */
-}
-
-.dropdown[disabled] {
 }
 
 .dropdown_root {
@@ -196,14 +192,6 @@
   align-items: center;
 }
 
-.dropdown_root::after {
-  position: absolute;
-  inset-block-start: 50%;
-  inset-inline-end: 5px;
-  transform: translateY(-50%);
-  pointer-events: none;
-}
-
 .month_caption {
   display: flex;
   align-content: center;
@@ -333,8 +321,3 @@
 .focusable {
   cursor: pointer;
 }
-
-.day_button:focus-visible {
-  /* outline: 2px solid var(--rdp-accent-color); */
-  /* You may want to add focus-outlines here. */
-}