intelicoreact 1.3.21 → 1.3.22

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

@@ -1,207 +1,130 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 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 _Button = _interopRequireDefault(require("../../../UI/Button/Button"));
-
 var _RangeCalendar = _interopRequireDefault(require("../../RangeCalendar/RangeCalendar"));
-
 var _Switcher = _interopRequireDefault(require("../../Switcher/Switcher"));
-
 var _DateInput = _interopRequireDefault(require("./DateInput"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(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 = {}; 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; }
-
+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
-var outsideScope = {
+
+const outsideScope = {
   handleHoverTimerId: null
 };
-var DATE_INPUT_FORMAT = 'MM/DD/YYYY';
-
-var padTime = function padTime(time) {
+const DATE_INPUT_FORMAT = 'MM/DD/YYYY';
+const padTime = time => {
   return "".concat(time.toString().padStart(2, '0'), ":00");
 };
-
-var Datepicker = function Datepicker(props) {
-  var txt = props.txt,
-      className = props.className,
-      _props$buttonsTypes = props.buttonsTypes,
-      buttonsTypes = _props$buttonsTypes === void 0 ? {} : _props$buttonsTypes,
-      _props$values = props.values,
-      values = _props$values === void 0 ? {} : _props$values,
-      onChange = props.onChange,
-      onChangeMobile = props.onChangeMobile,
-      onChangeCompare = props.onChangeCompare,
-      onCancel = props.onCancel,
-      getSelectedMode = props.getSelectedMode,
-      onChangeInterval = props.onChangeInterval,
-      isCompareHidden = props.isCompareHidden,
-      limitRange = props.limitRange,
-      handleItemClick = props.handleItemClick,
-      setActiveInterval = props.setActiveInterval,
-      isShortWeekNames = props.isShortWeekNames,
-      minDate = props.minDate,
-      maxDate = props.maxDate,
-      momentMinDate = props.momentMinDate,
-      momentMaxDate = props.momentMaxDate,
-      isDontLimitFuture = props.isDontLimitFuture,
-      testId = props.testId,
-      mainId = props.mainId,
-      withMobileLogic = props.withMobileLogic;
-  var _values$start = values.start,
-      start = _values$start === void 0 ? null : _values$start,
-      _values$end = values.end,
-      end = _values$end === void 0 ? null : _values$end,
-      _values$compare = values.compare,
-      compare = _values$compare === void 0 ? false : _values$compare;
-  var startDateInputRef = (0, _react.useRef)(null);
-  var endDateInputRef = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)((0, _dependencies.getIsDateValid)(start) ? (0, _momentTimezone.default)(start) : ''),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      startDate = _useState2[0],
-      setStartDate = _useState2[1];
-
-  var _useState3 = (0, _react.useState)((0, _dependencies.getIsDateValid)(end) ? (0, _momentTimezone.default)(end) : ''),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      endDate = _useState4[0],
-      setEndDate = _useState4[1];
-
-  var dateInterval = getSelectedMode({
+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);
 
-  var _useState5 = (0, _react.useState)(null),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      startDateInput = _useState6[0],
-      setStartDateInput = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(null),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      endDateInput = _useState8[0],
-      setEndDateInput = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(false),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      isStartFocused = _useState10[0],
-      setIsStartFocused = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(false),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      isEndFocused = _useState12[0],
-      setIsEndFocused = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(start ? (0, _momentTimezone.default)(start).hour() : 0),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      startHour = _useState14[0],
-      setStartHour = _useState14[1];
-
-  var _useState15 = (0, _react.useState)(end ? (0, _momentTimezone.default)(end).hour() : 0),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      endHour = _useState16[0],
-      setEndHour = _useState16[1]; // eslint-disable-next-line no-unused-vars
-
-
-  var _useState17 = (0, _react.useState)(compare),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      isCompare = _useState18[0],
-      setIsCompare = _useState18[1];
-
-  var _useState19 = (0, _react.useState)(start ? (0, _momentTimezone.default)(start) : (0, _momentTimezone.default)().subtract(1, 'month')),
-      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-      date1 = _useState20[0],
-      setDate1 = _useState20[1];
-
-  var _useState21 = (0, _react.useState)(end ? (0, _momentTimezone.default)(end) : (0, _momentTimezone.default)()),
-      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-      date2 = _useState22[0],
-      setDate2 = _useState22[1];
-
-  var _useState23 = (0, _react.useState)(null),
-      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
-      hoverStatus = _useState24[0],
-      setHoverStatus = _useState24[1]; // ********************
+  // ********************
   // Constants
   // ********************
 
-
-  var isNearby = (0, _react.useMemo)(function () {
-    return (0, _momentTimezone.default)(date2).subtract(1, 'month').isSame((0, _momentTimezone.default)(date1), 'month');
-  }, [date1, date2]);
-  var isPreviousPeriodShowed = (0, _react.useMemo)(function () {
-    return isCompare && !isCompareHidden && startDate && endDate;
-  }, [startDate, endDate, isCompare]);
-  var prevEndHour = (0, _react.useRef)(endHour);
-  var startPrevDate = (0, _react.useMemo)(function () {
+  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) {
-      var intervalHoursCount = (0, _momentTimezone.default)(endDate).diff(startDate, 'hours');
+      const intervalHoursCount = (0, _momentTimezone.default)(endDate).diff(startDate, 'hours');
       return (0, _momentTimezone.default)(startDate).subtract(intervalHoursCount, 'hours').toDate();
     } else return null;
   }, [startDate, endDate, isCompare]);
-  var endPrevDate = (0, _react.useMemo)(function () {
+  const endPrevDate = (0, _react.useMemo)(() => {
     if (isPreviousPeriodShowed) {
       return startDate;
     } else return null;
   }, [startDate, endDate, isCompare]);
-  var title = (0, _react.useMemo)(function () {
+  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]); // ********************
+  }, [startDate, endDate, isCompare]);
+
+  // ********************
   // Methods
   // ********************
 
-  var subtractDay = function subtractDay(date) {
-    return endHour === 0 ? (0, _momentTimezone.default)(date).subtract(1, 'days') : (0, _momentTimezone.default)(date);
-  };
-
-  var addDay = function addDay(date) {
-    return endHour === 0 ? (0, _momentTimezone.default)(date).add(1, 'days') : (0, _momentTimezone.default)(date);
-  };
-
-  var getCorrectedDateForDateInput = function getCorrectedDateForDateInput(key, date) {
-    if (key === 'startDateInput') return (0, _momentTimezone.default)(date); // return moment(date).subtract(1, 'm');
-
+  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));
   };
-
-  var setInterval = function setInterval() {
+  const setInterval = () => {
     setActiveInterval((0, _dependencies.getActualDateRange)({
       start: startDate,
       end: endDate
     }).intervalKey);
-  }; // ********************
+  };
+
+  // ********************
   // Handlers
   // ********************
 
-
-  var handleClick = function handleClick(date) {
+  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'));
@@ -213,37 +136,30 @@ var Datepicker = function Datepicker(props) {
     } else if ((0, _momentTimezone.default)(date).isAfter((0, _momentTimezone.default)(startDate), 'day')) {
       setEndDate((0, _momentTimezone.default)(date).add(1, 'd').startOf('day'));
     }
-
     setHoverStatus(null);
   };
-
-  var handleHover = function handleHover(date) {
+  const handleHover = date => {
     if (outsideScope.handleHoverTimerId) clearTimeout(outsideScope.handleHoverTimerId);
-
     if (!date) {
-      outsideScope.handleHoverTimerId = setTimeout(function () {
+      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');
     }
   };
-
-  var handleChangeStartHour = function handleChangeStartHour(val) {
+  const handleChangeStartHour = val => {
     setStartHour(+val);
     setStartDate((0, _momentTimezone.default)(startDate || (0, _momentTimezone.default)()).set('hour', +val));
   };
-
-  var handleChangeEndHour = function handleChangeEndHour(val) {
-    var newHour = +val;
+  const handleChangeEndHour = val => {
+    const newHour = +val;
     setEndHour(newHour);
-    var newEndDate = (0, _momentTimezone.default)();
-
+    let newEndDate = (0, _momentTimezone.default)();
     if (endDate) {
       if (prevEndHour.current === 0 && newHour !== 0) {
         newEndDate = (0, _momentTimezone.default)(endDate).subtract(1, 'days');
@@ -251,16 +167,19 @@ var Datepicker = function Datepicker(props) {
         newEndDate = (0, _momentTimezone.default)(endDate).add(1, 'days');
       }
     }
-
     prevEndHour.current = newHour;
     setEndDate((0, _momentTimezone.default)(newEndDate).set('hour', newHour));
-  }; // const doBlur = (type, e) => {
+  };
+
+  // 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 {
@@ -271,15 +190,19 @@ var Datepicker = function Datepicker(props) {
   //       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 {
@@ -290,39 +213,41 @@ var Datepicker = function Datepicker(props) {
   //       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);
   // };
 
-
-  var handleDateInputFocus = function handleDateInputFocus(key, e) {
-    var changeFlag = key === 'startDateInput' ? setIsStartFocused : setIsEndFocused;
-    var set = key === 'startDateInput' ? setStartDateInput : setEndDateInput;
-    var date = key === 'startDateInput' ? startDate : endDate;
+  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(function () {
+    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();
 
-      var defaultTarget = key === 'startDateInput' ? startDateInputRef.current : endDateInputRef.current;
-      var target = (_e$target = e === null || e === void 0 ? void 0 : e.target) !== null && _e$target !== void 0 ? _e$target : defaultTarget;
-      target.select(); //? Для инпут-маск, почему-то нужно пропустить 2 эвентлупа
+      //? Для инпут-маск, почему-то нужно пропустить 2 эвентлупа
       // setTimeout(() => {
       //   target.select();
       // }, 0);
     }, 0);
   };
-
-  var doBlur = function doBlur(type, e) {
-    var executor = type === 'startDateInput' ? setIsStartFocused : setIsEndFocused;
+  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);
 
-  var processOverflow = function processOverflow(newDateAsString, valueForRollback, key) {
-    var newDateAsMomentObj = (0, _momentTimezone.default)(newDateAsString, DATE_INPUT_FORMAT); // console.log('processOverflow - newDateAsString - ', newDateAsString);
+    // console.log('processOverflow - newDateAsString - ', newDateAsString);
     // console.log('processOverflow - valueForRollback - ', valueForRollback);
     // console.log('----------');
     // console.log('processOverflow - minDate - ', minDate);
@@ -333,21 +258,26 @@ var Datepicker = function Datepicker(props) {
     // console.log('----------');
     // console.log('processOverflow - newDateAsMomentObj - ', newDateAsMomentObj);
     // console.log('*********');
-    //? Если значение не валидно...
 
+    //? Если значение не валидно...
     if (!newDateAsMomentObj.isValid()) {
       //? ... то откатываем к дате до набора руками
       return valueForRollback;
     } else {
-      var beforeOfFuture = (0, _momentTimezone.default)().endOf('day');
-      var hour = key === 'startDateInput' ? startHour : endHour;
-      var output; //? Если есть минимальная дата и введенная меньше минимальной, то ставим минимальную
-
-      if (minDate && newDateAsMomentObj.isBefore(momentMinDate)) output = momentMinDate; //? Если есть максимальная дата и введенная больше максимальной, то ставим максимальную
-      else if (maxDate && newDateAsMomentObj.isAfter(momentMaxDate)) output = momentMaxDate; //? Если нет установки не ограничивать дату по будущему...
+      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') {
+      } 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');
@@ -357,127 +287,107 @@ var Datepicker = function Datepicker(props) {
         // 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('************');
+      }
 
+      // console.log('output - ', output.format('YYYY-MM-DDTHH:mm'));
+      // console.log('************');
 
       return output.set('hour', parseInt(hour, 10));
     }
   };
-
-  var handleDateInputBlur = function handleDateInputBlur(key, e) {
+  const handleDateInputBlur = (key, e) => {
     var _e$target$value, _e$target2;
-
-    var reserveValue = key === 'startDateInput' ? startDateInput : endDateInput;
-    var valueForRollback = key === 'startDateInput' ? startDate : endDate;
-    var execute = key === 'startDateInput' ? setStartDate : setEndDate;
-    var executeForCalendar = key === 'startDateInput' ? setDate1 : setDate2;
-
-    var prepareValueForCalendar = function prepareValueForCalendar(newDate) {
+    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);
     };
-
-    var newDateValue = (_e$target$value = e === null || e === void 0 ? 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;
-    var processedNewDate = processOverflow(newDateValue, valueForRollback, key);
+    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);
   };
-
-  var handleKeyPressed = function handleKeyPressed(code, e, type) {
+  const handleKeyPressed = (code, e, type) => {
     if (code === 13) handleDateInputBlur(type, e);
     if (code === 27) doBlur(type, e);
-  }; // ********************
-  // Render Functions
-  // ********************
-
-
-  var getStartHourItems = function getStartHourItems() {
-    return (0, _toConsumableArray2.default)(Array(24).keys()).map(function (hour) {
-      return {
-        label: padTime(hour),
-        value: hour,
-        disabled: (0, _momentTimezone.default)(startDate).isSame(endDate, 'day') && endHour <= hour
-      };
-    });
   };
 
-  var getEndHourItems = function getEndHourItems() {
-    return (0, _toConsumableArray2.default)(Array(24).keys()).map(function (hour) {
-      return {
-        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
-      };
-    });
-  };
+  // ********************
+  // Render Functions
+  // ********************
 
-  var renderButtons = function renderButtons() {
+  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: function onClick() {
-        return onCancel();
-      },
+      onClick: () => onCancel(),
       variant: buttonsTypes === null || buttonsTypes === void 0 ? void 0 : buttonsTypes.cancel
-    }, (txt === null || txt === void 0 ? 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,
-      onClick: function onClick() {
-        return 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 ? void 0 : (_txt$buttons2 = txt.buttons) === null || _txt$buttons2 === void 0 ? void 0 : _txt$buttons2.apply) || 'apply'));
+      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'));
   };
-
-  var renderPreviousPeriod = function renderPreviousPeriod() {
+  const renderPreviousPeriod = () => {
     var _txt$labels;
-
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (txt === null || txt === void 0 ? 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));
-  }; // ********************
+  };
+
+  // ********************
   // useEffects
   // ********************
 
-
-  (0, _react.useEffect)(function () {
+  (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)(function () {
+  (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)(function () {
+  (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)(function () {
+  (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)(function () {
+  (0, _react.useEffect)(() => {
     onChangeInterval(dateInterval);
   }, [dateInterval]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (typeof onChangeMobile === 'function') {
       onChangeMobile({
         start: (0, _momentTimezone.default)(startDate).format(_dependencies.MAIN_FORMAT),
@@ -488,8 +398,7 @@ var Datepicker = function Datepicker(props) {
       });
     }
   }, [startDate, endDate, startPrevDate, endPrevDate, isCompare]);
-
-  var renderRowStart = function renderRowStart() {
+  const renderRowStart = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "date-picker__date-row"
     }, /*#__PURE__*/_react.default.createElement(_DateInput.default, {
@@ -502,23 +411,15 @@ var Datepicker = function Datepicker(props) {
       date: getCorrectedDateForDateInput('startDateInput', startDate),
       disabled: !startDate,
       onChange: setStartDateInput,
-      onFocus: function onFocus(e) {
-        return handleDateInputFocus('startDateInput', e);
-      },
-      onBlur: function onBlur(e) {
-        return handleDateInputBlur('startDateInput', e);
-      },
-      onKeyUp: function onKeyUp(code, e) {
-        return 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'),
-      onChange: function onChange(value) {
-        return handleChangeStartHour(value);
-      },
+      onChange: value => handleChangeStartHour(value),
       value: startHour,
       options: getStartHourItems(),
       disabled: !startDate,
@@ -527,8 +428,7 @@ var Datepicker = function Datepicker(props) {
       withMobileLogic: withMobileLogic
     }));
   };
-
-  var renderRowEnd = function renderRowEnd() {
+  const renderRowEnd = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "date-picker__date-row"
     }, /*#__PURE__*/_react.default.createElement(_DateInput.default, {
@@ -541,23 +441,15 @@ var Datepicker = function Datepicker(props) {
       date: getCorrectedDateForDateInput('endDateInput', endDate),
       disabled: !endDate,
       onChange: setEndDateInput,
-      onFocus: function onFocus(e) {
-        return handleDateInputFocus('endDateInput', e);
-      },
-      onBlur: function onBlur(e) {
-        return handleDateInputBlur('endDateInput', e);
-      },
-      onKeyUp: function onKeyUp(code, e) {
-        return 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'),
-      onChange: function onChange(value) {
-        return handleChangeEndHour(value);
-      },
+      onChange: value => handleChangeEndHour(value),
       value: endHour,
       options: getEndHourItems(),
       disabled: !endDate,
@@ -566,8 +458,7 @@ var Datepicker = function Datepicker(props) {
       withMobileLogic: withMobileLogic
     }));
   };
-
-  var renderCalendarStart = function renderCalendarStart() {
+  const renderCalendarStart = () => {
     return /*#__PURE__*/_react.default.createElement(_RangeCalendar.default, {
       testId: testId,
       className: "date-picker__calendar",
@@ -588,8 +479,7 @@ var Datepicker = function Datepicker(props) {
       momentMaxDate: momentMaxDate
     });
   };
-
-  var renderCalendarEnd = function renderCalendarEnd() {
+  const renderCalendarEnd = () => {
     return /*#__PURE__*/_react.default.createElement(_RangeCalendar.default, {
       className: "date-picker__calendar",
       date: date2,
@@ -609,10 +499,8 @@ var Datepicker = function Datepicker(props) {
       isDontLimitFuture: isDontLimitFuture
     });
   };
-
-  var render = function render() {
+  const render = () => {
     var _txt$labels2;
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)('date-picker', className)
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -637,20 +525,17 @@ var Datepicker = function Datepicker(props) {
       className: "mr5"
     }, /*#__PURE__*/_react.default.createElement(_Switcher.default, {
       dataTest: "datepicker_compare",
-      label: (txt === null || txt === void 0 ? 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: function onChange() {
+      onChange: () => {
         onChangeCompare(!isCompare);
-        setIsCompare(function (state) {
-          return !state;
-        });
+        setIsCompare(state => !state);
       }
     }))) : /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", {
       className: "date-picker__buttons-block"
     }, renderButtons())));
   };
-
-  var renderMobile = function renderMobile() {
+  const renderMobile = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)('date-picker', className)
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -667,9 +552,6 @@ var Datepicker = function Datepicker(props) {
       className: "date-picker__calendars-wrapper"
     }, renderCalendarStart())));
   };
-
   return withMobileLogic ? renderMobile() : render();
 };
-
-var _default = Datepicker;
-exports.default = _default;
+var _default = exports.default = Datepicker;