From 67b16f9c2e2c3add4d5737a9b3a110d1a54d4cdb Mon Sep 17 00:00:00 2001
From: LAKHAN BAHETI <lakhanbaheti9@gmail.com>
Date: Wed, 6 Dec 2023 17:54:27 +0530
Subject: [PATCH] fix: date picker z visibility

---
 .../issues/issue-layouts/spreadsheet/spreadsheet-column.tsx     | 2 +-
 web/components/issues/view-select/due-date.tsx                  | 2 +-
 web/components/issues/view-select/start-date.tsx                | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/components/issues/issue-layouts/spreadsheet/spreadsheet-column.tsx b/web/components/issues/issue-layouts/spreadsheet/spreadsheet-column.tsx
index 0f7a138d4..ca093eb73 100644
--- a/web/components/issues/issue-layouts/spreadsheet/spreadsheet-column.tsx
+++ b/web/components/issues/issue-layouts/spreadsheet/spreadsheet-column.tsx
@@ -77,7 +77,7 @@ export const SpreadsheetColumn: React.FC<Props> = (props) => {
   const propertyDetails = SPREADSHEET_PROPERTY_DETAILS[property];
 
   return (
-    <div className="relative flex flex-col h-max w-full max-w-max bg-custom-background-100">
+    <div className="flex flex-col h-max w-full max-w-max bg-custom-background-100">
       <div className="flex items-center min-w-[8rem] px-4 py-1 text-sm font-medium z-[1] h-11 w-full sticky top-0 bg-custom-background-90 border border-l-0 border-custom-border-100">
         <CustomMenu
           customButtonClassName="!w-full"
diff --git a/web/components/issues/view-select/due-date.tsx b/web/components/issues/view-select/due-date.tsx
index 9e409e80b..216279dad 100644
--- a/web/components/issues/view-select/due-date.tsx
+++ b/web/components/issues/view-select/due-date.tsx
@@ -47,7 +47,7 @@ export const ViewDueDateSelect: React.FC<Props> = ({
       position={tooltipPosition}
     >
       <div
-        className={`group flex-shrink-0 relative max-w-[6.5rem] ${className} ${
+        className={`group flex-shrink-0 max-w-[6.5rem] ${className} ${
           issue.target_date === null
             ? ""
             : issue.target_date < new Date().toISOString()
diff --git a/web/components/issues/view-select/start-date.tsx b/web/components/issues/view-select/start-date.tsx
index f4688be9b..2f1d27c46 100644
--- a/web/components/issues/view-select/start-date.tsx
+++ b/web/components/issues/view-select/start-date.tsx
@@ -40,7 +40,7 @@ export const ViewStartDateSelect: React.FC<Props> = ({
       tooltipContent={issue.start_date ? renderShortDateWithYearFormat(issue.start_date) ?? "N/A" : "N/A"}
       position={tooltipPosition}
     >
-      <div className={`group flex-shrink-0 relative max-w-[6.5rem] ${className}`}>
+      <div className={`group flex-shrink-0 max-w-[6.5rem] ${className}`}>
         <CustomDatePicker
           value={issue?.start_date}
           onChange={onChange}