intelicoreact 1.3.21 → 1.3.23

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

@@ -1,379 +1,251 @@
 "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 _useClickOutside = require("../../../Functions/useClickOutside");
-
-var _reactInputMask = _interopRequireDefault(require("react-input-mask"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
+var _moment = _interopRequireDefault(require("moment"));
+var _reactInputMask = _interopRequireDefault(require("react-input-mask"));
 var _Langs = _interopRequireDefault(require("../../../../../Langs"));
-
+var _useClickOutside = require("../../../Functions/useClickOutside");
 var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
-
-var _Calendar = _interopRequireDefault(require("./components/Calendar"));
-
-var _Switcher = _interopRequireDefault(require("../Switcher/Switcher"));
-
 var _Dropdown = _interopRequireDefault(require("../Dropdown/Dropdown"));
-
 var _Input = _interopRequireDefault(require("../Input/Input"));
-
+var _Switcher = _interopRequireDefault(require("../Switcher/Switcher"));
+var _Calendar = _interopRequireDefault(require("./components/Calendar"));
 require("./Datepicker.scss");
-
-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; }
-
-var padTime = function padTime(time) {
-  return "".concat(time.toString().padStart(2, '0'), ":00");
+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 padTime = time => {
+  return "".concat(time.toString().padStart(2, "0"), ":00");
 };
-
-var Datepicker = function Datepicker(props) {
-  var isCompareHidden = props.isCompareHidden,
-      limitRange = props.limitRange,
-      _props$onChange = props.onChange,
-      onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
-      _props$values = props.values,
-      values = _props$values === void 0 ? {} : _props$values,
-      _props$onChangeCompar = props.onChangeCompare,
-      onChangeCompare = _props$onChangeCompar === void 0 ? function () {} : _props$onChangeCompar,
-      _props$onCancel = props.onCancel,
-      onCancel = _props$onCancel === void 0 ? function () {} : _props$onCancel,
-      _props$getSelectedMod = props.getSelectedMode,
-      getSelectedMode = _props$getSelectedMod === void 0 ? function () {} : _props$getSelectedMod,
-      _props$onChangeInterv = props.onChangeInterval,
-      onChangeInterval = _props$onChangeInterv === void 0 ? function () {} : _props$onChangeInterv;
-  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 txt = _Langs.default[global.lng];
-  var startDateInputRef = (0, _react.useRef)(null);
-  var endDateInputRef = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)(start),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      startDate = _useState2[0],
-      setStartDate = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(end),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      endDate = _useState4[0],
-      setEndDate = _useState4[1];
-
-  var dateInterval = getSelectedMode({
+const Datepicker = props => {
+  const {
+    isCompareHidden,
+    limitRange,
+    onChange = () => {},
+    values = {},
+    onChangeCompare = () => {},
+    onCancel = () => {},
+    getSelectedMode = () => {},
+    onChangeInterval = () => {}
+  } = props;
+  const {
+    start = null,
+    end = null,
+    compare = false
+  } = values;
+  const txt = _Langs.default[global.lng];
+  const startDateInputRef = (0, _react.useRef)(null);
+  const endDateInputRef = (0, _react.useRef)(null);
+  const [startDate, setStartDate] = (0, _react.useState)(start);
+  const [endDate, setEndDate] = (0, _react.useState)(end);
+  const dateInterval = getSelectedMode({
     start: startDate,
     end: endDate
   });
-
-  var _useState5 = (0, _react.useState)(start),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      startDateInput = _useState6[0],
-      setStartDateInput = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(end),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      endDateInput = _useState8[0],
-      setEndDateInput = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(start ? (0, _moment.default)(start).hour() : 0),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      startHour = _useState10[0],
-      setStartHour = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(end ? (0, _moment.default)(end).hour() : 0),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      endHour = _useState12[0],
-      setEndHour = _useState12[1]; // eslint-disable-next-line no-unused-vars
-
-
-  var _useState13 = (0, _react.useState)(compare),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      isCompare = _useState14[0],
-      setIsCompare = _useState14[1];
-
-  var _useState15 = (0, _react.useState)(start ? (0, _moment.default)(start).toDate() : (0, _moment.default)().subtract(1, 'month').toDate()),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      date1 = _useState16[0],
-      setDate1 = _useState16[1];
-
-  var _useState17 = (0, _react.useState)(end ? (0, _moment.default)(end).toDate() : (0, _moment.default)().toDate()),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      date2 = _useState18[0],
-      setDate2 = _useState18[1];
-
-  var _useState19 = (0, _react.useState)(false),
-      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-      isStartFocused = _useState20[0],
-      setIsStartFocused = _useState20[1];
-
-  var _useState21 = (0, _react.useState)(false),
-      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-      isEndFocused = _useState22[0],
-      setIsEndFocused = _useState22[1];
-
-  var _useState23 = (0, _react.useState)(null),
-      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
-      hoverStatus = _useState24[0],
-      setHoverStatus = _useState24[1];
-
-  var isNearby = (0, _react.useMemo)(function () {
-    return (0, _moment.default)(date2).subtract(1, 'month').isSame((0, _moment.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 getStartHourItems = function getStartHourItems() {
-    return (0, _toConsumableArray2.default)(Array(24).keys()).map(function (hour) {
-      return {
-        label: padTime(hour),
-        value: hour,
-        disabled: (0, _moment.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, _moment.default)(startDate).isSame(endDate, 'day') || (0, _moment.default)(startDate).isSame((0, _moment.default)(endDate).subtract(1, 'days'), 'day') && endHour === 0) && hour < startHour
-      };
-    });
-  };
-
-  var startPrevDate = (0, _react.useMemo)(function () {
+  const [startDateInput, setStartDateInput] = (0, _react.useState)(start);
+  const [endDateInput, setEndDateInput] = (0, _react.useState)(end);
+  const [startHour, setStartHour] = (0, _react.useState)(start ? (0, _moment.default)(start).hour() : 0);
+  const [endHour, setEndHour] = (0, _react.useState)(end ? (0, _moment.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, _moment.default)(start).toDate() : (0, _moment.default)().subtract(1, "month").toDate());
+  const [date2, setDate2] = (0, _react.useState)(end ? (0, _moment.default)(end).toDate() : (0, _moment.default)().toDate());
+  const [isStartFocused, setIsStartFocused] = (0, _react.useState)(false);
+  const [isEndFocused, setIsEndFocused] = (0, _react.useState)(false);
+  const [hoverStatus, setHoverStatus] = (0, _react.useState)(null);
+  const isNearby = (0, _react.useMemo)(() => (0, _moment.default)(date2).subtract(1, "month").isSame((0, _moment.default)(date1), "month"), [date1, date2]);
+  const isPreviousPeriodShowed = (0, _react.useMemo)(() => isCompare && !isCompareHidden && startDate && endDate, [startDate, endDate, isCompare]);
+  const prevEndHour = (0, _react.useRef)(endHour);
+  const getStartHourItems = () => [...Array(24).keys()].map(hour => ({
+    label: padTime(hour),
+    value: hour,
+    disabled: (0, _moment.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, _moment.default)(startDate).isSame(endDate, "day") || (0, _moment.default)(startDate).isSame((0, _moment.default)(endDate).subtract(1, "days"), "day") && endHour === 0) && hour < startHour
+  }));
+  const startPrevDate = (0, _react.useMemo)(() => {
     if (isPreviousPeriodShowed) {
-      var intervalHoursCount = (0, _moment.default)(endDate).diff(startDate, 'hours');
-      return (0, _moment.default)(startDate).subtract(intervalHoursCount, 'hours').toDate();
+      const intervalHoursCount = (0, _moment.default)(endDate).diff(startDate, "hours");
+      return (0, _moment.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, _moment.default)(startPrevDate).format('ll'), " (").concat((0, _moment.default)(startPrevDate).format('HH:mm'), ") - ").concat((0, _moment.default)(endPrevDate).format('ll'), " (").concat((0, _moment.default)(endPrevDate).format('HH:mm'), ")");
-    } else return '';
+      return "".concat((0, _moment.default)(startPrevDate).format("ll"), " (").concat((0, _moment.default)(startPrevDate).format("HH:mm"), ") - ").concat((0, _moment.default)(endPrevDate).format("ll"), " (").concat((0, _moment.default)(endPrevDate).format("HH:mm"), ")");
+    } else return "";
   }, [startDate, endDate, isCompare]);
-
-  var subtractDay = function subtractDay(date) {
-    return endHour === 0 ? (0, _moment.default)(date).subtract(1, 'days') : date;
-  };
-
-  var addDay = function addDay(date) {
-    return endHour === 0 ? (0, _moment.default)(date).add(1, 'days') : date;
-  };
-
-  (0, _react.useEffect)(function () {
+  const subtractDay = date => endHour === 0 ? (0, _moment.default)(date).subtract(1, "days") : date;
+  const addDay = date => endHour === 0 ? (0, _moment.default)(date).add(1, "days") : date;
+  (0, _react.useEffect)(() => {
     if ((0, _moment.default)(startDate).isSameOrAfter(endDate)) {
-      setStartDate((0, _moment.default)(endDate).subtract(1, 'd').toDate());
-      setDate1((0, _moment.default)(endDate).subtract(1, 'd'));
+      setStartDate((0, _moment.default)(endDate).subtract(1, "d").toDate());
+      setDate1((0, _moment.default)(endDate).subtract(1, "d"));
     }
   }, [startDate]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if ((0, _moment.default)(endDate).isSameOrBefore(startDate)) {
-      setEndDate((0, _moment.default)(startDate).add(1, 'd').toDate());
-      setDate2((0, _moment.default)(startDate).add(1, 'd'));
+      setEndDate((0, _moment.default)(startDate).add(1, "d").toDate());
+      setDate2((0, _moment.default)(startDate).add(1, "d"));
     }
   }, [endDate]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setStartDateInput(startDate);
     setEndDateInput(endDate);
-
-    if ((0, _moment.default)(startDate).isBefore((0, _moment.default)(endDate), 'month')) {
+    if ((0, _moment.default)(startDate).isBefore((0, _moment.default)(endDate), "month")) {
       setDate1((0, _moment.default)(startDate));
       setDate2((0, _moment.default)(endDate));
     }
   }, [startDate, endDate]);
-  (0, _react.useEffect)(function () {
-    if ((0, _moment.default)(date1).isSameOrAfter((0, _moment.default)(date2), 'month')) {
-      setDate1((0, _moment.default)(date2).subtract(1, 'month'));
+  (0, _react.useEffect)(() => {
+    if ((0, _moment.default)(date1).isSameOrAfter((0, _moment.default)(date2), "month")) {
+      setDate1((0, _moment.default)(date2).subtract(1, "month"));
     }
   }, [date1, date2]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     onChangeInterval(dateInterval);
   }, [dateInterval]);
-
-  var handleClick = function handleClick(date) {
+  const handleClick = date => {
     prevEndHour.current = 0;
-
-    if (!startDate || startDate && endDate && !((0, _moment.default)(startDate).add(1, 'd').isSame(endDate, 'day') && endHour === 0)) {
-      setStartDate((0, _moment.default)(date).startOf('day').toDate());
-      setEndDate((0, _moment.default)(date).add(1, 'd').startOf('day').toDate());
+    if (!startDate || startDate && endDate && !((0, _moment.default)(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0)) {
+      setStartDate((0, _moment.default)(date).startOf("day").toDate());
+      setEndDate((0, _moment.default)(date).add(1, "d").startOf("day").toDate());
       setStartHour(0);
       setEndHour(0);
-    } else if ((0, _moment.default)(date).isBefore((0, _moment.default)(startDate), 'day')) {
-      setEndDate((0, _moment.default)(startDate).add(1, 'd').startOf('day').toDate());
-      setStartDate((0, _moment.default)(date).set('hour', parseInt(startHour, 10)).toDate());
-    } else if ((0, _moment.default)(date).isAfter((0, _moment.default)(startDate), 'day')) {
-      setEndDate((0, _moment.default)(date).add(1, 'd').startOf('day').toDate());
+    } else if ((0, _moment.default)(date).isBefore((0, _moment.default)(startDate), "day")) {
+      setEndDate((0, _moment.default)(startDate).add(1, "d").startOf("day").toDate());
+      setStartDate((0, _moment.default)(date).set("hour", parseInt(startHour, 10)).toDate());
+    } else if ((0, _moment.default)(date).isAfter((0, _moment.default)(startDate), "day")) {
+      setEndDate((0, _moment.default)(date).add(1, "d").startOf("day").toDate());
     }
-
     setHoverStatus(null);
   };
-
-  var timerId;
-
-  var handleHover = function handleHover(date) {
+  let timerId;
+  const handleHover = date => {
     if (!date) {
-      timerId = setTimeout(function () {
+      timerId = setTimeout(() => {
         setHoverStatus(null);
       }, 400);
       return;
     }
-
     if (timerId) clearTimeout(timerId);
-
-    if ((0, _moment.default)(startDate).add(1, 'd').isSame(endDate, 'day') && endHour === 0) {
-      if ((0, _moment.default)(date).isAfter((0, _moment.default)(startDate), 'day')) setHoverStatus('end');else if ((0, _moment.default)(date).isBefore((0, _moment.default)(startDate), 'day')) setHoverStatus('start');else setHoverStatus(null);
+    if ((0, _moment.default)(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0) {
+      if ((0, _moment.default)(date).isAfter((0, _moment.default)(startDate), "day")) setHoverStatus("end");else if ((0, _moment.default)(date).isBefore((0, _moment.default)(startDate), "day")) setHoverStatus("start");else setHoverStatus(null);
     } else {
-      setHoverStatus('start');
+      setHoverStatus("start");
     }
   };
-
-  var handleChangeStartHour = function handleChangeStartHour(_ref) {
-    var val = _ref.target.value;
-    setStartHour(+val);
-    setStartDate((0, _moment.default)(startDate).set('hour', +val).toDate());
+  const handleChangeStartHour = _ref => {
+    let {
+      target: {
+        value: val
+      }
+    } = _ref;
+    setStartHour(Number(val));
+    setStartDate((0, _moment.default)(startDate).set("hour", Number(val)).toDate());
   };
-
-  var handleChangeEndHour = function handleChangeEndHour(_ref2) {
-    var val = _ref2.target.value;
-    var newHour = +val;
+  const handleChangeEndHour = _ref2 => {
+    let {
+      target: {
+        value: val
+      }
+    } = _ref2;
+    const newHour = Number(val);
     setEndHour(newHour);
-    var newEndDate;
-
+    let newEndDate;
     if (prevEndHour.current === 0 && newHour !== 0) {
-      newEndDate = (0, _moment.default)(endDate).subtract(1, 'days');
+      newEndDate = (0, _moment.default)(endDate).subtract(1, "days");
     } else if (prevEndHour.current !== 0 && newHour === 0) {
-      newEndDate = (0, _moment.default)(endDate).add(1, 'days');
+      newEndDate = (0, _moment.default)(endDate).add(1, "days");
     } else {
       newEndDate = endDate;
     }
-
     prevEndHour.current = newHour;
-    setEndDate((0, _moment.default)(newEndDate).set('hour', newHour).toDate());
-  };
-
-  var renderButtons = function renderButtons() {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-      className: "plr15 mr5",
-      onClick: function onClick() {
-        return onCancel();
-      }
-    }, txt.buttons.cancel), /*#__PURE__*/_react.default.createElement(_Button.default, {
-      className: "plr20",
-      type: "filled",
-      disabled: !startDate || !endDate,
-      onClick: function onClick() {
-        return onChange({
-          start: startDate,
-          end: endDate,
-          startPrevDate: startPrevDate,
-          endPrevDate: endPrevDate,
-          compare: isCompare
-        });
-      }
-    }, txt.buttons.apply));
-  };
-
-  var renderPreviousPeriod = function renderPreviousPeriod() {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, txt.labels.previousPeriod, ": ", /*#__PURE__*/_react.default.createElement("span", {
-      className: "date-picker__previous-period-interval"
-    }, title));
+    setEndDate((0, _moment.default)(newEndDate).set("hour", newHour).toDate());
   };
-
-  var handleStartDateFocus = function handleStartDateFocus() {
+  const renderButtons = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    className: "plr15 mr5",
+    onClick: () => onCancel()
+  }, txt.buttons.cancel), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    className: "plr20",
+    type: "filled",
+    disabled: !startDate || !endDate,
+    onClick: () => onChange({
+      start: startDate,
+      end: endDate,
+      startPrevDate,
+      endPrevDate,
+      compare: isCompare
+    })
+  }, txt.buttons.apply));
+  const renderPreviousPeriod = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, txt.labels.previousPeriod, ":", " ", /*#__PURE__*/_react.default.createElement("span", {
+    className: "date-picker__previous-period-interval"
+  }, title));
+  const handleStartDateFocus = () => {
     setIsStartFocused(true);
-    setStartDateInput((0, _moment.default)(startDate).format('L'));
+    setStartDateInput((0, _moment.default)(startDate).format("L"));
   };
-
-  var handleStartDateBlur = function handleStartDateBlur() {
-    var newDate;
-
+  const handleStartDateBlur = () => {
+    let newDate;
     if ((0, _moment.default)(startDateInput).isValid()) {
-      newDate = (0, _moment.default)(startDateInput).set('hour', parseInt(startHour, 10)).toDate();
+      newDate = (0, _moment.default)(startDateInput).set("hour", parseInt(startHour, 10)).toDate();
       setStartDate(newDate);
     } else {
       newDate = startDate;
       setStartDateInput(newDate);
     }
-
     setIsStartFocused(false);
     startDateInputRef.current.blur();
-    setDate1((0, _moment.default)(newDate).isSameOrAfter((0, _moment.default)(date2), 'month') ? (0, _moment.default)(date2).subtract(1, 'month') : (0, _moment.default)(newDate));
+    setDate1((0, _moment.default)(newDate).isSameOrAfter((0, _moment.default)(date2), "month") ? (0, _moment.default)(date2).subtract(1, "month") : (0, _moment.default)(newDate));
   };
-
-  var handleEndDateFocus = function handleEndDateFocus() {
+  const handleEndDateFocus = () => {
     setIsEndFocused(true);
-    setEndDateInput((0, _moment.default)(subtractDay(endDateInput)).format('L'));
+    setEndDateInput((0, _moment.default)(subtractDay(endDateInput)).format("L"));
   };
-
-  var handleEndDateBlur = function handleEndDateBlur() {
-    var newDate;
-
+  const handleEndDateBlur = () => {
+    let newDate;
     if ((0, _moment.default)(endDateInput).isValid()) {
-      newDate = (0, _moment.default)(endDateInput).set('hour', parseInt(endHour, 10)).toDate();
+      newDate = (0, _moment.default)(endDateInput).set("hour", parseInt(endHour, 10)).toDate();
       setEndDate(addDay(newDate));
     } else {
       newDate = endDate;
       setEndDateInput(newDate);
     }
-
     setIsEndFocused(false);
     endDateInputRef.current.blur();
     setDate2(newDate);
     setEndDateInput();
   };
-
-  var handleKeyPressed = function handleKeyPressed(e, handleDateBlur) {
-    if (e.key === 'Enter') handleDateBlur();
+  const handleKeyPressed = (e, handleDateBlur) => {
+    if (e.key === "Enter") handleDateBlur();
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "date-picker"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "date-picker__header"
   }, /*#__PURE__*/_react.default.createElement(_Input.default, {
     dataTest: "datepicker_start-date-input",
-    className: (0, _classnames.default)('mr5', {
-      'date-picker-text-input--active': hoverStatus === 'start'
+    className: (0, _classnames.default)("mr5", {
+      "date-picker-text-input--active": hoverStatus === "start"
     }),
-    value: isStartFocused ? startDateInput : (0, _moment.default)(startDate).format('ll'),
+    value: isStartFocused ? startDateInput : (0, _moment.default)(startDate).format("ll"),
     disabled: !startDate,
-    onChange: function onChange(e) {
-      return setStartDateInput(e.target.value);
-    },
+    onChange: e => setStartDateInput(e.target.value),
     onFocus: handleStartDateFocus,
     onBlur: handleStartDateBlur,
-    onKeyPress: function onKeyPress(e) {
-      return handleKeyPressed(e, handleStartDateBlur);
-    },
+    onKeyPress: e => handleKeyPressed(e, handleStartDateBlur),
     ref: startDateInputRef
   }), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
     dataTest: "datepicker_start-hour-select-input",
@@ -386,19 +258,15 @@ var Datepicker = function Datepicker(props) {
     className: "pl5 pr5 date-picker__header--gray"
   }, "\u2014"), /*#__PURE__*/_react.default.createElement(_Input.default, {
     dataTest: "datepicker_end-date-input",
-    className: (0, _classnames.default)('mr5', {
-      'date-picker-text-input--active': hoverStatus === 'end'
+    className: (0, _classnames.default)("mr5", {
+      "date-picker-text-input--active": hoverStatus === "end"
     }),
-    value: isEndFocused ? endDateInput : (0, _moment.default)(subtractDay(endDate)).format('ll'),
+    value: isEndFocused ? endDateInput : (0, _moment.default)(subtractDay(endDate)).format("ll"),
     disabled: !endDate,
-    onChange: function onChange(e) {
-      return setEndDateInput(e.target.value);
-    },
+    onChange: e => setEndDateInput(e.target.value),
     onFocus: handleEndDateFocus,
     onBlur: handleEndDateBlur,
-    onKeyPress: function onKeyPress(e) {
-      return handleKeyPressed(e, handleEndDateBlur);
-    },
+    onKeyPress: e => handleKeyPressed(e, handleEndDateBlur),
     ref: endDateInputRef
   }), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
     dataTest: "datepicker_end-hour-select-input",
@@ -442,14 +310,10 @@ var Datepicker = function Datepicker(props) {
     dataTest: "datepicker_compare",
     label: txt.labels.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", null, renderButtons())));
 };
-
-var _default = Datepicker;
-exports.default = _default;
+var _default = exports.default = Datepicker;

package/dist/Atomic/FormElements/Datepicker/Datepicker.scss

@@ -1,8 +0,0 @@
-.test {
-  width: 380px;
-}
-
-.testing {
-  border: none;
-  box-shadow: none;
-}