fix(DateInput,TimeInput): adjust native browser controls icon position

webex · Mar 31, 2022 · b140129 · b140129
1 parent be778a9
commit b140129
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/components/inputs/DateInput/DateInput.scss b/src/components/inputs/DateInput/DateInput.scss
@@ -3,11 +3,13 @@ $C: #{$WEBEX_COMPONENTS_CLASS_PREFIX}-date-input;
 .#{$C} {
   input[type="date"] {
     position: relative;
-    padding-left: 2.5rem;
+    padding-left: 2rem;
 
     &::-webkit-calendar-picker-indicator {
       position: absolute;
-      left: -1rem;
+      margin: 0 0 0.25rem 0;
+      padding: 0;
+      left: 0.75rem;
       filter: var(--wxc-date-input--calendar-picker-indicator--filter);
     }
   }

diff --git a/src/components/inputs/TimeInput/TimeInput.scss b/src/components/inputs/TimeInput/TimeInput.scss
@@ -7,7 +7,9 @@ $C: #{$WEBEX_COMPONENTS_CLASS_PREFIX}-time-input;
 
     &::-webkit-calendar-picker-indicator {
       position: absolute;
-      left: -0.1rem;
+      margin: 0 0 0.25rem 0;
+      padding: 0;
+      left: 0.75rem;
       filter: var(--wxc-date-input--calendar-picker-indicator--filter);
     }
   }