🐛 Fix bug with react-datepicker zindex

karlosos · Mar 14, 2024 · 48ab2bf · 48ab2bf
1 parent e1cd491
commit 48ab2bf
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/app/features/TimeEntries/components/TimeEntryEdit/TimeEntryEdit.tsx b/src/app/features/TimeEntries/components/TimeEntryEdit/TimeEntryEdit.tsx
@@ -62,6 +62,7 @@ export const TimeEntryEdit: React.FC<TimeEntryEditProps> = ({
         />
         <div data-testid={testId.startTime}>
           <DatePicker
+            portalId="root-portal"
             className="border-gray_border rounded border hover:border-black focus:outline-blue-500"
             selected={new Date(startTimeValue)}
             wrapperClassName={styles.date_picker}
@@ -75,6 +76,7 @@ export const TimeEntryEdit: React.FC<TimeEntryEditProps> = ({
         </div>
         <div data-testid={testId.stopTime}>
           <DatePicker
+            portalId="root-portal"
             className="border-gray_border rounded border hover:border-black focus:outline-blue-500"
             disabled={!stopTimeValue}
             wrapperClassName={styles.date_picker}