cr-ui-lib 1.1.116 → 1.1.118

package/dist/index.d.mts

@@ -254,9 +254,10 @@ declare type SingleSelectDropdownProps = {
     selectedColorDropdownItem?: string;
     uniqueSearch?: boolean;
     emptyMessageClass?: string;
+    marginTopDropdown?: number;
 };
 declare function SingleSelectDropdown({ label, value, onChange, options, placeholder, onScrollToEnd, onSearch, hasMore, isLoading, searchable, searchDebounceMs, requiresSearch, minSearchLength, emptyMessage, loadingMessage, searchPlaceholder, disabled, hasIcon, buttonClass, labelClass, displayItemClass, displayMainClass, hasSearchIcon, searchInputClass, placeholderSearchClass, usePortal, // default true
-iconClass, placeholderClass, displayContainerClass, selectedColorDropdownItem, uniqueSearch, emptyMessageClass, }: SingleSelectDropdownProps): JSX.Element;
+iconClass, placeholderClass, displayContainerClass, selectedColorDropdownItem, uniqueSearch, emptyMessageClass, marginTopDropdown }: SingleSelectDropdownProps): JSX.Element;
 
 interface SelectionButton {
     data: string[];

package/dist/index.d.ts

@@ -254,9 +254,10 @@ declare type SingleSelectDropdownProps = {
     selectedColorDropdownItem?: string;
     uniqueSearch?: boolean;
     emptyMessageClass?: string;
+    marginTopDropdown?: number;
 };
 declare function SingleSelectDropdown({ label, value, onChange, options, placeholder, onScrollToEnd, onSearch, hasMore, isLoading, searchable, searchDebounceMs, requiresSearch, minSearchLength, emptyMessage, loadingMessage, searchPlaceholder, disabled, hasIcon, buttonClass, labelClass, displayItemClass, displayMainClass, hasSearchIcon, searchInputClass, placeholderSearchClass, usePortal, // default true
-iconClass, placeholderClass, displayContainerClass, selectedColorDropdownItem, uniqueSearch, emptyMessageClass, }: SingleSelectDropdownProps): JSX.Element;
+iconClass, placeholderClass, displayContainerClass, selectedColorDropdownItem, uniqueSearch, emptyMessageClass, marginTopDropdown }: SingleSelectDropdownProps): JSX.Element;
 
 interface SelectionButton {
     data: string[];

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");
                     },
@@ -3497,7 +3502,8 @@ function SingleSelectDropdown({
   displayContainerClass = "",
   selectedColorDropdownItem = "text-[#131414]",
   uniqueSearch = false,
-  emptyMessageClass = "px-2 py-2 text-sm text-gray-500"
+  emptyMessageClass = "px-2 py-2 text-sm text-gray-500",
+  marginTopDropdown = 4
 }) {
   const [isOpen, setIsOpen] = React.useState(false);
   const [searchTerm, setSearchTerm] = React.useState("");
@@ -3643,7 +3649,7 @@ function SingleSelectDropdown({
       ref: portalRef,
       style: usePortal ? {
         position: "absolute",
-        top: `${dropdownPosition.top + 4}px`,
+        top: `${dropdownPosition.top + marginTopDropdown}px`,
         left: `${dropdownPosition.left}px`,
         width: `${dropdownPosition.width}px`,
         // Add a zIndex to ensure it floats above other content
@@ -3652,7 +3658,7 @@ function SingleSelectDropdown({
         position: "absolute",
         top: "100%",
         left: 0,
-        marginTop: "4px",
+        marginTop: `${marginTopDropdown}px`,
         width: "100%",
         zIndex: 99
       },