@spscommerce/ds-react 4.29.0 → 4.30.1

package/lib/index.es.js

@@ -22799,7 +22799,7 @@ const SimpleDateUtils = Object.freeze({
   nextMonth(date2) {
     return Object.freeze({
       year: date2.month === 12 ? date2.year + 1 : date2.year,
-      month: (date2.month + 1) % 12,
+      month: date2.month + 1 > 12 ? 1 : date2.month + 1,
       date: date2.date
     });
   }
@@ -36371,10 +36371,11 @@ function SpsDatepickerCalendar(props2) {
   const cal = useCalendar(viewMonth);
   const [mouseoverDate, setMouseoverDate] = React.useState();
   function viewPreviousMonth() {
-    setViewMonth(SimpleDateUtils.prevMonth(viewMonth));
+    const newDate = SimpleDateUtils.prevMonth(__spreadProps(__spreadValues({}, viewMonth), { date: 15 }));
+    setViewMonth(newDate);
   }
   function viewNextMonth() {
-    setViewMonth(SimpleDateUtils.nextMonth(viewMonth));
+    setViewMonth(SimpleDateUtils.nextMonth(__spreadProps(__spreadValues({}, viewMonth), { date: 15 })));
   }
   function handleMouseEnter(event) {
     if (event.target && event.target.classList.contains(`${CSS_ELEMENT$1}-day`)) {
@@ -36551,6 +36552,11 @@ function SpsDatepickerV2(_W) {
     updateValue();
   }
   const classes = clsx(CSS_BLOCK$1, "sps-text-input", showPopup && `${CSS_BLOCK$1}--open`, className);
+  React.useEffect(() => {
+    if (!value || SimpleDateUtils.isValid(value)) {
+      setStringValue(SimpleDateUtils.toString(value));
+    }
+  }, [value]);
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SpsFormComponentWrapper, {
     id: wrapperId,
     className: classes,
@@ -36711,7 +36717,9 @@ function SpsDateRangePickerV2(_Y) {
     if (!value) {
       clear();
     } else if (Array.isArray(value)) {
-      setStringValue(SimpleDateUtils.toStringRange(value));
+      if (value.every((v2) => SimpleDateUtils.isValid(v2))) {
+        setStringValue(SimpleDateUtils.toStringRange(value));
+      }
       setDisplayRange(null);
     } else if (typeof value.definition === "function") {
       setDisplayRange(value.definition());

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "4.29.0",
+  "version": "4.30.1",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
@@ -28,10 +28,10 @@
   },
   "peerDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "4.29.0",
-    "@spscommerce/ds-shared": "4.29.0",
-    "@spscommerce/positioning": "4.29.0",
-    "@spscommerce/utils": "4.29.0",
+    "@spscommerce/ds-colors": "4.30.1",
+    "@spscommerce/ds-shared": "4.30.1",
+    "@spscommerce/positioning": "4.30.1",
+    "@spscommerce/utils": "4.30.1",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
     "react": "^16.9.0",
@@ -39,10 +39,10 @@
   },
   "devDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "4.29.0",
-    "@spscommerce/ds-shared": "4.29.0",
-    "@spscommerce/positioning": "4.29.0",
-    "@spscommerce/utils": "4.29.0",
+    "@spscommerce/ds-colors": "4.30.1",
+    "@spscommerce/ds-shared": "4.30.1",
+    "@spscommerce/positioning": "4.30.1",
+    "@spscommerce/utils": "4.30.1",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@types/prop-types": "^15.7.1",