intelicoreact 1.5.32 → 1.5.34

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

@@ -1,61 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-var _mobileKeyboardTypesPresets = require("../../../../Functions/presets/mobileKeyboardTypesPresets");
-var _Input = _interopRequireDefault(require("../../Input/Input"));
-const handleDateInputOnChange = value => {
-  const replace = val => val === null || val === void 0 ? void 0 : val.replace(/[^0-9\/]/g, "");
-  const input = replace(value);
-  const lastSymbol = input ? input.slice(-1) : "";
-  const previousValue = input ? input.slice(0, input.length - 1) : "";
-  if (value.length > 10 || lastSymbol === "/") return previousValue;
-  return previousValue.length === 2 || previousValue.length === 5 ? previousValue + "/" + lastSymbol : input;
-};
-const DateInput = (props, ref) => {
-  const {
-    RC,
-    className,
-    testId,
-    isFocused,
-    disabled,
-    value,
-    valueParseFormat = "MM/DD/YYYY",
-    date,
-    prepareDate,
-    onChange,
-    onFocus,
-    onBlur,
-    onKeyUp
-  } = props;
-  const preparedDate = ((_prepareDate, _output$toString) => {
-    const prepareDateDefault = date => (0, _momentTimezone.default)(date).format("MM/DD/YYYY");
-    const output = (_prepareDate = prepareDate === null || prepareDate === void 0 ? void 0 : prepareDate(date)) !== null && _prepareDate !== void 0 ? _prepareDate : prepareDateDefault(date);
-    return ((output === null || output === void 0 || (_output$toString = output.toString) === null || _output$toString === void 0 ? void 0 : _output$toString.call(output).toLowerCase()) || "") !== "invalid date" ? output : "";
-  })();
-  return isFocused ? /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
-    ref: ref,
-    testId: testId,
-    className: (0, _classnames.default)(className, "".concat(RC, "-interactive")),
-    value: value,
-    disabled: disabled,
-    onChange: value => onChange(handleDateInputOnChange(value)),
-    onBlur: onBlur,
-    onKeyUp: onKeyUp
-  }, _mobileKeyboardTypesPresets.NUMERIC_KEYBOARD)) : /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(className, "".concat(RC, "-emulation"), {
-      ["".concat(RC, "-emulation_disabled")]: disabled
-    }),
-    onClick: disabled ? null : () => onFocus()
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)("")
-  }, preparedDate));
-};
-var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(DateInput);

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

