From e70cea15f021f711451544ed166eac33685f61b0 Mon Sep 17 00:00:00 2001
From: brandoncyu <Brandoncyu@gmail.com>
Date: Tue, 1 Oct 2024 13:06:44 -0700
Subject: [PATCH] Fix Filter modal's date range buttons style not being applied

---
 components/DateSelector/DateSelector.jsx | 12 +-----------
 components/DateSelector/useStyles.js     |  8 ++++++++
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/components/DateSelector/DateSelector.jsx b/components/DateSelector/DateSelector.jsx
index b46bcc12c..5f65a4515 100644
--- a/components/DateSelector/DateSelector.jsx
+++ b/components/DateSelector/DateSelector.jsx
@@ -11,7 +11,7 @@ import {
 import Typography from '@mui/material/Typography';
 import ArrowToolTip from '@components/common/ArrowToolTip';
 import options from './options';
-import makeStyles from '@mui/styles/makeStyles';
+import useStyles from './useStyles';
 import DateRanges from './DateRanges';
 
 const dateFormat = 'YYYY-MM-DD';
@@ -22,16 +22,6 @@ function DateSelector({
   updateEndDate,
 }) {
   const [expanded, setExpanded] = useState(false);
-  const useStyles = makeStyles(theme => ({
-  iconStyle: {
-    verticalAlign: 'middle',
-  },
-    header: {
-      fontSize: '12.47px',
-      fontWeight: theme.typography.fontWeightMedium,
-      marginBottom: '8px',
-    },
-  }));
   const classes = useStyles();
 
   const handleOptionSelect = optionDates => {
diff --git a/components/DateSelector/useStyles.js b/components/DateSelector/useStyles.js
index 95583e65d..c9c784e8f 100644
--- a/components/DateSelector/useStyles.js
+++ b/components/DateSelector/useStyles.js
@@ -43,6 +43,14 @@ const useStyles = makeStyles(theme => ({
   tooltipParagraph: {
     margin: '1px',
   },
+  iconStyle: {
+    verticalAlign: 'middle',
+  },
+    header: {
+      fontSize: '12.47px',
+      fontWeight: theme.typography.fontWeightMedium,
+      marginBottom: '8px',
+    },
 }));
 
 export default useStyles;