fix: fix outlined not working on date field component

acid-info · Oct 19, 2023 · 7a3fd89 · 7a3fd89
1 parent db4d10d
commit 7a3fd89
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/packages/lsd-react/src/components/DateRangePicker/DateRangePicker.styles.ts b/packages/lsd-react/src/components/DateRangePicker/DateRangePicker.styles.ts
@@ -5,6 +5,15 @@ import { dateFieldClasses } from '../DateField/DateField.classes'
 export const DateRangePickerStyles = css`
   .${dateRangePickerClasses.root} {
     box-sizing: border-box;
+
+    /* Remove default outline styles from date fields. */
+    .${dateFieldClasses.outlined} {
+      border: none;
+    }
+
+    .${dateFieldClasses.icon} {
+      padding: 8px;
+    }
   }
 
   .${dateRangePickerClasses.label} {
@@ -131,15 +140,6 @@ export const DateRangePickerStyles = css`
     }
   }
 
-  .${dateFieldClasses.icon} {
-    padding: 8px;
-  }
-
-  /* Remove default outline styles from date fields. */
-  .${dateFieldClasses.outlined} {
-    border: none;
-  }
-
   .${dateRangePickerClasses.separator} {
     margin-left: 3px;
     width: 1px;