fix: date picker content render issue (calcom#25584)

Co-authored-by: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com>

Author: abhix4

packages/ui/components/form/datepicker/DatePicker.tsx

@@ -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>
   );