@@ -1,557 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-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; }
-// eslint-disable-next-line no-unused-vars
-
-const outsideScope = {
-  handleHoverTimerId: null
-};
-const DATE_INPUT_FORMAT = "MM/DD/YYYY";
-const padTime = time => {
-  return "".concat(time.toString().padStart(2, "0"), ":00");
-};
-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 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);
-
-  // 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);
-
-  // ********************
-  // Constants
-  // ********************
-
-  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();
-    } else return null;
-  }, [startDate, endDate, isCompare]);
-  const endPrevDate = (0, _react.useMemo)(() => {
-    if (isPreviousPeriodShowed) {
-      return startDate;
-    } else return null;
-  }, [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 "";
-  }, [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 getCorrectedDateForDateInput = (key, date) => {
-    if (key === "startDateInput") return (0, _momentTimezone.default)(date);
-    // return moment(date).subtract(1, 'm');
-    return subtractDay((0, _momentTimezone.default)(date));
-  };
-  const setInterval = () => {
-    setActiveInterval((0, _dependencies.getActualDateRange)({
-      start: startDate,
-      end: endDate
-    }).intervalKey);
-  };
-
-  // ********************
-  // Handlers
-  // ********************
-
-  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"));
-      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"));
-    }
-    setHoverStatus(null);
-  };
-  const handleHover = date => {
-    if (outsideScope.handleHoverTimerId) clearTimeout(outsideScope.handleHoverTimerId);
-    if (!date) {
-      outsideScope.handleHoverTimerId = setTimeout(() => {
-        setHoverStatus(null);
-      }, 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);
-    } else {
-      setHoverStatus("start");
-    }
-  };
-  const handleChangeStartHour = val => {
-    setStartHour(Number(val));
-    setStartDate((0, _momentTimezone.default)(startDate || (0, _momentTimezone.default)()).set("hour", Number(val)));
-  };
-  const handleChangeEndHour = 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");
-      } else if (prevEndHour.current !== 0 && newHour === 0) {
-        newEndDate = (0, _momentTimezone.default)(endDate).add(1, "days");
-      }
-    }
-    prevEndHour.current = newHour;
-    setEndDate((0, _momentTimezone.default)(newEndDate).set("hour", newHour));
-  };
-
-  // const doBlur = (type, e) => {
-  //   const executor = type === 'start' ? setIsStartFocused : setIsEndFocused;
-  //   e.target.blur();
-  //   executor(false);
-  // };
-
-  // const handleStartDateBlur = e => {
-  //   let newDate;
-
-  //   if (!moment(startDateInput).isValid()) {
-  //     newDate = moment(startDate);
-  //   } else {
-  //     if (minDate && moment(startDateInput).isBefore(minDate)) newDate = momentMinDate;
-  //     else if (!isDontLimitFuture) {
-  //       const edge = maxDate ? momentMaxDate : moment().add(1, 'day').startOf('day');
-  //       if (moment(startDateInput).isAfter(edge)) newDate = edge;
-  //       else newDate = moment(startDateInput);
-  //     } else newDate = moment(startDateInput);
-  //   }
-
-  //   setStartDateInput(newDate.format(format));
-  //   setStartDate(newDate.set('hour', parseInt(startHour, 10)).toDate());
-
-  //   doBlur('start', e);
-  //   setDate1(
-  //     moment(newDate).isSameOrAfter(moment(date2), 'month') ? moment(date2).subtract(1, 'month') : moment(newDate),
-  //   );
-  // };
-
-  // const handleEndDateBlur = e => {
-  //   let newDate;
-
-  //   if (!moment(endDateInput).isValid()) {
-  //     newDate = moment(endDate);
-  //   } else {
-  //     if (minDate && moment(endDateInput).isBefore(minDate)) newDate = momentMinDate;
-  //     else if (!isDontLimitFuture) {
-  //       const edge = maxDate ? momentMaxDate : moment().endOf('day');
-  //       if (moment(endDateInput).isAfter(edge)) newDate = maxDate ? edge : edge.startOf('day');
-  //       else newDate = moment(startDateInput);
-  //     } else newDate = moment(startDateInput);
-  //   }
-
-  //   setEndDate(addDay(newDate.set('hour', parseInt(endHour, 10)).toDate()));
-  //   setEndDateInput(newDate.format(format));
-
-  //   doBlur('end', e);
-  //   setDate2(newDate);
-  // };
-
-  const handleDateInputFocus = (key, e) => {
-    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") : "");
-    setTimeout(() => {
-      var _e$target;
-      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();
-
-      //? Для инпут-маск, почему-то нужно пропустить 2 эвентлупа
-      // setTimeout(() => {
-      //   target.select();
-      // }, 0);
-    }, 0);
-  };
-  const doBlur = (type, e) => {
-    const executor = type === "startDateInput" ? setIsStartFocused : setIsEndFocused;
-    e.target.blur();
-    executor(false);
-  };
-  const processOverflow = (newDateAsString, valueForRollback, key) => {
-    const newDateAsMomentObj = (0, _momentTimezone.default)(newDateAsString, DATE_INPUT_FORMAT);
-
-    // console.log('processOverflow - newDateAsString - ', newDateAsString);
-    // console.log('processOverflow - valueForRollback - ', valueForRollback);
-    // console.log('----------');
-    // console.log('processOverflow - minDate - ', minDate);
-    // console.log('processOverflow - maxDate - ', maxDate);
-    // console.log('----------');
-    // console.log('processOverflow - momentMinDate - ', momentMinDate);
-    // console.log('processOverflow - momentMaxDate - ', momentMaxDate);
-    // console.log('----------');
-    // console.log('processOverflow - newDateAsMomentObj - ', newDateAsMomentObj);
-    // console.log('*********');
-
-    //? Если значение не валидно...
-    if (!newDateAsMomentObj.isValid()) {
-      //? ... то откатываем к дате до набора руками
-      return valueForRollback;
-    } else {
-      const beforeOfFuture = (0, _momentTimezone.default)().endOf("day");
-      const hour = key === "startDateInput" ? startHour : endHour;
-      let output;
-
-      //? Если есть минимальная дата и введенная меньше минимальной, то ставим минимальную
-      if (minDate && newDateAsMomentObj.isBefore(momentMinDate)) output = momentMinDate;
-      //? Если есть максимальная дата и введенная больше максимальной, то ставим максимальную
-      else if (maxDate && newDateAsMomentObj.isAfter(momentMaxDate)) output = momentMaxDate;
-      //? Если нет установки не ограничивать дату по будущему...
-      else if (!isDontLimitFuture && newDateAsMomentObj.isAfter(beforeOfFuture)) {
-        output = beforeOfFuture.startOf("day");
-      } else output = newDateAsMomentObj;
-
-      // if (key === 'startDateInput') {
-      //   console.log('endDate - ', endDate.format('YYYY-MM-DDTHH:mm'));
-      //   console.log('endDate.subtract(1, d) - ', endDate.subtract(1, 'd').format('YYYY-MM-DDTHH:mm'));
-      //   if (output.isAfter(endDate.subtract(1, 'd'))) output = endDate.subtract(1, 'd');
-      // }
-
-      if (key === "endDateInput") {
-        // console.log('startDate - ', startDate.format('YYYY-MM-DDTHH:mm'));
-        // if (output.isBefore(startDate)) output = startDate.add(1, 'd');
-        output = addDay(output);
-      }
-
-      // console.log('output - ', output.format('YYYY-MM-DDTHH:mm'));
-      // console.log('************');
-
-      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 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);
-    };
-    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);
-    execute(processedNewDate);
-    executeForCalendar(prepareValueForCalendar(processedNewDate));
-    doBlur(key, e);
-  };
-  const handleKeyPressed = (code, e, type) => {
-    if (code === 13) handleDateInputBlur(type, e);
-    if (code === 27) doBlur(type, e);
-  };
-
-  // ********************
-  // Render Functions
-  // ********************
-
-  const getStartHourItems = () => [...Array(24).keys()].map(hour => ({
-    label: padTime(hour),
-    value: 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
-  }));
-  const renderButtons = () => {
-    var _txt$buttons, _txt$buttons2;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-      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, {
-      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),
-        compare: isCompare
-      })
-    }, (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", {
-      className: "date-picker__previous-period-interval"
-    }, title));
-  };
-
-  // ********************
-  // 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"));
-    }
-  }, [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"));
-    }
-  }, [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));
-    }
-    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"));
-    }
-  }, [date1, date2]);
-  (0, _react.useEffect)(() => {
-    onChangeInterval(dateInterval);
-  }, [dateInterval]);
-  (0, _react.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),
-        compare: isCompare
-      });
-    }
-  }, [startDate, endDate, startPrevDate, endPrevDate, isCompare]);
-  const renderRowStart = () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-picker__date-row"
-    }, /*#__PURE__*/_react.default.createElement(_DateInput.default, {
-      ref: startDateInputRef,
-      testId: "datepicker-".concat(testId, "_start-date-input"),
-      RC: "date-picker__date-input",
-      className: (0, _classnames.default)("date-picker__date-input"),
-      isFocused: isStartFocused,
-      value: startDateInput,
-      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")
-    }), /*#__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"),
-      onChange: value => handleChangeStartHour(value),
-      value: startHour,
-      options: getStartHourItems(),
-      disabled: !startDate,
-      isDoNotPullOutListOfMainContainer: true,
-      short: true,
-      withMobileLogic: withMobileLogic
-    }));
-  };
-  const renderRowEnd = () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-picker__date-row"
-    }, /*#__PURE__*/_react.default.createElement(_DateInput.default, {
-      ref: endDateInputRef,
-      testId: "datepicker-".concat(testId, "_start-date-input"),
-      RC: "date-picker__date-input",
-      className: (0, _classnames.default)("date-picker__date-input"),
-      isFocused: isEndFocused,
-      value: endDateInput,
-      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")
-    }), /*#__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"),
-      onChange: value => handleChangeEndHour(value),
-      value: endHour,
-      options: getEndHourItems(),
-      disabled: !endDate,
-      isDoNotPullOutListOfMainContainer: true,
-      short: true,
-      withMobileLogic: withMobileLogic
-    }));
-  };
-  const renderCalendarStart = () => {
-    return /*#__PURE__*/_react.default.createElement(_RangeCalendar.default, {
-      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,
-      startDate: startDate,
-      endDate: endDate,
-      startPrevDate: startPrevDate,
-      endPrevDate: endPrevDate,
-      onClick: handleClick,
-      onHover: handleHover,
-      limitRange: limitRange,
-      isShortWeekNames: isShortWeekNames,
-      minDate: minDate,
-      maxDate: maxDate,
-      momentMinDate: momentMinDate,
-      momentMaxDate: momentMaxDate
-    });
-  };
-  const renderCalendarEnd = () => {
-    return /*#__PURE__*/_react.default.createElement(_RangeCalendar.default, {
-      className: "date-picker__calendar",
-      date: date2,
-      setDate: setDate2,
-      allowPrev: !isNearby,
-      startDate: startDate,
-      endDate: endDate,
-      startPrevDate: startPrevDate,
-      endPrevDate: endPrevDate,
-      onClick: handleClick,
-      onHover: handleHover,
-      isShortWeekNames: isShortWeekNames,
-      minDate: minDate,
-      maxDate: maxDate,
-      momentMinDate: momentMinDate,
-      momentMaxDate: momentMaxDate,
-      isDontLimitFuture: isDontLimitFuture
-    });
-  };
-  const render = () => {
-    var _txt$labels2;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("date-picker", className)
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-picker__header"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-picker__inputs-block"
-    }, renderRowStart(), /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-picker__inputs-separator date-picker__header--gray"
-    }, "\u2014"), renderRowEnd()), isCompare && !isCompareHidden && startDate && endDate && /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-picker__previous-period"
-    }, renderPreviousPeriod())), /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-picker__calendars"
-    }, /*#__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
-      })
-    }, !isCompareHidden ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-picker__compare-block"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      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",
-      isSwitchOn: isCompare,
-      onChange: () => {
-        onChangeCompare(!isCompare);
-        setIsCompare(state => !state);
-      }
-    }))) : /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-picker__buttons-block"
-    }, renderButtons())));
-  };
-  const renderMobile = () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("date-picker", className)
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-picker__header"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-picker__inputs-block"
-    }, renderRowStart(), /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-picker__inputs-separator date-picker__header--gray"
-    }, "\u2014"), renderRowEnd()), isCompare && !isCompareHidden && startDate && endDate && /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-picker__previous-period"
-    }, renderPreviousPeriod())), /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-picker__calendars"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-picker__calendars-wrapper"
-    }, renderCalendarStart())));
-  };
-  return withMobileLogic ? renderMobile() : render();
-};
-var _default = exports.default = Datepicker;