chore(date-picker): fix styles (#82058)

getsentry · Dec 12, 2024 · 02238a6 · 02238a6
1 parent 9b1ef04
commit 02238a6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/static/app/components/calendar/calendarStylesWrapper.tsx b/static/app/components/calendar/calendarStylesWrapper.tsx
@@ -244,6 +244,10 @@ const CalendarStylesWrapper = styled('div')`
     border-left-color: ${p => p.theme.textColor};
     margin: 0;
   }
+
+  .rdrDayPassive {
+    visibility: hidden;
+  }
 `;
 
 export default CalendarStylesWrapper;
diff --git a/static/app/components/calendar/dateRangePicker.tsx b/static/app/components/calendar/dateRangePicker.tsx
@@ -1,7 +1,6 @@
 import {useCallback, useMemo} from 'react';
 import type {DateRangeProps, Range, RangeKeyDict} from 'react-date-range';
 import {DateRange} from 'react-date-range';
-import styled from '@emotion/styled';
 
 import CalendarStylesWrapper from './calendarStylesWrapper';
 
@@ -43,15 +42,9 @@ function DateRangePicker({
 
   return (
     <CalendarStylesWrapper>
-      <StyledDateRangePicker {...props} onChange={onChange} ranges={ranges} />
+      <DateRange {...props} onChange={onChange} ranges={ranges} />
     </CalendarStylesWrapper>
   );
 }
 
-const StyledDateRangePicker = styled(DateRange)`
-  .rdrDayPassive {
-    visibility: hidden;
-  }
-`;
-
 export default DateRangePicker;