fix: date picker content render issue (#25584)

Co-authored-by: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com>
2025-12-03 19:46:28 +00:00
parent 2fc1078158
commit 5ddfbcf225
1 changed files with 4 additions and 1 deletions
@@ -45,12 +45,15 @@ const DatePicker = ({ minDate, disabled, date, onDatesChange, className }: Props
            {date ? <>{format(date, "LLL dd, y")}</> : <span>Pick a date</span>}
          </Button>
        </Popover.Trigger>
+        <Popover.Portal>
        <Popover.Content
          className="bg-default text-emphasis z-50 w-auto rounded-md border p-0 outline-none"
          align="start"
-          sideOffset={4}>
+          sideOffset={4}
+          >
          {calender}
        </Popover.Content>
+        </Popover.Portal>
      </Popover.Root>
    </div>
  );