From 73544500f8fac52d2f814238ab057a5c5f04787a Mon Sep 17 00:00:00 2001
From: Tony-Villa <tonyvilla77@gmail.com>
Date: Mon, 10 Mar 2025 19:05:40 -0700
Subject: [PATCH] fix: prevent calendar from jumping on small screen heights

---
 client/src/components/UI/DateRangePicker.jsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/client/src/components/UI/DateRangePicker.jsx b/client/src/components/UI/DateRangePicker.jsx
index 4213b3ba..f48badf0 100644
--- a/client/src/components/UI/DateRangePicker.jsx
+++ b/client/src/components/UI/DateRangePicker.jsx
@@ -64,6 +64,16 @@ const DateRangePicker = ({
           dateFormat="yyyy-MM-dd"
           placeholderText={startDatePlaceholder || ""}
           popperPlacement="bottom-start"
+          popperModifiers={[
+            {
+              name: "flip",
+              enabled: false
+            },
+            {
+              name: "hide",
+              enabled: false
+            }
+          ]}
           onCalendarOpen={handleCalendarOpen}
           onCalendarClose={handleCalendarClose}
           onClick={e => {
@@ -87,6 +97,16 @@ const DateRangePicker = ({
           dateFormat="yyyy-MM-dd"
           placeholderText={endDatePlaceholder || ""}
           popperPlacement="bottom-end"
+          popperModifiers={[
+            {
+              name: "flip",
+              enabled: false
+            },
+            {
+              name: "hide",
+              enabled: false
+            }
+          ]}
           onCalendarOpen={handleCalendarOpen}
           onCalendarClose={handleCalendarClose}
           // withPortal