@northlight/ui 2.14.0 → 2.14.1

package/dist/es/northlight.js

@@ -3265,12 +3265,10 @@ const MonthSelect = ({
   const { dateSelect } = useMultiStyleConfig("Calendar");
   const start = state.visibleRange.start.add({ months: offset }).month - 1;
   const [selectedIndex, setSelectedIndex] = useState(start);
-  const [isEditing, setIsEditing] = useState(false);
   const moveStartDateBy = (inp) => state.visibleRange.start.add(inp);
   const onChange = (e) => {
     const index = Number(e.target.value);
     setSelectedIndex(index);
-    setIsEditing(false);
     const diff = index - start;
     state.setFocusedDate(moveStartDateBy({ months: diff }));
   };
@@ -3279,31 +3277,21 @@ const MonthSelect = ({
       state.visibleRange.start.add({ months: offset }).month - 1
     );
   }, [state.visibleRange]);
-  const handleKeyDown = (e) => {
-    switch (e.key) {
-      case "ArrowDown":
-      case "ArrowUp":
-      case " ":
-        setIsEditing((prev) => !prev);
-        break;
-    }
-  };
   return /* @__PURE__ */ React.createElement(
     Select$2,
     {
       id: "month",
       "aria-label": "Select Month",
       onChange,
-      onClick: () => setIsEditing((prev) => !prev),
-      onKeyDown: handleKeyDown,
       value: selectedIndex,
       iconSize: "0px",
       size: "sm",
       variant: "unstyled",
       sx: dateSelect,
-      w: "max-content"
+      w: "max-content",
+      textAlign: "center"
     },
-    isEditing ? months.map((month, i) => /* @__PURE__ */ React.createElement("option", { key: month, value: i }, month)) : /* @__PURE__ */ React.createElement("option", { value: selectedIndex }, months[selectedIndex])
+    months.map((month, i) => /* @__PURE__ */ React.createElement("option", { key: month, value: i }, month))
   );
 };
 
@@ -4021,7 +4009,7 @@ const ButtonRow = ({
   },
   /* @__PURE__ */ React.createElement(Icon$1, { as: icon, color: "blue.500", size: "lg" }),
   dates.map(
-    (date) => validRange(date.value, state) && /* @__PURE__ */ React.createElement(MoveButton, __spreadValues$1f({}, getMethods(date)), date.label)
+    (date) => validRange(date.value, state) && /* @__PURE__ */ React.createElement(Box, { ml: "1", display: "inline" }, /* @__PURE__ */ React.createElement(MoveButton, __spreadValues$1f({}, getMethods(date)), date.label))
   )
 );
 
@@ -4147,15 +4135,16 @@ const AdjustRange = ({ state, adjust = "start" }) => {
   const getMethodsEnd = (date) => ({
     onClick: updateDate(date.value, false)
   });
+  const showAdjust = state.value !== null && state.highlightedRange !== null && equals(state.value, state.highlightedRange);
   return /* @__PURE__ */ React.createElement(
     Stack,
     {
       spacing: 2,
-      visibility: state.value === null ? "hidden" : "visible",
+      visibility: showAdjust ? "visible" : "hidden",
       pt: "2"
     },
     /* @__PURE__ */ React.createElement(Clickable, { onClick: () => setIsOpen((prev) => !prev) }, /* @__PURE__ */ React.createElement(HStack, null, /* @__PURE__ */ React.createElement(P$1, { variant: "14" }, "Adjust ", adjust), /* @__PURE__ */ React.createElement(Icon$1, { as: isOpen ? ChevronUpSolid : ChevronDownSolid, size: "xs" }))),
-    /* @__PURE__ */ React.createElement(SlideFade, { in: isOpen, direction: "top", hideDisplay: true }, adjust === "start" && /* @__PURE__ */ React.createElement(Stack, { minH: "91px" }, /* @__PURE__ */ React.createElement(Lead$1, { sx: { fontSize: "12px" } }, "Move date"), /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(SlideFade, { in: isOpen, direction: "top", hideDisplay: true }, adjust === "start" && /* @__PURE__ */ React.createElement(Stack, { minH: "91px" }, /* @__PURE__ */ React.createElement(Lead$1, { sx: { fontSize: "12px" } }, "Move date by"), /* @__PURE__ */ React.createElement(
       ButtonRow,
       {
         icon: ArrowCircleLeftDuo,
@@ -4171,7 +4160,7 @@ const AdjustRange = ({ state, adjust = "start" }) => {
         getMethods: getMethodsStart,
         state
       }
-    )), adjust === "end" && /* @__PURE__ */ React.createElement(Stack, { minH: "91px" }, /* @__PURE__ */ React.createElement(Lead$1, { sx: { fontSize: "12px" } }, "Move date"), /* @__PURE__ */ React.createElement(
+    )), adjust === "end" && /* @__PURE__ */ React.createElement(Stack, { minH: "91px" }, /* @__PURE__ */ React.createElement(Lead$1, { sx: { fontSize: "12px" } }, "Move date by"), /* @__PURE__ */ React.createElement(
       ButtonRow,
       {
         icon: ArrowCircleLeftDuo,