intelicoreact 1.6.0 → 1.6.2

package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js

@@ -1,70 +1,14 @@
 // eslint-disable-next-line no-unused-vars
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _momenttimezone = /*#__PURE__*/ _interop_require_default(require("moment-timezone"));
-const _Button = /*#__PURE__*/ _interop_require_default(require("../../../UI/Button/Button"));
-const _Dropdown = /*#__PURE__*/ _interop_require_default(require("../../Dropdown/Dropdown"));
-const _RangeCalendar = /*#__PURE__*/ _interop_require_default(require("../../RangeCalendar/RangeCalendar"));
-const _Switcher = /*#__PURE__*/ _interop_require_default(require("../../Switcher/Switcher"));
-const _dependencies = require("../dependencies");
-const _DateInput = /*#__PURE__*/ _interop_require_default(require("./DateInput"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect, useMemo, useRef, useState } from "react";
+import cn from "classnames";
+import moment from "moment-timezone";
+import Btn from "../../../UI/Button/Button";
+import SelectInput from "../../Dropdown/Dropdown";
+import Calendar from "../../RangeCalendar/RangeCalendar";
+import Switcher from "../../Switcher/Switcher";
+import { MAIN_FORMAT, MAIN_TIME_FORMAT, getActualDateRange, getIsDateValid } from "../dependencies";
+import DateInput from "./DateInput";
 const outsideScope = {
     handleHoverTimerId: null
 };
@@ -75,49 +19,49 @@ const padTime = (time)=>{
 const Datepicker = (props)=>{
     const { txt, className, buttonsTypes = {}, values = {}, onChange, onChangeMobile, onChangeCompare, onCancel, getSelectedMode, onChangeInterval, isCompareHidden, limitRange, handleItemClick, setActiveInterval, isShortWeekNames, minDate, maxDate, momentMinDate, momentMaxDate, isDontLimitFuture, testId, mainId, withMobileLogic } = props;
     const { start = null, end = null, compare = false } = values;
-    const startDateInputRef = (0, _react.useRef)(null);
-    const endDateInputRef = (0, _react.useRef)(null);
-    const [startDate, setStartDate] = (0, _react.useState)((0, _dependencies.getIsDateValid)(start) ? (0, _momenttimezone.default)(start) : "");
-    const [endDate, setEndDate] = (0, _react.useState)((0, _dependencies.getIsDateValid)(end) ? (0, _momenttimezone.default)(end) : "");
+    const startDateInputRef = useRef(null);
+    const endDateInputRef = useRef(null);
+    const [startDate, setStartDate] = useState(getIsDateValid(start) ? moment(start) : "");
+    const [endDate, setEndDate] = useState(getIsDateValid(end) ? moment(end) : "");
     const dateInterval = getSelectedMode({
         start: startDate,
         end: endDate
     });
-    const [startDateInput, setStartDateInput] = (0, _react.useState)(null);
-    const [endDateInput, setEndDateInput] = (0, _react.useState)(null);
-    const [isStartFocused, setIsStartFocused] = (0, _react.useState)(false);
-    const [isEndFocused, setIsEndFocused] = (0, _react.useState)(false);
-    const [startHour, setStartHour] = (0, _react.useState)(start ? (0, _momenttimezone.default)(start).hour() : 0);
-    const [endHour, setEndHour] = (0, _react.useState)(end ? (0, _momenttimezone.default)(end).hour() : 0);
+    const [startDateInput, setStartDateInput] = useState(null);
+    const [endDateInput, setEndDateInput] = useState(null);
+    const [isStartFocused, setIsStartFocused] = useState(false);
+    const [isEndFocused, setIsEndFocused] = useState(false);
+    const [startHour, setStartHour] = useState(start ? moment(start).hour() : 0);
+    const [endHour, setEndHour] = useState(end ? moment(end).hour() : 0);
     // eslint-disable-next-line no-unused-vars
-    const [isCompare, setIsCompare] = (0, _react.useState)(compare);
-    const [date1, setDate1] = (0, _react.useState)(start ? (0, _momenttimezone.default)(start) : (0, _momenttimezone.default)().subtract(1, "month"));
-    const [date2, setDate2] = (0, _react.useState)(end ? (0, _momenttimezone.default)(end) : (0, _momenttimezone.default)());
-    const [hoverStatus, setHoverStatus] = (0, _react.useState)(null);
+    const [isCompare, setIsCompare] = useState(compare);
+    const [date1, setDate1] = useState(start ? moment(start) : moment().subtract(1, "month"));
+    const [date2, setDate2] = useState(end ? moment(end) : moment());
+    const [hoverStatus, setHoverStatus] = useState(null);
     // ********************
     // Constants
     // ********************
-    const isNearby = (0, _react.useMemo)(()=>(0, _momenttimezone.default)(date2).subtract(1, "month").isSame((0, _momenttimezone.default)(date1), "month"), [
+    const isNearby = useMemo(()=>moment(date2).subtract(1, "month").isSame(moment(date1), "month"), [
         date1,
         date2
     ]);
-    const isPreviousPeriodShowed = (0, _react.useMemo)(()=>isCompare && !isCompareHidden && startDate && endDate, [
+    const isPreviousPeriodShowed = useMemo(()=>isCompare && !isCompareHidden && startDate && endDate, [
         startDate,
         endDate,
         isCompare
     ]);
-    const prevEndHour = (0, _react.useRef)(endHour);
-    const startPrevDate = (0, _react.useMemo)(()=>{
+    const prevEndHour = useRef(endHour);
+    const startPrevDate = useMemo(()=>{
         if (isPreviousPeriodShowed) {
-            const intervalHoursCount = (0, _momenttimezone.default)(endDate).diff(startDate, "hours");
-            return (0, _momenttimezone.default)(startDate).subtract(intervalHoursCount, "hours").toDate();
+            const intervalHoursCount = moment(endDate).diff(startDate, "hours");
+            return moment(startDate).subtract(intervalHoursCount, "hours").toDate();
         } else return null;
     }, [
         startDate,
         endDate,
         isCompare
     ]);
-    const endPrevDate = (0, _react.useMemo)(()=>{
+    const endPrevDate = useMemo(()=>{
         if (isPreviousPeriodShowed) {
             return startDate;
         } else return null;
@@ -126,9 +70,9 @@ const Datepicker = (props)=>{
         endDate,
         isCompare
     ]);
-    const title = (0, _react.useMemo)(()=>{
+    const title = useMemo(()=>{
         if (isCompare && !isCompareHidden && startDate && endDate) {
-            return `${(0, _momenttimezone.default)(startPrevDate).format("ll")} (${(0, _momenttimezone.default)(startPrevDate).format(_dependencies.MAIN_TIME_FORMAT)}) - ${(0, _momenttimezone.default)(endPrevDate).format("ll")} (${(0, _momenttimezone.default)(endPrevDate).format(_dependencies.MAIN_TIME_FORMAT)})`;
+            return `${moment(startPrevDate).format("ll")} (${moment(startPrevDate).format(MAIN_TIME_FORMAT)}) - ${moment(endPrevDate).format("ll")} (${moment(endPrevDate).format(MAIN_TIME_FORMAT)})`;
         } else return "";
     }, [
         startDate,
@@ -138,15 +82,15 @@ const Datepicker = (props)=>{
     // ********************
     // Methods
     // ********************
-    const subtractDay = (date)=>endHour === 0 ? (0, _momenttimezone.default)(date).subtract(1, "days") : (0, _momenttimezone.default)(date);
-    const addDay = (date)=>endHour === 0 ? (0, _momenttimezone.default)(date).add(1, "days") : (0, _momenttimezone.default)(date);
+    const subtractDay = (date)=>endHour === 0 ? moment(date).subtract(1, "days") : moment(date);
+    const addDay = (date)=>endHour === 0 ? moment(date).add(1, "days") : moment(date);
     const getCorrectedDateForDateInput = (key, date)=>{
-        if (key === "startDateInput") return (0, _momenttimezone.default)(date);
+        if (key === "startDateInput") return moment(date);
         // return moment(date).subtract(1, 'm');
-        return subtractDay((0, _momenttimezone.default)(date));
+        return subtractDay(moment(date));
     };
     const setInterval = ()=>{
-        setActiveInterval((0, _dependencies.getActualDateRange)({
+        setActiveInterval(getActualDateRange({
             start: startDate,
             end: endDate
         }).intervalKey);
@@ -156,16 +100,16 @@ const Datepicker = (props)=>{
     // ********************
     const handleClick = (date)=>{
         prevEndHour.current = 0;
-        if (!startDate || startDate && endDate && !((0, _momenttimezone.default)(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0)) {
-            setStartDate((0, _momenttimezone.default)(date).startOf("day"));
-            setEndDate((0, _momenttimezone.default)(date).add(1, "d").startOf("day"));
+        if (!startDate || startDate && endDate && !(moment(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0)) {
+            setStartDate(moment(date).startOf("day"));
+            setEndDate(moment(date).add(1, "d").startOf("day"));
             setStartHour(0);
             setEndHour(0);
-        } else if ((0, _momenttimezone.default)(date).isBefore((0, _momenttimezone.default)(startDate), "day")) {
-            setEndDate((0, _momenttimezone.default)(startDate).add(1, "d").startOf("day"));
-            setStartDate((0, _momenttimezone.default)(date).set("hour", parseInt(startHour, 10)));
-        } else if ((0, _momenttimezone.default)(date).isAfter((0, _momenttimezone.default)(startDate), "day")) {
-            setEndDate((0, _momenttimezone.default)(date).add(1, "d").startOf("day"));
+        } else if (moment(date).isBefore(moment(startDate), "day")) {
+            setEndDate(moment(startDate).add(1, "d").startOf("day"));
+            setStartDate(moment(date).set("hour", parseInt(startHour, 10)));
+        } else if (moment(date).isAfter(moment(startDate), "day")) {
+            setEndDate(moment(date).add(1, "d").startOf("day"));
         }
         setHoverStatus(null);
     };
@@ -177,9 +121,9 @@ const Datepicker = (props)=>{
             }, 400);
             return;
         }
-        if ((0, _momenttimezone.default)(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0) {
-            if ((0, _momenttimezone.default)(date).isAfter((0, _momenttimezone.default)(startDate), "day")) setHoverStatus("end");
-            else if ((0, _momenttimezone.default)(date).isBefore((0, _momenttimezone.default)(startDate), "day")) setHoverStatus("start");
+        if (moment(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0) {
+            if (moment(date).isAfter(moment(startDate), "day")) setHoverStatus("end");
+            else if (moment(date).isBefore(moment(startDate), "day")) setHoverStatus("start");
             else setHoverStatus(null);
         } else {
             setHoverStatus("start");
@@ -187,21 +131,21 @@ const Datepicker = (props)=>{
     };
     const handleChangeStartHour = (val)=>{
         setStartHour(Number(val));
-        setStartDate((0, _momenttimezone.default)(startDate || (0, _momenttimezone.default)()).set("hour", Number(val)));
+        setStartDate(moment(startDate || moment()).set("hour", Number(val)));
     };
     const handleChangeEndHour = (val)=>{
         const newHour = Number(val);
         setEndHour(newHour);
-        let newEndDate = (0, _momenttimezone.default)();
+        let newEndDate = moment();
         if (endDate) {
             if (prevEndHour.current === 0 && newHour !== 0) {
-                newEndDate = (0, _momenttimezone.default)(endDate).subtract(1, "days");
+                newEndDate = moment(endDate).subtract(1, "days");
             } else if (prevEndHour.current !== 0 && newHour === 0) {
-                newEndDate = (0, _momenttimezone.default)(endDate).add(1, "days");
+                newEndDate = moment(endDate).add(1, "days");
             }
         }
         prevEndHour.current = newHour;
-        setEndDate((0, _momenttimezone.default)(newEndDate).set("hour", newHour));
+        setEndDate(moment(newEndDate).set("hour", newHour));
     };
     // const doBlur = (type, e) => {
     //   const executor = type === 'start' ? setIsStartFocused : setIsEndFocused;
@@ -267,7 +211,7 @@ const Datepicker = (props)=>{
         executor(false);
     };
     const processOverflow = (newDateAsString, valueForRollback, key)=>{
-        const newDateAsMomentObj = (0, _momenttimezone.default)(newDateAsString, DATE_INPUT_FORMAT);
+        const newDateAsMomentObj = moment(newDateAsString, DATE_INPUT_FORMAT);
         // console.log('processOverflow - newDateAsString - ', newDateAsString);
         // console.log('processOverflow - valueForRollback - ', valueForRollback);
         // console.log('----------');
@@ -284,7 +228,7 @@ const Datepicker = (props)=>{
             //? ... то откатываем к дате до набора руками
             return valueForRollback;
         } else {
-            const beforeOfFuture = (0, _momenttimezone.default)().endOf("day");
+            const beforeOfFuture = moment().endOf("day");
             const hour = key === "startDateInput" ? startHour : endHour;
             let output;
             //? Если есть минимальная дата и введенная меньше минимальной, то ставим минимальную
@@ -316,7 +260,7 @@ const Datepicker = (props)=>{
         const executeForCalendar = key === "startDateInput" ? setDate1 : setDate2;
         const prepareValueForCalendar = (newDate)=>{
             if (key === "endDateInput") return newDate;
-            return (0, _momenttimezone.default)(newDate).isSameOrAfter((0, _momenttimezone.default)(date2), "month") ? (0, _momenttimezone.default)(date2).subtract(1, "month") : (0, _momenttimezone.default)(newDate);
+            return moment(newDate).isSameOrAfter(moment(date2), "month") ? moment(date2).subtract(1, "month") : moment(newDate);
         };
         var _e_target_value;
         const newDateValue = (_e_target_value = e === null || e === void 0 ? void 0 : (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.value) !== null && _e_target_value !== void 0 ? _e_target_value : reserveValue;
@@ -337,34 +281,34 @@ const Datepicker = (props)=>{
         ].map((hour)=>({
                 label: padTime(hour),
                 value: hour,
-                disabled: (0, _momenttimezone.default)(startDate).isSame(endDate, "day") && endHour <= hour
+                disabled: moment(startDate).isSame(endDate, "day") && endHour <= hour
             }));
     const getEndHourItems = ()=>[
             ...Array(24).keys()
         ].map((hour)=>({
                 label: padTime(hour + 1),
                 value: hour === 23 ? 0 : hour + 1,
-                disabled: ((0, _momenttimezone.default)(startDate).isSame(endDate, "day") || (0, _momenttimezone.default)(startDate).isSame((0, _momenttimezone.default)(endDate).subtract(1, "days"), "day") && endHour === 0) && hour < startHour
+                disabled: (moment(startDate).isSame(endDate, "day") || moment(startDate).isSame(moment(endDate).subtract(1, "days"), "day") && endHour === 0) && hour < startHour
             }));
     const renderButtons = ()=>{
         var _txt_buttons, _txt_buttons1;
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        return /*#__PURE__*/ _jsxs(_Fragment, {
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                /*#__PURE__*/ _jsx(Btn, {
                     className: "date-picker__button",
                     onClick: ()=>onCancel(),
                     variant: buttonsTypes === null || buttonsTypes === void 0 ? void 0 : buttonsTypes.cancel,
                     children: (txt === null || txt === void 0 ? void 0 : (_txt_buttons = txt.buttons) === null || _txt_buttons === void 0 ? void 0 : _txt_buttons.cancel) || "Cancel"
                 }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                /*#__PURE__*/ _jsx(Btn, {
                     className: "date-picker__button",
                     variant: buttonsTypes === null || buttonsTypes === void 0 ? void 0 : buttonsTypes.apply,
                     disabled: !startDate || !endDate,
                     onClick: ()=>onChange({
-                            start: (0, _momenttimezone.default)(startDate).format(_dependencies.MAIN_FORMAT),
-                            end: (0, _momenttimezone.default)(endDate).format(_dependencies.MAIN_FORMAT),
-                            startPrevDate: (0, _momenttimezone.default)(startPrevDate).format(_dependencies.MAIN_FORMAT),
-                            endPrevDate: (0, _momenttimezone.default)(endPrevDate).format(_dependencies.MAIN_FORMAT),
+                            start: moment(startDate).format(MAIN_FORMAT),
+                            end: moment(endDate).format(MAIN_FORMAT),
+                            startPrevDate: moment(startPrevDate).format(MAIN_FORMAT),
+                            endPrevDate: moment(endPrevDate).format(MAIN_FORMAT),
                             compare: isCompare
                         }),
                     children: (txt === null || txt === void 0 ? void 0 : (_txt_buttons1 = txt.buttons) === null || _txt_buttons1 === void 0 ? void 0 : _txt_buttons1.apply) || "apply"
@@ -374,12 +318,12 @@ const Datepicker = (props)=>{
     };
     const renderPreviousPeriod = ()=>{
         var _txt_labels;
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        return /*#__PURE__*/ _jsxs(_Fragment, {
             children: [
                 (txt === null || txt === void 0 ? void 0 : (_txt_labels = txt.labels) === null || _txt_labels === void 0 ? void 0 : _txt_labels.previousPeriod) || "",
                 ":",
                 " ",
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                /*#__PURE__*/ _jsx("span", {
                     className: "date-picker__previous-period-interval",
                     children: title
                 })
@@ -389,52 +333,52 @@ const Datepicker = (props)=>{
     // ********************
     // useEffects
     // ********************
-    (0, _react.useEffect)(()=>{
-        if ((0, _momenttimezone.default)(startDate).isSameOrAfter(endDate)) {
-            setStartDate((0, _momenttimezone.default)(endDate).subtract(1, "d"));
-            setDate1((0, _momenttimezone.default)(endDate).subtract(1, "d"));
+    useEffect(()=>{
+        if (moment(startDate).isSameOrAfter(endDate)) {
+            setStartDate(moment(endDate).subtract(1, "d"));
+            setDate1(moment(endDate).subtract(1, "d"));
         }
     }, [
         startDate
     ]);
-    (0, _react.useEffect)(()=>{
-        if ((0, _momenttimezone.default)(endDate).isSameOrBefore(startDate)) {
-            setEndDate((0, _momenttimezone.default)(startDate).add(1, "d"));
-            setDate2((0, _momenttimezone.default)(startDate).add(1, "d"));
+    useEffect(()=>{
+        if (moment(endDate).isSameOrBefore(startDate)) {
+            setEndDate(moment(startDate).add(1, "d"));
+            setDate2(moment(startDate).add(1, "d"));
         }
     }, [
         endDate
     ]);
-    (0, _react.useEffect)(()=>{
-        if ((0, _momenttimezone.default)(startDate).isBefore((0, _momenttimezone.default)(endDate), "month")) {
-            setDate1((0, _momenttimezone.default)(startDate));
-            setDate2((0, _momenttimezone.default)(endDate));
+    useEffect(()=>{
+        if (moment(startDate).isBefore(moment(endDate), "month")) {
+            setDate1(moment(startDate));
+            setDate2(moment(endDate));
         }
         setInterval();
     }, [
         startDate,
         endDate
     ]);
-    (0, _react.useEffect)(()=>{
-        if ((0, _momenttimezone.default)(date1).isSameOrAfter((0, _momenttimezone.default)(date2), "month") && !withMobileLogic) {
-            setDate1((0, _momenttimezone.default)(date2).subtract(1, "month"));
+    useEffect(()=>{
+        if (moment(date1).isSameOrAfter(moment(date2), "month") && !withMobileLogic) {
+            setDate1(moment(date2).subtract(1, "month"));
         }
     }, [
         date1,
         date2
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         onChangeInterval(dateInterval);
     }, [
         dateInterval
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (typeof onChangeMobile === "function") {
             onChangeMobile({
-                start: (0, _momenttimezone.default)(startDate).format(_dependencies.MAIN_FORMAT),
-                end: (0, _momenttimezone.default)(endDate).format(_dependencies.MAIN_FORMAT),
-                startPrevDate: (0, _momenttimezone.default)(startPrevDate).format(_dependencies.MAIN_FORMAT),
-                endPrevDate: (0, _momenttimezone.default)(endPrevDate).format(_dependencies.MAIN_FORMAT),
+                start: moment(startDate).format(MAIN_FORMAT),
+                end: moment(endDate).format(MAIN_FORMAT),
+                startPrevDate: moment(startPrevDate).format(MAIN_FORMAT),
+                endPrevDate: moment(endPrevDate).format(MAIN_FORMAT),
                 compare: isCompare
             });
         }
@@ -446,14 +390,14 @@ const Datepicker = (props)=>{
         isCompare
     ]);
     const renderRowStart = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        return /*#__PURE__*/ _jsxs("div", {
             className: "date-picker__date-row",
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_DateInput.default, {
+                /*#__PURE__*/ _jsx(DateInput, {
                     ref: startDateInputRef,
                     testId: `datepicker-${testId}_start-date-input`,
                     RC: "date-picker__date-input",
-                    className: (0, _classnames.default)("date-picker__date-input"),
+                    className: cn("date-picker__date-input"),
                     isFocused: isStartFocused,
                     value: startDateInput,
                     date: getCorrectedDateForDateInput("startDateInput", startDate),
@@ -463,11 +407,11 @@ const Datepicker = (props)=>{
                     onBlur: (e)=>handleDateInputBlur("startDateInput", e),
                     onKeyUp: (code, e)=>handleKeyPressed(code, e, "startDateInput")
                 }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
+                /*#__PURE__*/ _jsx(SelectInput, {
                     testId: testId,
                     id: `datepicker-id-${mainId}_start-hour-select-input`,
                     dataTest: "datepicker_start-hour-select-input",
-                    className: (0, _classnames.default)("date-picker__hour-select-input"),
+                    className: cn("date-picker__hour-select-input"),
                     onChange: (value)=>handleChangeStartHour(value),
                     value: startHour,
                     options: getStartHourItems(),
@@ -480,14 +424,14 @@ const Datepicker = (props)=>{
         });
     };
     const renderRowEnd = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        return /*#__PURE__*/ _jsxs("div", {
             className: "date-picker__date-row",
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_DateInput.default, {
+                /*#__PURE__*/ _jsx(DateInput, {
                     ref: endDateInputRef,
                     testId: `datepicker-${testId}_start-date-input`,
                     RC: "date-picker__date-input",
-                    className: (0, _classnames.default)("date-picker__date-input"),
+                    className: cn("date-picker__date-input"),
                     isFocused: isEndFocused,
                     value: endDateInput,
                     date: getCorrectedDateForDateInput("endDateInput", endDate),
@@ -497,11 +441,11 @@ const Datepicker = (props)=>{
                     onBlur: (e)=>handleDateInputBlur("endDateInput", e),
                     onKeyUp: (code, e)=>handleKeyPressed(code, e, "endDateInput")
                 }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
+                /*#__PURE__*/ _jsx(SelectInput, {
                     testId: testId,
                     id: `datepicker-id-${mainId}_end-hour-select-input`,
                     dataTest: "datepicker_end-hour-select-input",
-                    className: (0, _classnames.default)("date-picker__hour-select-input"),
+                    className: cn("date-picker__hour-select-input"),
                     onChange: (value)=>handleChangeEndHour(value),
                     value: endHour,
                     options: getEndHourItems(),
@@ -514,12 +458,12 @@ const Datepicker = (props)=>{
         });
     };
     const renderCalendarStart = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeCalendar.default, {
+        return /*#__PURE__*/ _jsx(Calendar, {
             testId: testId,
             className: "date-picker__calendar",
             date: date1,
             setDate: setDate1,
-            allowNext: withMobileLogic ? !(0, _momenttimezone.default)(date1).startOf("month").isSameOrAfter((0, _momenttimezone.default)().startOf("day"), "months") : !isNearby,
+            allowNext: withMobileLogic ? !moment(date1).startOf("month").isSameOrAfter(moment().startOf("day"), "months") : !isNearby,
             startDate: startDate,
             endDate: endDate,
             startPrevDate: startPrevDate,
@@ -535,7 +479,7 @@ const Datepicker = (props)=>{
         });
     };
     const renderCalendarEnd = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeCalendar.default, {
+        return /*#__PURE__*/ _jsx(Calendar, {
             className: "date-picker__calendar",
             date: date2,
             setDate: setDate2,
@@ -556,32 +500,32 @@ const Datepicker = (props)=>{
     };
     const render = ()=>{
         var _txt_labels;
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: (0, _classnames.default)("date-picker", className),
+        return /*#__PURE__*/ _jsxs("div", {
+            className: cn("date-picker", className),
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                /*#__PURE__*/ _jsxs("div", {
                     className: "date-picker__header",
                     children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        /*#__PURE__*/ _jsxs("div", {
                             className: "date-picker__inputs-block",
                             children: [
                                 renderRowStart(),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                /*#__PURE__*/ _jsx("div", {
                                     className: "date-picker__inputs-separator date-picker__header--gray",
                                     children: "—"
                                 }),
                                 renderRowEnd()
                             ]
                         }),
-                        isCompare && !isCompareHidden && startDate && endDate && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        isCompare && !isCompareHidden && startDate && endDate && /*#__PURE__*/ _jsx("div", {
                             className: "date-picker__previous-period",
                             children: renderPreviousPeriod()
                         })
                     ]
                 }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                /*#__PURE__*/ _jsx("div", {
                     className: "date-picker__calendars",
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    children: /*#__PURE__*/ _jsxs("div", {
                         className: "date-picker__calendars-wrapper",
                         children: [
                             renderCalendarStart(),
@@ -589,16 +533,16 @@ const Datepicker = (props)=>{
                         ]
                     })
                 }),
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    className: (0, _classnames.default)("date-picker__footer", {
+                /*#__PURE__*/ _jsxs("div", {
+                    className: cn("date-picker__footer", {
                         "date-picker__footer_once-element": isCompareHidden
                     }),
                     children: [
-                        !isCompareHidden ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        !isCompareHidden ? /*#__PURE__*/ _jsx("div", {
                             className: "date-picker__compare-block",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            children: /*#__PURE__*/ _jsx("div", {
                                 className: "mr5",
-                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Switcher.default, {
+                                children: /*#__PURE__*/ _jsx(Switcher, {
                                     dataTest: "datepicker_compare",
                                     label: (txt === null || txt === void 0 ? void 0 : (_txt_labels = txt.labels) === null || _txt_labels === void 0 ? void 0 : _txt_labels.compare) || "Compare",
                                     isSwitchOn: isCompare,
@@ -608,8 +552,8 @@ const Datepicker = (props)=>{
                                     }
                                 })
                             })
-                        }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        }) : /*#__PURE__*/ _jsx("div", {}),
+                        /*#__PURE__*/ _jsx("div", {
                             className: "date-picker__buttons-block",
                             children: renderButtons()
                         })
@@ -619,32 +563,32 @@ const Datepicker = (props)=>{
         });
     };
     const renderMobile = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: (0, _classnames.default)("date-picker", className),
+        return /*#__PURE__*/ _jsxs("div", {
+            className: cn("date-picker", className),
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                /*#__PURE__*/ _jsxs("div", {
                     className: "date-picker__header",
                     children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        /*#__PURE__*/ _jsxs("div", {
                             className: "date-picker__inputs-block",
                             children: [
                                 renderRowStart(),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                /*#__PURE__*/ _jsx("div", {
                                     className: "date-picker__inputs-separator date-picker__header--gray",
                                     children: "—"
                                 }),
                                 renderRowEnd()
                             ]
                         }),
-                        isCompare && !isCompareHidden && startDate && endDate && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        isCompare && !isCompareHidden && startDate && endDate && /*#__PURE__*/ _jsx("div", {
                             className: "date-picker__previous-period",
                             children: renderPreviousPeriod()
                         })
                     ]
                 }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                /*#__PURE__*/ _jsx("div", {
                     className: "date-picker__calendars",
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    children: /*#__PURE__*/ _jsx("div", {
                         className: "date-picker__calendars-wrapper",
                         children: renderCalendarStart()
                     })
@@ -654,4 +598,4 @@ const Datepicker = (props)=>{
     };
     return withMobileLogic ? renderMobile() : render();
 };
-const _default = Datepicker;
+export default Datepicker;