@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.2

package/calendar-range/cssm/components/divider/Component.js

@@ -1,14 +1,24 @@
-import React from 'react';
-import cn from 'classnames';
-import styles from './index.module.css';
-
-const Divider = ({ inputFromProps, inputToProps }) => {
-    const outer = inputFromProps?.label &&
-        inputFromProps?.labelView === 'outer' &&
-        inputToProps?.label &&
-        inputToProps?.labelView === 'outer';
-    const size = inputFromProps?.size || inputToProps?.size || 's';
-    return React.createElement("span", { className: cn(styles.component, styles[size], { [styles.outer]: outer }) });
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Divider = function (_a) {
+    var _b;
+    var inputFromProps = _a.inputFromProps, inputToProps = _a.inputToProps;
+    var outer = (inputFromProps === null || inputFromProps === void 0 ? void 0 : inputFromProps.label) &&
+        (inputFromProps === null || inputFromProps === void 0 ? void 0 : inputFromProps.labelView) === 'outer' &&
+        (inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.label) &&
+        (inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.labelView) === 'outer';
+    var size = (inputFromProps === null || inputFromProps === void 0 ? void 0 : inputFromProps.size) || (inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.size) || 's';
+    return React__default.default.createElement("span", { className: cn__default.default(styles__default.default.component, styles__default.default[size], (_b = {}, _b[styles__default.default.outer] = outer, _b)) });
 };
 
-export { Divider };
+exports.Divider = Divider;

package/calendar-range/cssm/components/divider/index.js

@@ -1,4 +1,7 @@
-export { Divider } from './Component.js';
-import 'react';
-import 'classnames';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_divider_Component = require('./Component.js');
+
+
+
+exports.Divider = components_divider_Component.Divider;

package/calendar-range/cssm/hooks.js

@@ -1,134 +1,151 @@
-import { useState, useCallback, useEffect, useMemo } from 'react';
-import addMonths from 'date-fns/addMonths';
-import isEqual from 'date-fns/isEqual';
-import max from 'date-fns/max';
-import min from 'date-fns/min';
-import startOfMonth from 'date-fns/startOfMonth';
-import subMonths from 'date-fns/subMonths';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-function usePopoverViewMonthes({ dateFrom, dateTo, defaultMonth, resetKey, }) {
-    const [monthFrom, setMonthFrom] = useState();
-    const [monthTo, setMonthTo] = useState();
-    const handleMonthFromChange = useCallback((newMonthFrom) => {
+var React = require('react');
+var addMonths = require('date-fns/addMonths');
+var isEqual = require('date-fns/isEqual');
+var max = require('date-fns/max');
+var min = require('date-fns/min');
+var startOfMonth = require('date-fns/startOfMonth');
+var subMonths = require('date-fns/subMonths');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var addMonths__default = /*#__PURE__*/_interopDefaultCompat(addMonths);
+var isEqual__default = /*#__PURE__*/_interopDefaultCompat(isEqual);
+var max__default = /*#__PURE__*/_interopDefaultCompat(max);
+var min__default = /*#__PURE__*/_interopDefaultCompat(min);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
+var subMonths__default = /*#__PURE__*/_interopDefaultCompat(subMonths);
+
+function usePopoverViewMonthes(_a) {
+    var dateFrom = _a.dateFrom, dateTo = _a.dateTo, defaultMonth = _a.defaultMonth, resetKey = _a.resetKey;
+    var _b = React.useState(), monthFrom = _b[0], setMonthFrom = _b[1];
+    var _c = React.useState(), monthTo = _c[0], setMonthTo = _c[1];
+    var handleMonthFromChange = React.useCallback(function (newMonthFrom) {
         setMonthFrom(newMonthFrom);
         if (!dateTo) {
             setMonthTo(newMonthFrom);
         }
     }, [dateTo]);
-    const handleMonthToChange = useCallback((newMonthTo) => {
+    var handleMonthToChange = React.useCallback(function (newMonthTo) {
         setMonthTo(newMonthTo);
         if (!dateFrom) {
             setMonthFrom(newMonthTo);
         }
     }, [dateFrom]);
-    useEffect(() => {
-        setMonthFrom(dateFrom ? startOfMonth(dateFrom).getTime() : defaultMonth);
+    React.useEffect(function () {
+        setMonthFrom(dateFrom ? startOfMonth__default.default(dateFrom).getTime() : defaultMonth);
     }, [defaultMonth, dateFrom, resetKey]);
-    useEffect(() => {
-        setMonthTo(dateTo ? startOfMonth(dateTo).getTime() : monthFrom);
+    React.useEffect(function () {
+        setMonthTo(dateTo ? startOfMonth__default.default(dateTo).getTime() : monthFrom);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [dateTo, resetKey]);
     return {
-        monthFrom,
-        monthTo,
-        handleMonthFromChange,
-        handleMonthToChange,
+        monthFrom: monthFrom,
+        monthTo: monthTo,
+        handleMonthFromChange: handleMonthFromChange,
+        handleMonthToChange: handleMonthToChange,
     };
 }
-function useStaticViewMonthes({ selectedFrom, selectedTo, defaultMonth, defaultMonthPosition, }) {
+function useStaticViewMonthes(_a) {
+    var selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, defaultMonth = _a.defaultMonth, defaultMonthPosition = _a.defaultMonthPosition;
     /**
      * Если указана начальная дата — левый месяц равен ей, иначе используется дата конца.
      * Если обе даты не указаны, то используется дефолтный месяц
      */
-    let initialMonthFrom = useMemo(() => startOfMonth(selectedFrom || selectedTo || defaultMonth).getTime(), 
+    var initialMonthFrom = React.useMemo(function () { return startOfMonth__default.default(selectedFrom || selectedTo || defaultMonth).getTime(); }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
     /**
      * Правый месяц должен быть как минимум на 1 месяц больше левого
      */
-    let initialMonthTo = useMemo(() => max([
-        selectedTo ? startOfMonth(selectedTo) : 0,
-        addMonths(initialMonthFrom, 1),
-    ]).getTime(), 
+    var initialMonthTo = React.useMemo(function () {
+        return max__default.default([
+            selectedTo ? startOfMonth__default.default(selectedTo) : 0,
+            addMonths__default.default(initialMonthFrom, 1),
+        ]).getTime();
+    }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
     if (defaultMonthPosition === 'right') {
         initialMonthTo = initialMonthFrom;
-        initialMonthFrom = subMonths(initialMonthFrom, 1).getTime();
+        initialMonthFrom = subMonths__default.default(initialMonthFrom, 1).getTime();
     }
-    const [monthFrom, setMonthFrom] = useState(initialMonthFrom);
-    const [monthTo, setMonthTo] = useState(initialMonthTo);
-    const handleMonthFromChange = useCallback((newMonthFrom) => {
+    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) {
         setMonthFrom(newMonthFrom);
-        if (monthTo && isEqual(newMonthFrom, monthTo)) {
-            const nextMonth = addMonths(newMonthFrom, 1).getTime();
+        if (monthTo && isEqual__default.default(newMonthFrom, monthTo)) {
+            var nextMonth = addMonths__default.default(newMonthFrom, 1).getTime();
             setMonthTo(nextMonth);
         }
     }, [monthTo]);
-    const handleMonthToChange = useCallback((newMonthTo) => {
+    var handleMonthToChange = React.useCallback(function (newMonthTo) {
         setMonthTo(newMonthTo);
-        if (monthFrom && isEqual(newMonthTo, monthFrom)) {
-            const prevMonth = subMonths(newMonthTo, 1).getTime();
+        if (monthFrom && isEqual__default.default(newMonthTo, monthFrom)) {
+            var prevMonth = subMonths__default.default(newMonthTo, 1).getTime();
             setMonthFrom(prevMonth);
         }
     }, [monthFrom]);
     // eslint-disable-next-line complexity
-    useEffect(() => {
-        const selectedFromMonth = selectedFrom ? startOfMonth(selectedFrom).getTime() : undefined;
-        const selectedToMonth = selectedTo ? startOfMonth(selectedTo).getTime() : undefined;
+    React.useEffect(function () {
+        var selectedFromMonth = selectedFrom ? startOfMonth__default.default(selectedFrom).getTime() : undefined;
+        var selectedToMonth = selectedTo ? startOfMonth__default.default(selectedTo).getTime() : undefined;
         // Проверяем, показываются ли выбранные месяцы в левой или правой части компонента
-        const fromMonthOnLeft = selectedFromMonth && selectedFromMonth === monthFrom;
-        const fromMonthOnRight = selectedFromMonth && selectedFromMonth === monthTo;
-        const toMonthOnRight = selectedToMonth && selectedToMonth === monthTo;
-        const toMonthOnLeft = selectedToMonth && selectedToMonth === monthFrom;
-        const fromMonthOnScreen = fromMonthOnLeft || fromMonthOnRight;
-        const toMonthOnScreen = toMonthOnLeft || toMonthOnRight;
+        var fromMonthOnLeft = selectedFromMonth && selectedFromMonth === monthFrom;
+        var fromMonthOnRight = selectedFromMonth && selectedFromMonth === monthTo;
+        var toMonthOnRight = selectedToMonth && selectedToMonth === monthTo;
+        var toMonthOnLeft = selectedToMonth && selectedToMonth === monthFrom;
+        var fromMonthOnScreen = fromMonthOnLeft || fromMonthOnRight;
+        var toMonthOnScreen = toMonthOnLeft || toMonthOnRight;
         if (fromMonthOnLeft && toMonthOnLeft) {
-            setMonthTo(max([addMonths(selectedFromMonth, 1), monthTo]).getTime());
+            setMonthTo(max__default.default([addMonths__default.default(selectedFromMonth, 1), monthTo]).getTime());
             return;
         }
         if (fromMonthOnRight && toMonthOnRight) {
-            setMonthFrom(min([subMonths(selectedToMonth, 1), monthFrom]).getTime());
+            setMonthFrom(min__default.default([subMonths__default.default(selectedToMonth, 1), monthFrom]).getTime());
             return;
         }
         if (selectedFromMonth && selectedToMonth) {
             setMonthFrom(selectedFromMonth);
-            setMonthTo(max([addMonths(selectedFromMonth, 1), selectedToMonth]).getTime());
+            setMonthTo(max__default.default([addMonths__default.default(selectedFromMonth, 1), selectedToMonth]).getTime());
             return;
         }
         if (selectedFromMonth && !selectedToMonth && !fromMonthOnScreen) {
             setMonthFrom(selectedFromMonth);
-            setMonthTo(max([addMonths(selectedFromMonth, 1), monthTo]).getTime());
+            setMonthTo(max__default.default([addMonths__default.default(selectedFromMonth, 1), monthTo]).getTime());
         }
         if (selectedToMonth && !selectedFromMonth && !toMonthOnScreen) {
             setMonthTo(selectedToMonth);
-            setMonthFrom(min([subMonths(selectedToMonth, 1), monthFrom]).getTime());
+            setMonthFrom(min__default.default([subMonths__default.default(selectedToMonth, 1), monthFrom]).getTime());
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [selectedFrom, selectedTo]);
     return {
-        monthFrom,
-        monthTo,
-        handleMonthFromChange,
-        handleMonthToChange,
+        monthFrom: monthFrom,
+        monthTo: monthTo,
+        handleMonthFromChange: handleMonthFromChange,
+        handleMonthToChange: handleMonthToChange,
     };
 }
 function useSelectionProps(from, to, highlighted) {
-    return useMemo(() => {
+    return React.useMemo(function () {
         if (from && to) {
             return {
                 rangeComplete: true,
-                selectedFrom: min([from, to]).getTime(),
-                selectedTo: max([from, to]).getTime(),
+                selectedFrom: min__default.default([from, to]).getTime(),
+                selectedTo: max__default.default([from, to]).getTime(),
             };
         }
-        const dates = [from, to, highlighted].filter((date) => date !== undefined);
+        var dates = [from, to, highlighted].filter(function (date) { return date !== undefined; });
         return {
             rangeComplete: false,
-            selectedFrom: from || dates.length === 2 ? min(dates).getTime() : undefined,
-            selectedTo: to || dates.length === 2 ? max(dates).getTime() : undefined,
+            selectedFrom: from || dates.length === 2 ? min__default.default(dates).getTime() : undefined,
+            selectedTo: to || dates.length === 2 ? max__default.default(dates).getTime() : undefined,
         };
     }, [from, highlighted, to]);
 }
 
-export { usePopoverViewMonthes, useSelectionProps, useStaticViewMonthes };
+exports.usePopoverViewMonthes = usePopoverViewMonthes;
+exports.useSelectionProps = useSelectionProps;
+exports.useStaticViewMonthes = useStaticViewMonthes;

package/calendar-range/cssm/index.js

@@ -1,24 +1,7 @@
-export { CalendarRange } from './Component.js';
-import 'react';
-import './views/popover.js';
-import 'classnames';
-import 'date-fns/startOfMonth';
-import '../../calendar-input/cssm';
-import '../../calendar-input/cssm/shared';
-import '../../date-input/cssm';
-import '@alfalab/hooks';
-import './components/divider/Component.js';
-import './components/divider/index.module.css';
-import './hooks.js';
-import 'date-fns/addMonths';
-import 'date-fns/isEqual';
-import 'date-fns/max';
-import 'date-fns/min';
-import 'date-fns/subMonths';
-import './views/index.module.css';
-import './views/static.js';
-import 'date-fns/endOfMonth';
-import 'date-fns/isSameMonth';
-import '../../calendar/cssm/desktop';
-import '../../calendar/cssm/shared';
-import './utils.js';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.CalendarRange = Component.CalendarRange;

package/calendar-range/cssm/utils.js

@@ -1,3 +1,7 @@
-const isDayButton = (node) => node && node.tagName === 'BUTTON' && node.dataset.date;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-export { isDayButton };
+var isDayButton = function (node) {
+    return node && node.tagName === 'BUTTON' && node.dataset.date;
+};
+
+exports.isDayButton = isDayButton;

package/calendar-range/cssm/views/popover.js

@@ -1,134 +1,131 @@
-import React, { useState, useCallback, useEffect } from 'react';
-import cn from 'classnames';
-import startOfMonth from 'date-fns/startOfMonth';
-import { CalendarInput } from '../../../calendar-input/cssm';
-import { isValidInputValue, parseDateString } from '../../../calendar-input/cssm/shared';
-import { isCompleteDateInput } from '../../../date-input/cssm';
-import { useDidUpdateEffect } from '@alfalab/hooks';
-import { Divider } from '../components/divider/Component.js';
-import { usePopoverViewMonthes } from '../hooks.js';
-import styles from './index.module.css';
-import '../components/divider/index.module.css';
-import 'date-fns/addMonths';
-import 'date-fns/isEqual';
-import 'date-fns/max';
-import 'date-fns/min';
-import 'date-fns/subMonths';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const CalendarRangePopover = ({ className, defaultMonth = startOfMonth(new Date()).getTime(), minDate, maxDate, valueFrom = '', valueTo = '', onDateFromChange = () => null, onDateToChange = () => null, onChange = () => null, onError, inputFromProps = {}, inputToProps = {}, offDays, events, returnInvalidDates = false, dataTestId, }) => {
-    const [inputFromValue, setInputFromValue] = useState(valueFrom);
-    const [inputToValue, setInputToValue] = useState(valueTo);
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var startOfMonth = require('date-fns/startOfMonth');
+var coreComponentsCalendarInput = require('../../../calendar-input/cssm');
+var shared = require('../../../calendar-input/cssm/shared');
+var coreComponentsDateInput = require('../../../date-input/cssm');
+var hooks$1 = require('@alfalab/hooks');
+var components_divider_Component = require('../components/divider/Component.js');
+var hooks = require('../hooks.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var CalendarRangePopover = function (_a) {
+    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default.default(new Date()).getTime() : _b, minDate = _a.minDate, maxDate = _a.maxDate, _c = _a.valueFrom, valueFrom = _c === void 0 ? '' : _c, _d = _a.valueTo, valueTo = _d === void 0 ? '' : _d, _e = _a.onDateFromChange, onDateFromChange = _e === void 0 ? function () { return null; } : _e, _f = _a.onDateToChange, onDateToChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onChange, onChange = _g === void 0 ? function () { return null; } : _g, onError = _a.onError, _h = _a.inputFromProps, inputFromProps = _h === void 0 ? {} : _h, _j = _a.inputToProps, inputToProps = _j === void 0 ? {} : _j, offDays = _a.offDays, events = _a.events, _k = _a.returnInvalidDates, returnInvalidDates = _k === void 0 ? false : _k, dataTestId = _a.dataTestId;
+    var _l = React.useState(valueFrom), inputFromValue = _l[0], setInputFromValue = _l[1];
+    var _m = React.useState(valueTo), inputToValue = _m[0], setInputToValue = _m[1];
     /**
      * Ключ для сброса календарей
      * Пользователь открыл календарь, изменил месяц, но ничего не выбрал
      * — при следующем открытии в календаре будет установлен начальный месяц
      */
-    const [resetKey, setResetKey] = useState(0);
-    const dateFrom = isValidInputValue(inputFromValue, minDate, maxDate, offDays)
-        ? parseDateString(inputFromValue).getTime()
+    var _o = React.useState(0), resetKey = _o[0], setResetKey = _o[1];
+    var dateFrom = shared.isValidInputValue(inputFromValue, minDate, maxDate, offDays)
+        ? shared.parseDateString(inputFromValue).getTime()
         : null;
-    const dateTo = isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)
-        ? parseDateString(inputToValue).getTime()
+    var dateTo = shared.isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)
+        ? shared.parseDateString(inputToValue).getTime()
         : null;
-    const [inputFromInvalid, setInputFromInvalid] = useState(isCompleteDateInput(inputFromValue) && dateFrom === null);
-    const [inputToInvalid, setInputToInvalid] = useState(isCompleteDateInput(inputToValue) && dateTo === null);
-    const bothInvalid = isCompleteDateInput(inputFromValue) &&
-        isCompleteDateInput(inputToValue) &&
-        parseDateString(inputFromValue).getTime() > parseDateString(inputToValue).getTime();
-    const hasValidateError = inputFromInvalid || inputToInvalid || bothInvalid;
-    const { monthFrom, monthTo, handleMonthFromChange, handleMonthToChange } = usePopoverViewMonthes({
-        dateFrom,
-        dateTo,
-        defaultMonth,
-        resetKey,
-    });
-    const handleValidInputFrom = useCallback(() => {
-        setInputFromInvalid(inputFromValue !== '' && !isValidInputValue(inputFromValue, minDate, maxDate, offDays));
+    var _p = React.useState(coreComponentsDateInput.isCompleteDateInput(inputFromValue) && dateFrom === null), inputFromInvalid = _p[0], setInputFromInvalid = _p[1];
+    var _q = React.useState(coreComponentsDateInput.isCompleteDateInput(inputToValue) && dateTo === null), inputToInvalid = _q[0], setInputToInvalid = _q[1];
+    var bothInvalid = coreComponentsDateInput.isCompleteDateInput(inputFromValue) &&
+        coreComponentsDateInput.isCompleteDateInput(inputToValue) &&
+        shared.parseDateString(inputFromValue).getTime() > shared.parseDateString(inputToValue).getTime();
+    var hasValidateError = inputFromInvalid || inputToInvalid || bothInvalid;
+    var _r = hooks.usePopoverViewMonthes({
+        dateFrom: dateFrom,
+        dateTo: dateTo,
+        defaultMonth: defaultMonth,
+        resetKey: resetKey,
+    }), monthFrom = _r.monthFrom, monthTo = _r.monthTo, handleMonthFromChange = _r.handleMonthFromChange, handleMonthToChange = _r.handleMonthToChange;
+    var handleValidInputFrom = React.useCallback(function () {
+        setInputFromInvalid(inputFromValue !== '' && !shared.isValidInputValue(inputFromValue, minDate, maxDate, offDays));
     }, [inputFromValue, maxDate, minDate, offDays]);
-    const handleValidInputTo = useCallback(() => {
+    var handleValidInputTo = React.useCallback(function () {
         setInputToInvalid(inputToValue !== '' &&
-            !isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays));
+            !shared.isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays));
     }, [dateFrom, inputToValue, maxDate, minDate, offDays]);
-    const handleInputFromChange = (event, payload) => {
+    var handleInputFromChange = function (event, payload) {
+        var _a;
         setInputFromValue(payload.value);
-        inputFromProps.onInputChange?.(event, payload);
+        (_a = inputFromProps.onInputChange) === null || _a === void 0 ? void 0 : _a.call(inputFromProps, event, payload);
     };
-    const handleInputToChange = (event, payload) => {
+    var handleInputToChange = function (event, payload) {
+        var _a;
         setInputToValue(payload.value);
-        inputToProps.onInputChange?.(event, payload);
+        (_a = inputToProps.onInputChange) === null || _a === void 0 ? void 0 : _a.call(inputToProps, event, payload);
     };
-    const handleInputFromBlur = useCallback(() => {
+    var handleInputFromBlur = React.useCallback(function () {
         handleValidInputFrom();
         setResetKey(+new Date());
     }, [handleValidInputFrom]);
-    const handleInputToBlur = useCallback(() => {
+    var handleInputToBlur = React.useCallback(function () {
         handleValidInputTo();
         setResetKey(+new Date());
     }, [handleValidInputTo]);
-    const handleFromChange = useCallback((_, payload) => {
+    var handleFromChange = React.useCallback(function (_, payload) {
         setInputFromValue(payload.value);
     }, []);
-    const handleToChange = useCallback((_, payload) => {
+    var handleToChange = React.useCallback(function (_, payload) {
         setInputToValue(payload.value);
     }, []);
-    useEffect(() => {
+    React.useEffect(function () {
         setInputFromValue(valueFrom);
     }, [valueFrom]);
-    useEffect(() => {
+    React.useEffect(function () {
         setInputToValue(valueTo);
     }, [valueTo]);
-    useDidUpdateEffect(() => {
+    hooks$1.useDidUpdateEffect(function () {
         onDateFromChange({ value: inputFromValue, date: dateFrom });
         onChange({
             valueFrom: inputFromValue,
             valueTo: inputToValue,
-            dateFrom,
-            dateTo,
+            dateFrom: dateFrom,
+            dateTo: dateTo,
         });
-        if (!inputFromValue || isCompleteDateInput(inputFromValue)) {
+        if (!inputFromValue || coreComponentsDateInput.isCompleteDateInput(inputFromValue)) {
             handleValidInputFrom();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [inputFromValue]);
-    useDidUpdateEffect(() => {
+    hooks$1.useDidUpdateEffect(function () {
         onDateToChange({ value: inputToValue, date: dateTo });
         // eslint-disable-next-line no-nested-ternary
-        const inputDateTo = returnInvalidDates
-            ? isCompleteDateInput(inputToValue)
-                ? parseDateString(inputToValue).getTime()
+        var inputDateTo = returnInvalidDates
+            ? coreComponentsDateInput.isCompleteDateInput(inputToValue)
+                ? shared.parseDateString(inputToValue).getTime()
                 : null
             : dateTo;
         onChange({
             valueFrom: inputFromValue,
             valueTo: inputToValue,
-            dateFrom,
+            dateFrom: dateFrom,
             dateTo: inputDateTo,
         });
-        if (!inputToValue || isCompleteDateInput(inputToValue)) {
+        if (!inputToValue || coreComponentsDateInput.isCompleteDateInput(inputToValue)) {
             handleValidInputTo();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [inputToValue]);
-    useEffect(() => {
+    React.useEffect(function () {
         if (onError) {
             onError(hasValidateError);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [hasValidateError]);
-    return (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
-        React.createElement(CalendarInput, { ...inputFromProps, useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-start', error: inputFromInvalid || bothInvalid || inputFromProps.error, onChange: handleFromChange, onInputChange: handleInputFromChange, onBlur: handleInputFromBlur, value: inputFromValue, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: {
-                ...inputFromProps.calendarProps,
-                month: monthFrom,
-                onMonthChange: handleMonthFromChange,
-                selectorView: 'full',
-            } }),
-        React.createElement(Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
-        React.createElement(CalendarInput, { ...inputToProps, useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-end', error: inputToInvalid || bothInvalid || inputToProps.error, onChange: handleToChange, onInputChange: handleInputToChange, onBlur: handleInputToBlur, value: inputToValue, minDate: dateFrom || minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: {
-                ...inputToProps.calendarProps,
-                month: monthTo,
-                onMonthChange: handleMonthToChange,
-                selectorView: 'full',
-            } })));
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className), "data-test-id": dataTestId },
+        React__default.default.createElement(coreComponentsCalendarInput.CalendarInput, tslib.__assign({}, inputFromProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-start', error: inputFromInvalid || bothInvalid || inputFromProps.error, onChange: handleFromChange, onInputChange: handleInputFromChange, onBlur: handleInputFromBlur, value: inputFromValue, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: tslib.__assign(tslib.__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: 'full' }) })),
+        React__default.default.createElement(components_divider_Component.Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
+        React__default.default.createElement(coreComponentsCalendarInput.CalendarInput, tslib.__assign({}, inputToProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-end', error: inputToInvalid || bothInvalid || inputToProps.error, onChange: handleToChange, onInputChange: handleInputToChange, onBlur: handleInputToBlur, value: inputToValue, minDate: dateFrom || minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: tslib.__assign(tslib.__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: 'full' }) }))));
 };
 
-export { CalendarRangePopover };
+exports.CalendarRangePopover = CalendarRangePopover;