Make popup calendar _appear_ static/uneditable

mileswwatkins · Nov 27, 2024 · 87cfcdc · 87cfcdc
1 parent f3c778b
commit 87cfcdc
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/components/MapPopup.css b/src/components/MapPopup.css
@@ -57,3 +57,14 @@
   padding: 12px;
   padding-bottom: 9px;
 }
+
+/* Avoid making the calendar appear selectable/editable */
+.Map-Popup-calendar .react-datepicker__day {
+  cursor: default;
+}
+.Map-Popup-calendar .react-datepicker__day:hover {
+  background-color: #ffffff;
+}
+.Map-Popup-calendar .react-datepicker__day--highlighted:hover {
+  background-color: #3dcc4a;
+}
diff --git a/src/components/MapPopup.js b/src/components/MapPopup.js
@@ -79,6 +79,7 @@ const MapPopup = ({ location, info }) => {
               <DatePicker
                 inline
                 fixedHeight
+                calendarClassName="Map-Popup-calendar"
                 // Helps with styling enough to be okay with the loss of
                 // accessibility
                 disabledKeyboardNavigation