Merge pull request #1826 from DorianDeptuch/make-date-range-textboxes…

…-clickable-in-search-and-filters-modal-#1806 Make date range textboxes clickable in Search and Filters modal
hackforla · Sep 22, 2024 · 6a26923 · 6a26923
2 parents ce5d828 + addb400
commit 6a26923
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/components/common/DatePicker/DatePicker.jsx b/components/common/DatePicker/DatePicker.jsx
@@ -24,6 +24,9 @@ const useStyles = makeStyles(theme => ({
     borderRadius: 5,
     fontSize: '12px',
     color: theme.palette.text.secondaryLight,
+    '& > div': {
+      cursor: 'pointer',
+    },
   },
   placeholder: {
     color: theme.palette.text.secondaryDark,
@@ -112,7 +115,9 @@ function DatePicker({
   };
   return (
     <div ref={ref} className={classes.selector}>
-      <div>{renderSelectedDays([startDate, endDate], classes, range)}</div>
+      <div onClick={toggleCalendar}>
+        {renderSelectedDays([startDate, endDate], classes, range)}
+      </div>
       <IconButton
         className={classes.button}
         aria-label="toggle calendar datepicker"