From c8025dcf00d1bc5553a4b0cdad827440db6a7acf Mon Sep 17 00:00:00 2001
From: Mohammed Nihal <57055998+nihal467@users.noreply.github.com>
Date: Mon, 27 Jan 2025 18:34:12 +0530
Subject: [PATCH] Fix: Date & Time selection box is clipping out on mobile
 devices (#10091) (#10211)

Co-authored-by: Kamishetty Rishith <119791436+Rishith25@users.noreply.github.com>
---
 src/components/Common/DateInputV2.tsx       | 4 ++--
 src/components/Symptoms/SymptomsBuilder.tsx | 2 --
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/Common/DateInputV2.tsx b/src/components/Common/DateInputV2.tsx
index 26c6a702c50..f8aa74f4d1c 100644
--- a/src/components/Common/DateInputV2.tsx
+++ b/src/components/Common/DateInputV2.tsx
@@ -345,8 +345,8 @@ const DateInputV2: React.FC<Props> = ({
     const popOverX = popoverButtonRef.current?.getBoundingClientRect().x || 0;
     const popOverY = popoverButtonRef.current?.getBoundingClientRect().y || 0;
 
-    const right = popOverX > viewportWidth - (allowTime ? 420 : 300);
-    const top = popOverY > viewportHeight - 400;
+    const right = popOverX > viewportWidth - 300;
+    const top = popOverY > viewportHeight - 300;
 
     return `${right ? "sm:-translate-x-1/2" : ""} ${top ? "md:-translate-y-[calc(100%+50px)]" : ""} ${right ? "max-sm:-translate-x-1/2" : ""} ${top ? "max-sm:-translate-y-[calc(100%+50px)]" : ""}`.trim();
   };
diff --git a/src/components/Symptoms/SymptomsBuilder.tsx b/src/components/Symptoms/SymptomsBuilder.tsx
index fdd771b3f3e..92c755ca60b 100644
--- a/src/components/Symptoms/SymptomsBuilder.tsx
+++ b/src/components/Symptoms/SymptomsBuilder.tsx
@@ -113,7 +113,6 @@ export const EncounterSymptomsBuilder = (props: {
       >
         {items.map((symptom) => {
           const handleUpdate = async (event: FieldChangeEvent<unknown>) => {
-            setIsProcessing(true);
             const { res } = await request(SymptomsApi.partialUpdate, {
               pathParams: { consultationId, external_id: symptom.id },
               body: { [event.name]: event.value },
@@ -122,7 +121,6 @@ export const EncounterSymptomsBuilder = (props: {
               props.onChange?.();
               await refetch();
             }
-            setIsProcessing(false);
           };
 
           const handleMarkAsEnteredInError = async () => {