@northlight/ui 2.14.0 → 2.14.1

package/dist/umd/northlight.cjs

@@ -3228,12 +3228,10 @@
     const { dateSelect } = react.useMultiStyleConfig("Calendar");
     const start = state.visibleRange.start.add({ months: offset }).month - 1;
     const [selectedIndex, setSelectedIndex] = React.useState(start);
-    const [isEditing, setIsEditing] = React.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 }));
     };
@@ -3242,31 +3240,21 @@
         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(
       react.Select,
       {
         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))
     );
   };
 
@@ -3984,7 +3972,7 @@
     },
     /* @__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(react.Box, { ml: "1", display: "inline" }, /* @__PURE__ */ React.createElement(MoveButton, __spreadValues$1f({}, getMethods(date)), date.label))
     )
   );
 
@@ -4110,15 +4098,16 @@
     const getMethodsEnd = (date) => ({
       onClick: updateDate(date.value, false)
     });
+    const showAdjust = state.value !== null && state.highlightedRange !== null && ramda.equals(state.value, state.highlightedRange);
     return /* @__PURE__ */ React.createElement(
       react.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(react.HStack, null, /* @__PURE__ */ React.createElement(P$1, { variant: "14" }, "Adjust ", adjust), /* @__PURE__ */ React.createElement(Icon$1, { as: isOpen ? icons.ChevronUpSolid : icons.ChevronDownSolid, size: "xs" }))),
-      /* @__PURE__ */ React.createElement(SlideFade, { in: isOpen, direction: "top", hideDisplay: true }, adjust === "start" && /* @__PURE__ */ React.createElement(react.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(react.Stack, { minH: "91px" }, /* @__PURE__ */ React.createElement(Lead$1, { sx: { fontSize: "12px" } }, "Move date by"), /* @__PURE__ */ React.createElement(
         ButtonRow,
         {
           icon: icons.ArrowCircleLeftDuo,
@@ -4134,7 +4123,7 @@
           getMethods: getMethodsStart,
           state
         }
-      )), adjust === "end" && /* @__PURE__ */ React.createElement(react.Stack, { minH: "91px" }, /* @__PURE__ */ React.createElement(Lead$1, { sx: { fontSize: "12px" } }, "Move date"), /* @__PURE__ */ React.createElement(
+      )), adjust === "end" && /* @__PURE__ */ React.createElement(react.Stack, { minH: "91px" }, /* @__PURE__ */ React.createElement(Lead$1, { sx: { fontSize: "12px" } }, "Move date by"), /* @__PURE__ */ React.createElement(
         ButtonRow,
         {
           icon: icons.ArrowCircleLeftDuo,