Merge pull request #6071 from tejas-agravat-dev/fix/5969

fix: Hiding popper arrow should remove offset

Author: martijnrusschen

src/popper_component.tsx

@@ -47,7 +47,11 @@ export const PopperComponent: React.FC<PopperComponentProps> = (props) => {
   let popper: React.ReactElement | undefined = undefined;
 
   if (!hidePopper) {
-    const classes = clsx("react-datepicker-popper", className);
+    const classes = clsx(
+      "react-datepicker-popper",
+      !showArrow && "react-datepicker-popper-offset",
+      className,
+    );
     popper = (
       <TabLoop enableTabLoop={enableTabLoop}>
         {/* eslint-disable react-hooks/refs -- Floating UI values are designed to be used during render */}

src/stylesheets/datepicker.scss

@@ -769,3 +769,7 @@ h2.react-datepicker__current-month {
   height: 1em;
   vertical-align: -0.125em;
 }
+
+.react-datepicker-popper-offset {
+  margin-top: -0.7rem;
+}