@bbl-digital/snorre 2.4.11 → 2.4.12

package/dist/bundle.js

@@ -26113,23 +26113,12 @@
     const fromPickerRef = React.useRef(null);
     const toPickerRef = React.useRef(null);
     const currentYear = new Date().getFullYear();
-    const minDateAvailable = new Date(currentYear - 100, 0);
-    const maxDateAvailable = maxDate ? new Date(maxDate) : new Date(currentYear, 11, 31);
+    const minDateAvailable = new Date(currentYear - 100, 0, 0);
+    const maxDateAvailable = maxDate ? new Date(maxDate) : new Date(currentYear + 5, 11, 31);
     const [dates, setDates] = React.useState({
       to: undefined,
       from: undefined
     });
-
-    const showFromMonth = () => {
-      if (!dates.from) return;
-      const toMonth = dates.from.getMonth() + 1;
-      const fromMonth = dates.from.getMonth() + 1;
-
-      if (fromMonth - toMonth < 2) {
-        toPickerRef.current?.getDayPicker().showMonth(dates.from);
-      }
-    };
-
     React.useEffect(() => {
       if (isMobile && fromPickerRef) fromPickerRef.current.input.readOnly = true;
     }, [isMobile, fromPickerRef]);
@@ -26155,7 +26144,8 @@
           setDates(prev => ({ ...prev,
             [key]: e
           }));
-          showFromMonth();
+          if (key === 'to') toPickerRef.current?.getDayPicker().showMonth(e);
+          if (key === 'from') fromPickerRef.current?.getDayPicker().showMonth(e);
         }
       }) : undefined,
       // custom

package/esm/core/DatepickerRange/index.js

@@ -30,23 +30,12 @@ const DatePickerRange = ({
   const fromPickerRef = useRef(null);
   const toPickerRef = useRef(null);
   const currentYear = new Date().getFullYear();
-  const minDateAvailable = new Date(currentYear - 100, 0);
-  const maxDateAvailable = maxDate ? new Date(maxDate) : new Date(currentYear, 11, 31);
+  const minDateAvailable = new Date(currentYear - 100, 0, 0);
+  const maxDateAvailable = maxDate ? new Date(maxDate) : new Date(currentYear + 5, 11, 31);
   const [dates, setDates] = useState({
     to: undefined,
     from: undefined
   });
-
-  const showFromMonth = () => {
-    if (!dates.from) return;
-    const toMonth = dates.from.getMonth() + 1;
-    const fromMonth = dates.from.getMonth() + 1;
-
-    if (fromMonth - toMonth < 2) {
-      toPickerRef.current?.getDayPicker().showMonth(dates.from);
-    }
-  };
-
   useEffect(() => {
     if (isMobile && fromPickerRef) fromPickerRef.current.input.readOnly = true;
   }, [isMobile, fromPickerRef]);
@@ -72,7 +61,8 @@ const DatePickerRange = ({
         setDates(prev => ({ ...prev,
           [key]: e
         }));
-        showFromMonth();
+        if (key === 'to') toPickerRef.current?.getDayPicker().showMonth(e);
+        if (key === 'from') fromPickerRef.current?.getDayPicker().showMonth(e);
       }
     }) : undefined,
     // custom

package/lib/core/DatepickerRange/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DatepickerRange/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAwBjD,UAAU,MAAM;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtC,6BAA6B;IAC7B,KAAK,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,IAAI,CAAC;QAAC,IAAI,CAAC,EAAE,IAAI,CAAA;KAAE,CAAA;IAClC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/C,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;IAC3C,6BAA6B;IAC7B,aAAa,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9C,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,EAAE,CAAC,EAAE,IAAI,CAAC;QAAC,IAAI,CAAC,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAA;IACrD,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,uCAAuC;IACvC,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAID,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAyKrC,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DatepickerRange/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAwBjD,UAAU,MAAM;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtC,6BAA6B;IAC7B,KAAK,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,IAAI,CAAC;QAAC,IAAI,CAAC,EAAE,IAAI,CAAA;KAAE,CAAA;IAClC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/C,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;IAC3C,6BAA6B;IAC7B,aAAa,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9C,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,EAAE,CAAC,EAAE,IAAI,CAAC;QAAC,IAAI,CAAC,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAA;IACrD,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,uCAAuC;IACvC,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAID,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAgKrC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/core/DatepickerRange/index.js

@@ -30,23 +30,12 @@ const DatePickerRange = ({
   const fromPickerRef = useRef(null);
   const toPickerRef = useRef(null);
   const currentYear = new Date().getFullYear();
-  const minDateAvailable = new Date(currentYear - 100, 0);
-  const maxDateAvailable = maxDate ? new Date(maxDate) : new Date(currentYear, 11, 31);
+  const minDateAvailable = new Date(currentYear - 100, 0, 0);
+  const maxDateAvailable = maxDate ? new Date(maxDate) : new Date(currentYear + 5, 11, 31);
   const [dates, setDates] = useState({
     to: undefined,
     from: undefined
   });
-
-  const showFromMonth = () => {
-    if (!dates.from) return;
-    const toMonth = dates.from.getMonth() + 1;
-    const fromMonth = dates.from.getMonth() + 1;
-
-    if (fromMonth - toMonth < 2) {
-      toPickerRef.current?.getDayPicker().showMonth(dates.from);
-    }
-  };
-
   useEffect(() => {
     if (isMobile && fromPickerRef) fromPickerRef.current.input.readOnly = true;
   }, [isMobile, fromPickerRef]);
@@ -72,7 +61,8 @@ const DatePickerRange = ({
         setDates(prev => ({ ...prev,
           [key]: e
         }));
-        showFromMonth();
+        if (key === 'to') toPickerRef.current?.getDayPicker().showMonth(e);
+        if (key === 'from') fromPickerRef.current?.getDayPicker().showMonth(e);
       }
     }) : undefined,
     // custom

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "2.4.11",
+  "version": "2.4.12",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",