From 02238a6a80751019810bb1ac49f5cf5d2a4b6f4b Mon Sep 17 00:00:00 2001
From: Michael Sun <55160142+MichaelSun48@users.noreply.github.com>
Date: Thu, 12 Dec 2024 17:58:15 -0500
Subject: [PATCH] chore(date-picker): fix styles (#82058)

---
 static/app/components/calendar/calendarStylesWrapper.tsx | 4 ++++
 static/app/components/calendar/dateRangePicker.tsx       | 9 +--------
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/static/app/components/calendar/calendarStylesWrapper.tsx b/static/app/components/calendar/calendarStylesWrapper.tsx
index a6a4d117171fbf..2be8a9b7f7b583 100644
--- 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
index fe5e26db3a3334..0bbb0e9bd3b0db 100644
--- 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;