cr-ui-lib 1.1.115 → 1.1.117

package/dist/index.d.mts

@@ -538,8 +538,10 @@ declare type PopupWrapperV2Props = {
     closePopup?: () => void;
     hasClosePopup?: boolean;
     isPortal?: boolean;
+    portalTop?: number;
+    portalRight?: number;
 } & React.HTMLAttributes<HTMLElement>;
-declare const PopupWrapperV2: ({ children, className, isOpen, stayMounted, closePopup, hasClosePopup, isPortal, ...rest }: PopupWrapperV2Props) => JSX.Element | null;
+declare const PopupWrapperV2: ({ children, className, isOpen, stayMounted, closePopup, hasClosePopup, isPortal, portalTop, portalRight, ...rest }: PopupWrapperV2Props) => JSX.Element | null;
 
 declare type LayoutProps = {
     children: React.ReactNode;

package/dist/index.d.ts

@@ -538,8 +538,10 @@ declare type PopupWrapperV2Props = {
     closePopup?: () => void;
     hasClosePopup?: boolean;
     isPortal?: boolean;
+    portalTop?: number;
+    portalRight?: number;
 } & React.HTMLAttributes<HTMLElement>;
-declare const PopupWrapperV2: ({ children, className, isOpen, stayMounted, closePopup, hasClosePopup, isPortal, ...rest }: PopupWrapperV2Props) => JSX.Element | null;
+declare const PopupWrapperV2: ({ children, className, isOpen, stayMounted, closePopup, hasClosePopup, isPortal, portalTop, portalRight, ...rest }: PopupWrapperV2Props) => JSX.Element | null;
 
 declare type LayoutProps = {
     children: React.ReactNode;

package/dist/index.js

@@ -2025,9 +2025,8 @@ var DateRangePicker = ({
   );
   const [endDate, setEndDate] = React.useState(getInitialEndDate());
   const [leftMonth, setLeftMonth] = React.useState(() => {
-    const prevMonth = /* @__PURE__ */ new Date();
-    prevMonth.setMonth(prevMonth.getMonth() - 1);
-    return prevMonth;
+    const now = /* @__PURE__ */ new Date();
+    return new Date(now.getFullYear(), now.getMonth() - 1, 1);
   });
   const [rightMonth, setRightMonth] = React.useState(/* @__PURE__ */ new Date());
   const [hoveredDate, setHoveredDate] = React.useState(null);
@@ -2140,11 +2139,17 @@ var DateRangePicker = ({
   ];
   React.useEffect(() => {
     if (previousLabelRef.current === "" && end_date !== "" && start_date !== "") {
-      setLeftMonth(new Date(start_date));
-      setRightMonth(new Date(end_date));
-      setStartDate(new Date(start_date));
-      setEndDate(new Date(end_date));
-      if (new Date(end_date) < /* @__PURE__ */ new Date() && previousLabelRef.current !== "") {
+      const parsedStart = new Date(start_date);
+      const parsedEnd = new Date(end_date);
+      if (parsedStart.getMonth() === parsedEnd.getMonth() && parsedStart.getFullYear() === parsedEnd.getFullYear()) {
+        setLeftMonth(new Date(parsedEnd.getFullYear(), parsedEnd.getMonth() - 1, 1));
+      } else {
+        setLeftMonth(parsedStart);
+      }
+      setRightMonth(parsedEnd);
+      setStartDate(parsedStart);
+      setEndDate(parsedEnd);
+      if (parsedEnd < /* @__PURE__ */ new Date() && previousLabelRef.current !== "") {
         setLabel("Custom Range");
       }
     }
@@ -2686,7 +2691,7 @@ var DateRangePicker = ({
     setLeftCalendarView("day");
     setRightCalendarView("day");
     setLeftMonth(
-      originalStart ? new Date(originalStart.getFullYear(), originalStart.getMonth(), 1) : new Date((/* @__PURE__ */ new Date()).setMonth((/* @__PURE__ */ new Date()).getMonth() - 1))
+      originalStart ? new Date(originalStart.getFullYear(), originalStart.getMonth(), 1) : new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 1)
     );
     setRightMonth(
       originalEnd ? new Date(originalEnd.getFullYear(), originalEnd.getMonth(), 1) : /* @__PURE__ */ new Date()
@@ -2800,9 +2805,9 @@ var DateRangePicker = ({
                       setStartDate(null);
                       setEndDate(null);
                       setRightMonth(/* @__PURE__ */ new Date());
-                      const prev = /* @__PURE__ */ new Date();
-                      prev.setMonth(prev.getMonth() - 1);
-                      setLeftMonth(prev);
+                      const now = /* @__PURE__ */ new Date();
+                      setRightMonth(now);
+                      setLeftMonth(new Date(now.getFullYear(), now.getMonth() - 1, 1));
                       setLeftCalendarView("day");
                       setRightCalendarView("day");
                     },
@@ -5612,6 +5617,8 @@ var PopupWrapperV2 = ({
   closePopup,
   hasClosePopup = false,
   isPortal = false,
+  portalTop = 0,
+  portalRight = 0,
   ...rest
 }) => {
   const anchorRef = React.useRef(null);
@@ -5626,8 +5633,8 @@ var PopupWrapperV2 = ({
       const rect = parent.getBoundingClientRect();
       setPortalStyle({
         position: "fixed",
-        top: rect.bottom + 4,
-        right: window.innerWidth - rect.right,
+        top: rect.bottom + 4 + portalTop,
+        right: window.innerWidth - rect.right + portalRight,
         width: "20rem",
         zIndex: 9999
       });