intelicoreact 1.3.22 → 1.3.24

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

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _dependencies = require("../dependencies");
-var _Dropdown = _interopRequireDefault(require("../../Dropdown/Dropdown"));
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 var _Button = _interopRequireDefault(require("../../../UI/Button/Button"));
+var _Dropdown = _interopRequireDefault(require("../../Dropdown/Dropdown"));
 var _RangeCalendar = _interopRequireDefault(require("../../RangeCalendar/RangeCalendar"));
 var _Switcher = _interopRequireDefault(require("../../Switcher/Switcher"));
+var _dependencies = require("../dependencies");
 var _DateInput = _interopRequireDefault(require("./DateInput"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -21,9 +21,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const outsideScope = {
   handleHoverTimerId: null
 };
-const DATE_INPUT_FORMAT = 'MM/DD/YYYY';
+const DATE_INPUT_FORMAT = "MM/DD/YYYY";
 const padTime = time => {
-  return "".concat(time.toString().padStart(2, '0'), ":00");
+  return "".concat(time.toString().padStart(2, "0"), ":00");
 };
 const Datepicker = props => {
   const {
@@ -58,8 +58,8 @@ const Datepicker = props => {
   } = 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 [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 dateInterval = getSelectedMode({
     start: startDate,
     end: endDate
@@ -73,7 +73,7 @@ const Datepicker = props => {
 
   // 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 [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);
 
@@ -81,13 +81,13 @@ const Datepicker = props => {
   // Constants
   // ********************
 
-  const isNearby = (0, _react.useMemo)(() => (0, _momentTimezone.default)(date2).subtract(1, 'month').isSame((0, _momentTimezone.default)(date1), 'month'), [date1, date2]);
+  const isNearby = (0, _react.useMemo)(() => (0, _momentTimezone.default)(date2).subtract(1, "month").isSame((0, _momentTimezone.default)(date1), "month"), [date1, date2]);
   const isPreviousPeriodShowed = (0, _react.useMemo)(() => isCompare && !isCompareHidden && startDate && endDate, [startDate, endDate, isCompare]);
   const prevEndHour = (0, _react.useRef)(endHour);
   const startPrevDate = (0, _react.useMemo)(() => {
     if (isPreviousPeriodShowed) {
-      const intervalHoursCount = (0, _momentTimezone.default)(endDate).diff(startDate, 'hours');
-      return (0, _momentTimezone.default)(startDate).subtract(intervalHoursCount, 'hours').toDate();
+      const intervalHoursCount = (0, _momentTimezone.default)(endDate).diff(startDate, "hours");
+      return (0, _momentTimezone.default)(startDate).subtract(intervalHoursCount, "hours").toDate();
     } else return null;
   }, [startDate, endDate, isCompare]);
   const endPrevDate = (0, _react.useMemo)(() => {
@@ -97,18 +97,18 @@ const Datepicker = props => {
   }, [startDate, endDate, isCompare]);
   const title = (0, _react.useMemo)(() => {
     if (isCompare && !isCompareHidden && startDate && endDate) {
-      return "".concat((0, _momentTimezone.default)(startPrevDate).format('ll'), " (").concat((0, _momentTimezone.default)(startPrevDate).format(_dependencies.MAIN_TIME_FORMAT), ") - ").concat((0, _momentTimezone.default)(endPrevDate).format('ll'), " (").concat((0, _momentTimezone.default)(endPrevDate).format(_dependencies.MAIN_TIME_FORMAT), ")");
-    } else return '';
+      return "".concat((0, _momentTimezone.default)(startPrevDate).format("ll"), " (").concat((0, _momentTimezone.default)(startPrevDate).format(_dependencies.MAIN_TIME_FORMAT), ") - ").concat((0, _momentTimezone.default)(endPrevDate).format("ll"), " (").concat((0, _momentTimezone.default)(endPrevDate).format(_dependencies.MAIN_TIME_FORMAT), ")");
+    } else return "";
   }, [startDate, endDate, isCompare]);
 
   // ********************
   // 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 ? (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 getCorrectedDateForDateInput = (key, date) => {
-    if (key === 'startDateInput') return (0, _momentTimezone.default)(date);
+    if (key === "startDateInput") return (0, _momentTimezone.default)(date);
     // return moment(date).subtract(1, 'm');
     return subtractDay((0, _momentTimezone.default)(date));
   };
@@ -125,16 +125,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 && !((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"));
       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 ((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"));
     }
     setHoverStatus(null);
   };
@@ -146,29 +146,29 @@ 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');else setHoverStatus(null);
+    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");else setHoverStatus(null);
     } else {
-      setHoverStatus('start');
+      setHoverStatus("start");
     }
   };
   const handleChangeStartHour = val => {
-    setStartHour(+val);
-    setStartDate((0, _momentTimezone.default)(startDate || (0, _momentTimezone.default)()).set('hour', +val));
+    setStartHour(Number(val));
+    setStartDate((0, _momentTimezone.default)(startDate || (0, _momentTimezone.default)()).set("hour", Number(val)));
   };
   const handleChangeEndHour = val => {
-    const newHour = +val;
+    const newHour = Number(val);
     setEndHour(newHour);
     let newEndDate = (0, _momentTimezone.default)();
     if (endDate) {
       if (prevEndHour.current === 0 && newHour !== 0) {
-        newEndDate = (0, _momentTimezone.default)(endDate).subtract(1, 'days');
+        newEndDate = (0, _momentTimezone.default)(endDate).subtract(1, "days");
       } else if (prevEndHour.current !== 0 && newHour === 0) {
-        newEndDate = (0, _momentTimezone.default)(endDate).add(1, 'days');
+        newEndDate = (0, _momentTimezone.default)(endDate).add(1, "days");
       }
     }
     prevEndHour.current = newHour;
-    setEndDate((0, _momentTimezone.default)(newEndDate).set('hour', newHour));
+    setEndDate((0, _momentTimezone.default)(newEndDate).set("hour", newHour));
   };
 
   // const doBlur = (type, e) => {
@@ -222,14 +222,14 @@ const Datepicker = props => {
   // };
 
   const handleDateInputFocus = (key, e) => {
-    const changeFlag = key === 'startDateInput' ? setIsStartFocused : setIsEndFocused;
-    const set = key === 'startDateInput' ? setStartDateInput : setEndDateInput;
-    const date = key === 'startDateInput' ? startDate : endDate;
+    const changeFlag = key === "startDateInput" ? setIsStartFocused : setIsEndFocused;
+    const set = key === "startDateInput" ? setStartDateInput : setEndDateInput;
+    const date = key === "startDateInput" ? startDate : endDate;
     changeFlag(true);
-    set(date ? getCorrectedDateForDateInput(key, date).format('L') : '');
+    set(date ? getCorrectedDateForDateInput(key, date).format("L") : "");
     setTimeout(() => {
       var _e$target;
-      const defaultTarget = key === 'startDateInput' ? startDateInputRef.current : endDateInputRef.current;
+      const defaultTarget = key === "startDateInput" ? startDateInputRef.current : endDateInputRef.current;
       const target = (_e$target = e === null || e === void 0 ? void 0 : e.target) !== null && _e$target !== void 0 ? _e$target : defaultTarget;
       target.select();
 
@@ -240,7 +240,7 @@ const Datepicker = props => {
     }, 0);
   };
   const doBlur = (type, e) => {
-    const executor = type === 'startDateInput' ? setIsStartFocused : setIsEndFocused;
+    const executor = type === "startDateInput" ? setIsStartFocused : setIsEndFocused;
     e.target.blur();
     executor(false);
   };
@@ -264,8 +264,8 @@ const Datepicker = props => {
       //? ... то откатываем к дате до набора руками
       return valueForRollback;
     } else {
-      const beforeOfFuture = (0, _momentTimezone.default)().endOf('day');
-      const hour = key === 'startDateInput' ? startHour : endHour;
+      const beforeOfFuture = (0, _momentTimezone.default)().endOf("day");
+      const hour = key === "startDateInput" ? startHour : endHour;
       let output;
 
       //? Если есть минимальная дата и введенная меньше минимальной, то ставим минимальную
@@ -274,7 +274,7 @@ const Datepicker = props => {
       else if (maxDate && newDateAsMomentObj.isAfter(momentMaxDate)) output = momentMaxDate;
       //? Если нет установки не ограничивать дату по будущему...
       else if (!isDontLimitFuture && newDateAsMomentObj.isAfter(beforeOfFuture)) {
-        output = beforeOfFuture.startOf('day');
+        output = beforeOfFuture.startOf("day");
       } else output = newDateAsMomentObj;
 
       // if (key === 'startDateInput') {
@@ -283,7 +283,7 @@ const Datepicker = props => {
       //   if (output.isAfter(endDate.subtract(1, 'd'))) output = endDate.subtract(1, 'd');
       // }
 
-      if (key === 'endDateInput') {
+      if (key === "endDateInput") {
         // console.log('startDate - ', startDate.format('YYYY-MM-DDTHH:mm'));
         // if (output.isBefore(startDate)) output = startDate.add(1, 'd');
         output = addDay(output);
@@ -292,18 +292,18 @@ const Datepicker = props => {
       // console.log('output - ', output.format('YYYY-MM-DDTHH:mm'));
       // console.log('************');
 
-      return output.set('hour', parseInt(hour, 10));
+      return output.set("hour", parseInt(hour, 10));
     }
   };
   const handleDateInputBlur = (key, e) => {
     var _e$target$value, _e$target2;
-    const reserveValue = key === 'startDateInput' ? startDateInput : endDateInput;
-    const valueForRollback = key === 'startDateInput' ? startDate : endDate;
-    const execute = key === 'startDateInput' ? setStartDate : setEndDate;
-    const executeForCalendar = key === 'startDateInput' ? setDate1 : setDate2;
+    const reserveValue = key === "startDateInput" ? startDateInput : endDateInput;
+    const valueForRollback = key === "startDateInput" ? startDate : endDate;
+    const execute = key === "startDateInput" ? setStartDate : setEndDate;
+    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);
+      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);
     };
     const newDateValue = (_e$target$value = e === null || e === void 0 || (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.value) !== null && _e$target$value !== void 0 ? _e$target$value : reserveValue;
     const processedNewDate = processOverflow(newDateValue, valueForRollback, key);
@@ -323,12 +323,12 @@ const Datepicker = props => {
   const getStartHourItems = () => [...Array(24).keys()].map(hour => ({
     label: padTime(hour),
     value: hour,
-    disabled: (0, _momentTimezone.default)(startDate).isSame(endDate, 'day') && endHour <= hour
+    disabled: (0, _momentTimezone.default)(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: ((0, _momentTimezone.default)(startDate).isSame(endDate, "day") || (0, _momentTimezone.default)(startDate).isSame((0, _momentTimezone.default)(endDate).subtract(1, "days"), "day") && endHour === 0) && hour < startHour
   }));
   const renderButtons = () => {
     var _txt$buttons, _txt$buttons2;
@@ -336,7 +336,7 @@ const Datepicker = props => {
       className: "date-picker__button",
       onClick: () => onCancel(),
       variant: buttonsTypes === null || buttonsTypes === void 0 ? void 0 : buttonsTypes.cancel
-    }, (txt === null || txt === void 0 || (_txt$buttons = txt.buttons) === null || _txt$buttons === void 0 ? void 0 : _txt$buttons.cancel) || 'cancel'), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    }, (txt === null || txt === void 0 || (_txt$buttons = txt.buttons) === null || _txt$buttons === void 0 ? void 0 : _txt$buttons.cancel) || "cancel"), /*#__PURE__*/_react.default.createElement(_Button.default, {
       className: "date-picker__button",
       variant: buttonsTypes === null || buttonsTypes === void 0 ? void 0 : buttonsTypes.apply,
       disabled: !startDate || !endDate,
@@ -347,11 +347,11 @@ const Datepicker = props => {
         endPrevDate: (0, _momentTimezone.default)(endPrevDate).format(_dependencies.MAIN_FORMAT),
         compare: isCompare
       })
-    }, (txt === null || txt === void 0 || (_txt$buttons2 = txt.buttons) === null || _txt$buttons2 === void 0 ? void 0 : _txt$buttons2.apply) || 'apply'));
+    }, (txt === null || txt === void 0 || (_txt$buttons2 = txt.buttons) === null || _txt$buttons2 === void 0 ? void 0 : _txt$buttons2.apply) || "apply"));
   };
   const renderPreviousPeriod = () => {
     var _txt$labels;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (txt === null || txt === void 0 || (_txt$labels = txt.labels) === null || _txt$labels === void 0 ? void 0 : _txt$labels.previousPeriod) || '', ": ", /*#__PURE__*/_react.default.createElement("span", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (txt === null || txt === void 0 || (_txt$labels = txt.labels) === null || _txt$labels === void 0 ? void 0 : _txt$labels.previousPeriod) || "", ":", " ", /*#__PURE__*/_react.default.createElement("span", {
       className: "date-picker__previous-period-interval"
     }, title));
   };
@@ -362,33 +362,33 @@ const Datepicker = props => {
 
   (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'));
+      setStartDate((0, _momentTimezone.default)(endDate).subtract(1, "d"));
+      setDate1((0, _momentTimezone.default)(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'));
+      setEndDate((0, _momentTimezone.default)(startDate).add(1, "d"));
+      setDate2((0, _momentTimezone.default)(startDate).add(1, "d"));
     }
   }, [endDate]);
   (0, _react.useEffect)(() => {
-    if ((0, _momentTimezone.default)(startDate).isBefore((0, _momentTimezone.default)(endDate), 'month')) {
+    if ((0, _momentTimezone.default)(startDate).isBefore((0, _momentTimezone.default)(endDate), "month")) {
       setDate1((0, _momentTimezone.default)(startDate));
       setDate2((0, _momentTimezone.default)(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'));
+    if ((0, _momentTimezone.default)(date1).isSameOrAfter((0, _momentTimezone.default)(date2), "month") && !withMobileLogic) {
+      setDate1((0, _momentTimezone.default)(date2).subtract(1, "month"));
     }
   }, [date1, date2]);
   (0, _react.useEffect)(() => {
     onChangeInterval(dateInterval);
   }, [dateInterval]);
   (0, _react.useEffect)(() => {
-    if (typeof onChangeMobile === 'function') {
+    if (typeof onChangeMobile === "function") {
       onChangeMobile({
         start: (0, _momentTimezone.default)(startDate).format(_dependencies.MAIN_FORMAT),
         end: (0, _momentTimezone.default)(endDate).format(_dependencies.MAIN_FORMAT),
@@ -405,20 +405,20 @@ const Datepicker = props => {
       ref: startDateInputRef,
       testId: "datepicker-".concat(testId, "_start-date-input"),
       RC: "date-picker__date-input",
-      className: (0, _classnames.default)('date-picker__date-input'),
+      className: (0, _classnames.default)("date-picker__date-input"),
       isFocused: isStartFocused,
       value: startDateInput,
-      date: getCorrectedDateForDateInput('startDateInput', startDate),
+      date: getCorrectedDateForDateInput("startDateInput", startDate),
       disabled: !startDate,
       onChange: setStartDateInput,
-      onFocus: e => handleDateInputFocus('startDateInput', e),
-      onBlur: e => handleDateInputBlur('startDateInput', e),
-      onKeyUp: (code, e) => handleKeyPressed(code, e, 'startDateInput')
+      onFocus: e => handleDateInputFocus("startDateInput", e),
+      onBlur: e => handleDateInputBlur("startDateInput", e),
+      onKeyUp: (code, e) => handleKeyPressed(code, e, "startDateInput")
     }), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
       testId: testId,
       id: "datepicker-id-".concat(mainId, "_start-hour-select-input"),
       dataTest: "datepicker_start-hour-select-input",
-      className: (0, _classnames.default)('date-picker__hour-select-input'),
+      className: (0, _classnames.default)("date-picker__hour-select-input"),
       onChange: value => handleChangeStartHour(value),
       value: startHour,
       options: getStartHourItems(),
@@ -435,20 +435,20 @@ const Datepicker = props => {
       ref: endDateInputRef,
       testId: "datepicker-".concat(testId, "_start-date-input"),
       RC: "date-picker__date-input",
-      className: (0, _classnames.default)('date-picker__date-input'),
+      className: (0, _classnames.default)("date-picker__date-input"),
       isFocused: isEndFocused,
       value: endDateInput,
-      date: getCorrectedDateForDateInput('endDateInput', endDate),
+      date: getCorrectedDateForDateInput("endDateInput", endDate),
       disabled: !endDate,
       onChange: setEndDateInput,
-      onFocus: e => handleDateInputFocus('endDateInput', e),
-      onBlur: e => handleDateInputBlur('endDateInput', e),
-      onKeyUp: (code, e) => handleKeyPressed(code, e, 'endDateInput')
+      onFocus: e => handleDateInputFocus("endDateInput", e),
+      onBlur: e => handleDateInputBlur("endDateInput", e),
+      onKeyUp: (code, e) => handleKeyPressed(code, e, "endDateInput")
     }), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
       testId: testId,
       id: "datepicker-id-".concat(mainId, "_end-hour-select-input"),
       dataTest: "datepicker_end-hour-select-input",
-      className: (0, _classnames.default)('date-picker__hour-select-input'),
+      className: (0, _classnames.default)("date-picker__hour-select-input"),
       onChange: value => handleChangeEndHour(value),
       value: endHour,
       options: getEndHourItems(),
@@ -464,7 +464,7 @@ const Datepicker = props => {
       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 ? !(0, _momentTimezone.default)(date1).startOf("month").isSameOrAfter((0, _momentTimezone.default)().startOf("day"), "months") : !isNearby,
       startDate: startDate,
       endDate: endDate,
       startPrevDate: startPrevDate,
@@ -502,7 +502,7 @@ const Datepicker = props => {
   const render = () => {
     var _txt$labels2;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('date-picker', className)
+      className: (0, _classnames.default)("date-picker", className)
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "date-picker__header"
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -516,8 +516,8 @@ const Datepicker = props => {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "date-picker__calendars-wrapper"
     }, renderCalendarStart(), renderCalendarEnd())), /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('date-picker__footer', {
-        'date-picker__footer_once-element': isCompareHidden
+      className: (0, _classnames.default)("date-picker__footer", {
+        "date-picker__footer_once-element": isCompareHidden
       })
     }, !isCompareHidden ? /*#__PURE__*/_react.default.createElement("div", {
       className: "date-picker__compare-block"
@@ -525,7 +525,7 @@ const Datepicker = props => {
       className: "mr5"
     }, /*#__PURE__*/_react.default.createElement(_Switcher.default, {
       dataTest: "datepicker_compare",
-      label: (txt === null || txt === void 0 || (_txt$labels2 = txt.labels) === null || _txt$labels2 === void 0 ? void 0 : _txt$labels2.compare) || 'Compare',
+      label: (txt === null || txt === void 0 || (_txt$labels2 = txt.labels) === null || _txt$labels2 === void 0 ? void 0 : _txt$labels2.compare) || "Compare",
       isSwitchOn: isCompare,
       onChange: () => {
         onChangeCompare(!isCompare);
@@ -537,7 +537,7 @@ const Datepicker = props => {
   };
   const renderMobile = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('date-picker', className)
+      className: (0, _classnames.default)("date-picker", className)
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "date-picker__header"
     }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -6,20 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactDom = require("react-dom");
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _dependencies = require("../dependencies");
-var _Modal = _interopRequireDefault(require("../../../UI/Modal/Modal"));
-var _Dropdown = _interopRequireDefault(require("../../Dropdown/Dropdown"));
+var _reactDom = require("react-dom");
 var _useIsMobile = _interopRequireDefault(require("../../../../Functions/useIsMobile"));
 var _useResize = require("../../../../Functions/useResize");
 var _utils = require("../../../../Functions/utils");
-var _SelectItem = _interopRequireDefault(require("./SelectItem"));
+var _Modal = _interopRequireDefault(require("../../../UI/Modal/Modal"));
+var _Dropdown = _interopRequireDefault(require("../../Dropdown/Dropdown"));
+var _dependencies = require("../dependencies");
 var _Datepicker = _interopRequireDefault(require("./Datepicker"));
+var _SelectItem = _interopRequireDefault(require("./SelectItem"));
+var _classnames = _interopRequireDefault(require("classnames"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const classNames = require('classnames');
+const classNames = require("classnames");
 const OpenedPart = (props, ref) => {
   const {
     dateRangeContainerId,
@@ -58,13 +58,13 @@ const OpenedPart = (props, ref) => {
     elemPosition
   } = (0, _useResize.useResize)(boxRef);
   const [mobileChange, setMobileChange] = (0, _react.useState)({});
-  const openedPartClass = classNames('date-range-input__opened-part', 'opened-part', {
+  const openedPartClass = classNames("date-range-input__opened-part", "opened-part", {
     ["opened-part--".concat(elemPosition)]: elemPosition
   }, {
-    'opened-part--top': isListTop
+    "opened-part--top": isListTop
   });
-  const openedPartWrapperClass = classNames('opened-part__wrapper', {
-    'opened-part__wrapper_right-position-once-element': isOptionsRight && (isCompact || isIntervalsHidden)
+  const openedPartWrapperClass = classNames("opened-part__wrapper", {
+    "opened-part__wrapper_right-position-once-element": isOptionsRight && (isCompact || isIntervalsHidden)
   });
   const items = isCompact ? [...Object.keys(_dependencies.INTERVALS)] : [...Object.keys(_dependencies.INTERVALS), _dependencies.CUSTOM_INTERVAL_KEY];
   const [activeInterval, setActiveInterval] = (0, _react.useState)(actualValues.intervalKey);
@@ -83,7 +83,7 @@ const OpenedPart = (props, ref) => {
       start,
       end
     } = newValues;
-    if ((0, _momentTimezone.default)(start).get('hour') !== 0 || (0, _momentTimezone.default)(end).get('hour') !== 0) {
+    if ((0, _momentTimezone.default)(start).get("hour") !== 0 || (0, _momentTimezone.default)(end).get("hour") !== 0) {
       return _dependencies.CUSTOM_INTERVAL_KEY;
     }
     for (const [key, interval] of Object.entries(_dependencies.INTERVALS)) {
@@ -97,7 +97,7 @@ const OpenedPart = (props, ref) => {
     return /*#__PURE__*/_react.default.createElement(_Datepicker.default, {
       mainId: mainId,
       testId: testId,
-      className: (0, _classnames.default)('opened-part__date-picker'),
+      className: (0, _classnames.default)("opened-part__date-picker"),
       buttonsTypes: buttonsTypes,
       values: actualValues,
       onChangeMobile: setMobileChange,
@@ -131,7 +131,7 @@ const OpenedPart = (props, ref) => {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: openedPartWrapperClass
     }, !isIntervalsHidden && /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('opened-part__intervals-list')
+      className: (0, _classnames.default)("opened-part__intervals-list")
     }, items.map((item, index) => {
       var _intervals$item, _intervals$item2, _intervals$item3, _intervals$item3$star, _intervals$item3$star2;
       if ((_intervals$item = _dependencies.INTERVALS[item]) !== null && _intervals$item !== void 0 && _intervals$item.isHidden) return null;

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

@@ -19,16 +19,16 @@ const SelectItem = _ref => {
     testId
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('opened-part__intervals-item', {
-      'opened-part__intervals-item_active': isActive,
-      'opened-part__intervals-item_disabled': disabled
+    className: (0, _classnames.default)("opened-part__intervals-item", {
+      "opened-part__intervals-item_active": isActive,
+      "opened-part__intervals-item_disabled": disabled
     }),
     onClick: onItemClick,
     onMouseEnter: onMouseEnter,
     "data-item": item,
     "data-testid": "selectItem--key-".concat(testId, "--label-").concat(label)
   }, isActive && /*#__PURE__*/_react.default.createElement(_CustomIcons.Check2, {
-    className: (0, _classnames.default)('opened-part__intervals-item-icon-active')
+    className: (0, _classnames.default)("opened-part__intervals-item-icon-active")
   }), label);
 };
 var _default = exports.default = SelectItem;