feat(DateTimePicker): remove custom popper container and adjust z-index for improved layout

2026-03-04 11:00:39 +01:00
parent fcb83a9b72
commit 15bfcc80c3
2 changed files with 2 additions and 12 deletions
--- a/src/index.css
+++ b/src/index.css
@@ -801,10 +801,6 @@
 }

 /* ── Popper & calendar container ──────────────────────────────── */
-.react-datepicker-popper {
-  z-index: 100 !important;
-}
-
 .dtp-calendar.react-datepicker {
  background: var(--card-bg);
  border: 1px solid var(--border);
@@ -823,9 +819,9 @@
  display: none;
 }

-/* Portal-rendered popper must sit above modals (z-50 = 50 in Tailwind) */
+/* Must sit above the modal backdrop (z-50 stacking context) */
 .react-datepicker-popper {
-  z-index: 9999 !important;
+  z-index: 200 !important;
 }

 /* ── Header (custom rendered) ─────────────────────────────────── */