From d8d89f1b939eb8e1ecedaa60526e6744b14372b4 Mon Sep 17 00:00:00 2001
From: Shivank Kacker <kacker.shivank@gmail.com>
Date: Mon, 9 Sep 2024 03:43:14 +0530
Subject: [PATCH] made responsive

---
 src/Components/Common/DateInputV2.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Components/Common/DateInputV2.tsx b/src/Components/Common/DateInputV2.tsx
index 1857eb75a5a..4de3f2328dd 100644
--- a/src/Components/Common/DateInputV2.tsx
+++ b/src/Components/Common/DateInputV2.tsx
@@ -273,7 +273,7 @@ const DateInputV2: React.FC<Props> = ({
       case "LEFT":
         return "left-0";
       case "RIGHT":
-        return "right-0 transform translate-x-1/2";
+        return "right-0 transform md:translate-x-1/2";
       case "CENTER":
         return "transform -translate-x-1/2";
       case "TOP-LEFT":
@@ -317,7 +317,7 @@ const DateInputV2: React.FC<Props> = ({
               <PopoverPanel
                 static
                 className={classNames(
-                  `cui-dropdown-base absolute my-0.5 ${time ? "w-[400px]" : "w-72"} transition-all ${open ? "visible opacity-100" : "invisible opacity-0"} flex divide-y-0 rounded p-4`,
+                  `cui-dropdown-base absolute my-0.5 ${time ? "w-full md:w-[400px]" : "w-72"} transition-all ${open ? "visible opacity-100" : "invisible opacity-0"} flex divide-y-0 rounded p-4`,
                   getPosition(),
                 )}
               >