@alfalab/core-components-calendar-range 4.0.1 → 4.0.2

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.0.2](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-range@4.0.1...@alfalab/core-components-calendar-range@4.0.2) (2021-11-22)
+
+
+### Bug Fixes
+
+* **calendar-range:** fix default month to ([#868](https://github.com/alfa-laboratory/core-components/issues/868)) ([1f9fb97](https://github.com/alfa-laboratory/core-components/commit/1f9fb9709292d28300c3fc4386ffd858b2efd852))
+
+
+
+
+
 ## [4.0.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-range@4.0.0...@alfalab/core-components-calendar-range@4.0.1) (2021-11-16)
 
 **Note:** Version bump only for package @alfalab/core-components-calendar-range

package/dist/Component.js

@@ -43,7 +43,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"calendar-range__component_1r9cz","divider":"calendar-range__divider_1r9cz"};
+var styles = {"component":"calendar-range__component_7tepy","divider":"calendar-range__divider_7tepy"};
 require('./index.css')
 
 var CalendarRange = function (_a) {

package/dist/cssm/useCalendarMonthes.js

@@ -7,10 +7,18 @@ var dateFns = require('date-fns');
 
 function useCalendarMonthes(_a) {
     var inputValueFrom = _a.inputValueFrom, inputValueTo = _a.inputValueTo, defaultMonth = _a.defaultMonth, isPopover = _a.isPopover;
-    var initialMonthFrom = !inputValueFrom.value || !inputValueFrom.date
-        ? defaultMonth
-        : dateFns.startOfMonth(inputValueFrom.date).getTime();
-    var initialMonthTo = isPopover ? initialMonthFrom : dateFns.addMonths(initialMonthFrom, 1).getTime();
+    var initialMonthFrom = (function () {
+        if (inputValueFrom.value && inputValueFrom.date) {
+            return dateFns.startOfMonth(inputValueFrom.date).getTime();
+        }
+        return defaultMonth;
+    })();
+    var initialMonthTo = (function () {
+        if (inputValueTo.value && inputValueTo.date) {
+            return dateFns.startOfMonth(inputValueTo.date).getTime();
+        }
+        return isPopover ? initialMonthFrom : dateFns.addMonths(initialMonthFrom, 1).getTime();
+    })();
     var _b = React.useState(initialMonthFrom), monthFrom = _b[0], setMonthFrom = _b[1];
     var _c = React.useState(initialMonthTo), monthTo = _c[0], setMonthTo = _c[1];
     var handleMonthFromChange = React.useCallback(function (newMonthFrom) {

package/dist/esm/Component.js

@@ -34,7 +34,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"calendar-range__component_1r9cz","divider":"calendar-range__divider_1r9cz"};
+var styles = {"component":"calendar-range__component_7tepy","divider":"calendar-range__divider_7tepy"};
 require('./index.css')
 
 var CalendarRange = function (_a) {

package/dist/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: jkizo */
+/* hash: 1yoop */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -13,13 +13,13 @@
 :root {
     --gap-xs: 8px;
 }
-.calendar-range__component_1r9cz {
+.calendar-range__component_7tepy {
     display: flex
 }
-.calendar-range__component_1r9cz button[aria-selected='true'] {
+.calendar-range__component_7tepy button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__divider_1r9cz {
+.calendar-range__divider_7tepy {
     height: 48px;
     display: flex;
     align-items: center;
@@ -27,7 +27,7 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_1r9cz:after {
+.calendar-range__divider_7tepy:after {
         content: '';
         display: block;
         width: 100%;

package/dist/esm/useCalendarMonthes.js

@@ -3,10 +3,18 @@ import { startOfMonth, addMonths, subMonths } from 'date-fns';
 
 function useCalendarMonthes(_a) {
     var inputValueFrom = _a.inputValueFrom, inputValueTo = _a.inputValueTo, defaultMonth = _a.defaultMonth, isPopover = _a.isPopover;
-    var initialMonthFrom = !inputValueFrom.value || !inputValueFrom.date
-        ? defaultMonth
-        : startOfMonth(inputValueFrom.date).getTime();
-    var initialMonthTo = isPopover ? initialMonthFrom : addMonths(initialMonthFrom, 1).getTime();
+    var initialMonthFrom = (function () {
+        if (inputValueFrom.value && inputValueFrom.date) {
+            return startOfMonth(inputValueFrom.date).getTime();
+        }
+        return defaultMonth;
+    })();
+    var initialMonthTo = (function () {
+        if (inputValueTo.value && inputValueTo.date) {
+            return startOfMonth(inputValueTo.date).getTime();
+        }
+        return isPopover ? initialMonthFrom : addMonths(initialMonthFrom, 1).getTime();
+    })();
     var _b = useState(initialMonthFrom), monthFrom = _b[0], setMonthFrom = _b[1];
     var _c = useState(initialMonthTo), monthTo = _c[0], setMonthTo = _c[1];
     var handleMonthFromChange = useCallback(function (newMonthFrom) {

package/dist/index.css

@@ -1,4 +1,4 @@
-/* hash: jkizo */
+/* hash: 1yoop */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -13,13 +13,13 @@
 :root {
     --gap-xs: 8px;
 }
-.calendar-range__component_1r9cz {
+.calendar-range__component_7tepy {
     display: flex
 }
-.calendar-range__component_1r9cz button[aria-selected='true'] {
+.calendar-range__component_7tepy button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__divider_1r9cz {
+.calendar-range__divider_7tepy {
     height: 48px;
     display: flex;
     align-items: center;
@@ -27,7 +27,7 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_1r9cz:after {
+.calendar-range__divider_7tepy:after {
         content: '';
         display: block;
         width: 100%;

package/dist/modern/Component.js

@@ -7,7 +7,7 @@ import { initialValueState, getCorrectValueState, isDayButton } from './utils.js
 import { useCalendarMonthes } from './useCalendarMonthes.js';
 import { useCalendarMaxMinDates } from './useCalendarMaxMinDates.js';
 
-var styles = {"component":"calendar-range__component_1r9cz","divider":"calendar-range__divider_1r9cz"};
+var styles = {"component":"calendar-range__component_7tepy","divider":"calendar-range__divider_7tepy"};
 require('./index.css')
 
 /* eslint-disable multiline-comment-style */

package/dist/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: jkizo */
+/* hash: 1yoop */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -13,13 +13,13 @@
 :root {
     --gap-xs: 8px;
 }
-.calendar-range__component_1r9cz {
+.calendar-range__component_7tepy {
     display: flex
 }
-.calendar-range__component_1r9cz button[aria-selected='true'] {
+.calendar-range__component_7tepy button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__divider_1r9cz {
+.calendar-range__divider_7tepy {
     height: 48px;
     display: flex;
     align-items: center;
@@ -27,7 +27,7 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_1r9cz:after {
+.calendar-range__divider_7tepy:after {
         content: '';
         display: block;
         width: 100%;

package/dist/modern/useCalendarMonthes.js

@@ -2,10 +2,18 @@ import { useState, useCallback } from 'react';
 import { startOfMonth, addMonths, subMonths } from 'date-fns';
 
 function useCalendarMonthes({ inputValueFrom, inputValueTo, defaultMonth, isPopover, }) {
-    const initialMonthFrom = !inputValueFrom.value || !inputValueFrom.date
-        ? defaultMonth
-        : startOfMonth(inputValueFrom.date).getTime();
-    const initialMonthTo = isPopover ? initialMonthFrom : addMonths(initialMonthFrom, 1).getTime();
+    const initialMonthFrom = (() => {
+        if (inputValueFrom.value && inputValueFrom.date) {
+            return startOfMonth(inputValueFrom.date).getTime();
+        }
+        return defaultMonth;
+    })();
+    const initialMonthTo = (() => {
+        if (inputValueTo.value && inputValueTo.date) {
+            return startOfMonth(inputValueTo.date).getTime();
+        }
+        return isPopover ? initialMonthFrom : addMonths(initialMonthFrom, 1).getTime();
+    })();
     const [monthFrom, setMonthFrom] = useState(initialMonthFrom);
     const [monthTo, setMonthTo] = useState(initialMonthTo);
     const handleMonthFromChange = useCallback((newMonthFrom) => {

package/dist/useCalendarMonthes.js

@@ -7,10 +7,18 @@ var dateFns = require('date-fns');
 
 function useCalendarMonthes(_a) {
     var inputValueFrom = _a.inputValueFrom, inputValueTo = _a.inputValueTo, defaultMonth = _a.defaultMonth, isPopover = _a.isPopover;
-    var initialMonthFrom = !inputValueFrom.value || !inputValueFrom.date
-        ? defaultMonth
-        : dateFns.startOfMonth(inputValueFrom.date).getTime();
-    var initialMonthTo = isPopover ? initialMonthFrom : dateFns.addMonths(initialMonthFrom, 1).getTime();
+    var initialMonthFrom = (function () {
+        if (inputValueFrom.value && inputValueFrom.date) {
+            return dateFns.startOfMonth(inputValueFrom.date).getTime();
+        }
+        return defaultMonth;
+    })();
+    var initialMonthTo = (function () {
+        if (inputValueTo.value && inputValueTo.date) {
+            return dateFns.startOfMonth(inputValueTo.date).getTime();
+        }
+        return isPopover ? initialMonthFrom : dateFns.addMonths(initialMonthFrom, 1).getTime();
+    })();
     var _b = React.useState(initialMonthFrom), monthFrom = _b[0], setMonthFrom = _b[1];
     var _c = React.useState(initialMonthTo), monthTo = _c[0], setMonthTo = _c[1];
     var handleMonthFromChange = React.useCallback(function (newMonthFrom) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-calendar-range",
-    "version": "4.0.1",
+    "version": "4.0.2",
     "description": "Calendar range component",
     "keywords": [],
     "license": "MIT",
@@ -25,5 +25,5 @@
         "date-fns": "^2.16.1",
         "react-merge-refs": "^1.1.0"
     },
-    "gitHead": "f9b419c80381117e6006f155af4bee4877a3ace0"
+    "gitHead": "2a8b800f1b882adc98f8cfc8e596d004cdceb6ae"
 }