intelicoreact 1.3.22 → 1.3.24

package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 var _reactInputMask = _interopRequireDefault(require("react-input-mask"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Calendar = _interopRequireDefault(require("../Calendar/Calendar"));
 var _useClickOutside = require("../../../Functions/useClickOutside");
+var _Calendar = _interopRequireDefault(require("../Calendar/Calendar"));
 require("./InputCalendar.scss");
 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; }
@@ -19,12 +19,12 @@ const InputCalendar = _ref => {
     value,
     minDate,
     maxDate,
-    format = 'MM/DD/YYYY',
+    format = "MM/DD/YYYY",
     isDontLimitFuture,
     onChange,
-    className = '',
-    placeholder = 'mm/dd/yyyy',
-    mask = '99/99/9999',
+    className = "",
+    placeholder = "mm/dd/yyyy",
+    mask = "99/99/9999",
     isListTop,
     disabled,
     disabledFormattedMaxDate = false,
@@ -37,10 +37,10 @@ const InputCalendar = _ref => {
   const [isOpenedByEnter, setOpenedByEnter] = (0, _react.useState)(false);
   const calendarRef = (0, _react.useRef)(null);
   const inputRef = (0, _react.useRef)(null);
-  const formattedMinDate = (0, _momentTimezone.default)(minDate, format).format(format) !== 'Invalid date' ? (0, _momentTimezone.default)(minDate, format).format(format) : null;
-  const formattedMaxDate = (0, _momentTimezone.default)(maxDate, format).format(format) !== 'Invalid date' ? (0, _momentTimezone.default)(maxDate, format).format(format) : null;
-  const momentMinDate = (0, _momentTimezone.default)(formattedMinDate, format).startOf('day');
-  const momentMaxDate = (0, _momentTimezone.default)(formattedMaxDate, format).startOf('day');
+  const formattedMinDate = (0, _momentTimezone.default)(minDate, format).format(format) !== "Invalid date" ? (0, _momentTimezone.default)(minDate, format).format(format) : null;
+  const formattedMaxDate = (0, _momentTimezone.default)(maxDate, format).format(format) !== "Invalid date" ? (0, _momentTimezone.default)(maxDate, format).format(format) : null;
+  const momentMinDate = (0, _momentTimezone.default)(formattedMinDate, format).startOf("day");
+  const momentMaxDate = (0, _momentTimezone.default)(formattedMaxDate, format).startOf("day");
   (0, _useClickOutside.useClickOutside)(calendarRef, () => setIsOpened(false));
   const changeInputValue = val => {
     if (onChange) onChange(val);
@@ -49,20 +49,20 @@ const InputCalendar = _ref => {
     if (onChange) onChange(val);
   };
   const getCalendarValue = value => {
-    const date = (0, _momentTimezone.default)(value).format('L');
-    if (date !== 'Invalid date') return date;
-    return (0, _momentTimezone.default)(new Date()).format('L');
+    const date = (0, _momentTimezone.default)(value).format("L");
+    if (date !== "Invalid date") return date;
+    return (0, _momentTimezone.default)(new Date()).format("L");
   };
   (0, _react.useEffect)(() => {
-    if (typeof isOpened === 'boolean' && !isOpened) {
+    if (typeof isOpened === "boolean" && !isOpened) {
       handleBlur();
     }
   }, [isOpened]);
   const handleBlur = e => {
     var _inputRef$current;
     let value = inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value;
-    if ((0, _momentTimezone.default)(value, format).format(format) === 'Invalid date' || value.indexOf('_') > -1) value = '';
-    if (value && typeof isOpened === 'boolean' && (0, _momentTimezone.default)(value, format).startOf('day').isBefore(momentMinDate, 'days')) onChange(formattedMinDate);else if (value && typeof isOpened === 'boolean' && (0, _momentTimezone.default)(value, format).endOf('day').isAfter(momentMaxDate, 'days')) onChange(formattedMaxDate);else if (value) onChange((0, _momentTimezone.default)(value, format).format(format));
+    if ((0, _momentTimezone.default)(value, format).format(format) === "Invalid date" || value.indexOf("_") > -1) value = "";
+    if (value && typeof isOpened === "boolean" && (0, _momentTimezone.default)(value, format).startOf("day").isBefore(momentMinDate, "days")) onChange(formattedMinDate);else if (value && typeof isOpened === "boolean" && (0, _momentTimezone.default)(value, format).endOf("day").isAfter(momentMaxDate, "days")) onChange(formattedMaxDate);else if (value) onChange((0, _momentTimezone.default)(value, format).format(format));
   };
   const onKeyDown = e => {
     if (isOpened && [9, 13].includes(e.keyCode)) {
@@ -73,7 +73,7 @@ const InputCalendar = _ref => {
   };
   const onKeyUp = e => {
     var _e$target$value;
-    const isValidLenght = ((_e$target$value = e.target.value) === null || _e$target$value === void 0 ? void 0 : _e$target$value.replace(/[^0-9]/g, '').length) === 8;
+    const isValidLenght = ((_e$target$value = e.target.value) === null || _e$target$value === void 0 ? void 0 : _e$target$value.replace(/[^0-9]/g, "").length) === 8;
     if ([9, 13].includes(e.keyCode)) {
       setIsOpened(true);
       setOpenedByEnter(true);
@@ -88,8 +88,8 @@ const InputCalendar = _ref => {
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "inputCalendar--key-".concat(testId, "--container"),
-    className: (0, _classnames.default)('input__wrap calendar-container', className, {
-      'calendar-container_disabled': disabled
+    className: (0, _classnames.default)("input__wrap calendar-container", className, {
+      "calendar-container_disabled": disabled
     }),
     ref: calendarRef
   }, /*#__PURE__*/_react.default.createElement(_reactInputMask.default, {

package/dist/Atomic/FormElements/InputColor/InputColor.js

@@ -8,11 +8,9 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _Input = _interopRequireDefault(require("../Input/Input"));
 var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+var _Input = _interopRequireDefault(require("../Input/Input"));
 require("./InputColor.scss");
-/* eslint-disable react/display-name */
-
 const InputColor = _ref => {
   let {
     value,
@@ -23,8 +21,8 @@ const InputColor = _ref => {
       withSharp: false,
       isTurnOn: true
     },
-    initialHexOfColorBlock = '#9AA0B9',
-    testId = '',
+    initialHexOfColorBlock = "#9AA0B9",
+    testId = "",
     withDelete = true,
     ...args
   } = _ref;
@@ -41,14 +39,14 @@ const InputColor = _ref => {
         inputValue,
         withSharp: withSharp
       });
-      if (symbolsLimit && inputValue.length > +symbolsLimit) inputValue = inputValue.substring(0, +symbolsLimit);
+      if (symbolsLimit && inputValue.length > Number(symbolsLimit)) inputValue = inputValue.substring(0, Number(symbolsLimit));
       onChange === null || onChange === void 0 || onChange(inputValue);
     }
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('inputColor', className)
+    className: (0, _classnames.default)("inputColor", className)
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('inputColor__color-block'),
+    className: (0, _classnames.default)("inputColor__color-block"),
     style: {
       backgroundColor: value && value.length === 7 ? value : initialHexOfColorBlock
     }
@@ -58,7 +56,7 @@ const InputColor = _ref => {
     onChange: handle.change,
     symbolsLimit: symbolsLimit || 7,
     testId: "inputColor--key-".concat(testId),
-    className: (0, _classnames.default)('input inputColor__input'),
+    className: (0, _classnames.default)("input inputColor__input"),
     type: "text"
   })));
 };

package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js

@@ -23,18 +23,18 @@ const InputCurrency = _ref => {
     max,
     error
   } = _ref;
-  const [inputValue, setInputValue] = (0, _react.useState)(currencySymbol || '$');
+  const [inputValue, setInputValue] = (0, _react.useState)(currencySymbol || "$");
   const inputRef = (0, _react.useRef)(null);
   const formatNumberWithCommas = number => {
-    return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+    return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
   };
   const formatCurrencyInput = event => {
     let newValue = event.target.value;
-    newValue = newValue.replace(/[^0-9]/g, '');
+    newValue = newValue.replace(/[^0-9]/g, "");
     newValue = formatNumberWithCommas(newValue);
-    newValue = "".concat(currencySymbol || '$').concat(newValue);
+    newValue = "".concat(currencySymbol || "$").concat(newValue);
     setInputValue(newValue);
-    onChange(newValue.replace(/[^0-9]/g, ''));
+    onChange(newValue.replace(/[^0-9]/g, ""));
   };
   const onInputClick = () => {
     if (!inputValue) {
@@ -48,15 +48,15 @@ const InputCurrency = _ref => {
   };
   const checkMinMax = (event, value) => {
     var _event$target;
-    const clearValue = value !== null && value !== void 0 ? value : event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 || (_event$target = _event$target.value) === null || _event$target === void 0 ? void 0 : _event$target.replace(/[^0-9]/g, '');
+    const clearValue = value !== null && value !== void 0 ? value : event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 || (_event$target = _event$target.value) === null || _event$target === void 0 ? void 0 : _event$target.replace(/[^0-9]/g, "");
     if (!clearValue) return false;
     if (clearValue < min) {
-      setInputValue("".concat(currencySymbol || '$').concat(formatNumberWithCommas(min)));
+      setInputValue("".concat(currencySymbol || "$").concat(formatNumberWithCommas(min)));
       onChange(min);
       return false;
     }
     if (max && clearValue > max) {
-      setInputValue("".concat(currencySymbol || '$').concat(formatNumberWithCommas(max)));
+      setInputValue("".concat(currencySymbol || "$").concat(formatNumberWithCommas(max)));
       onChange(max);
       return false;
     }
@@ -64,14 +64,14 @@ const InputCurrency = _ref => {
   };
   (0, _react.useEffect)(() => {
     var _inputValue$toString;
-    if (value && value.toString() !== (inputValue === null || inputValue === void 0 || (_inputValue$toString = inputValue.toString()) === null || _inputValue$toString === void 0 ? void 0 : _inputValue$toString.replace(/[^0-9]/g, ''))) {
-      if (checkMinMax(null, value)) setInputValue("".concat(currencySymbol || '$').concat(formatNumberWithCommas(value)));
+    if (value && value.toString() !== (inputValue === null || inputValue === void 0 || (_inputValue$toString = inputValue.toString()) === null || _inputValue$toString === void 0 ? void 0 : _inputValue$toString.replace(/[^0-9]/g, ""))) {
+      if (checkMinMax(null, value)) setInputValue("".concat(currencySymbol || "$").concat(formatNumberWithCommas(value)));
     }
   }, [value]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('input-currency-box', className, {
+    className: (0, _classnames.default)("input-currency-box", className, {
       disabled,
-      'input-currency__error': error
+      "input-currency__error": error
     })
   }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
     className: "input-currency",

package/dist/Atomic/FormElements/InputCurrency/InputCurrency.scss

@@ -1,15 +1,18 @@
-.input-currency-box {}
+.input-currency-box {
+}
 
 .input-currency {
-  padding: 0 16px;
+  box-sizing: border-box;
   height: 40px;
   max-height: 40px;
-  border-radius: 6px;
-  border: 1px solid #E1E8F1;
-  background: #F8FBFF;
+  padding: 0 16px;
+
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: 0.2px;
-  box-sizing:border-box;
+
+  border: 1px solid #e1e8f1;
+  border-radius: 6px;
+  background: #f8fbff;
 }

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

@@ -9,10 +9,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-var _dependencies = require("./dependencies");
 var _useIsMobile = _interopRequireDefault(require("../../../Functions/useIsMobile"));
-var _OpenedPart = _interopRequireDefault(require("./components/OpenedPart"));
 var _Arrow = _interopRequireDefault(require("../../UI/Arrow/Arrow"));
+var _OpenedPart = _interopRequireDefault(require("./components/OpenedPart"));
+var _dependencies = require("./dependencies");
 require("./InputDateRange.scss");
 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; }
@@ -40,7 +40,7 @@ const InputDateRange = props => {
     testId,
     minDate = null,
     maxDate = null,
-    minMaxDateParseFormat = 'MM/DD/YYYY',
+    minMaxDateParseFormat = "MM/DD/YYYY",
     isDontLimitFuture,
     isListTop,
     isAltArrows
@@ -50,8 +50,8 @@ const InputDateRange = props => {
   } = (0, _useIsMobile.default)();
   const formatedMinDate = checkFormat(minDate, minMaxDateParseFormat);
   const formatedMaxDate = checkFormat(maxDate, minMaxDateParseFormat);
-  const momentMinDate = (0, _momentTimezone.default)(formatedMinDate, minMaxDateParseFormat).startOf('day');
-  const momentMaxDate = (0, _momentTimezone.default)(formatedMaxDate, minMaxDateParseFormat).startOf('day');
+  const momentMinDate = (0, _momentTimezone.default)(formatedMinDate, minMaxDateParseFormat).startOf("day");
+  const momentMaxDate = (0, _momentTimezone.default)(formatedMaxDate, minMaxDateParseFormat).startOf("day");
   const actualValues = (0, _dependencies.getActualDateRange)(value);
   const {
     isToggled,
@@ -61,7 +61,7 @@ const InputDateRange = props => {
   } = (0, _dependencies.useToggle)(false);
   const [current, setCurrent] = (0, _react.useState)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey);
   const [isCompare, setIsCompare] = (0, _react.useState)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.compare);
-  const dropdownContainers = document.getElementsByClassName('dropdown__container');
+  const dropdownContainers = document.getElementsByClassName("dropdown__container");
   const ref = !isUseAbs && !isMobile ? (0, _dependencies.useClickOutside)(toggleOff, dropdownContainers) : (0, _react.useRef)(null);
   const internalContainerRef = (0, _react.useRef)(null);
   const [dateRangeContainerId, setDateRangeContainerId] = (0, _react.useState)(Math.random().toString(16).slice(2));
@@ -88,7 +88,7 @@ const InputDateRange = props => {
     const SYMBOLS_QUANTITY_IF_TIME_ADDED = 13;
     if (!actualValues.start && value.start) {
       actualValues.start = value.start;
-      actualValues.end = value.end || '';
+      actualValues.end = value.end || "";
     }
     const {
       start,
@@ -97,38 +97,38 @@ const InputDateRange = props => {
     if (!start || !end) return null;
     const startTime = (0, _momentTimezone.default)(start).format(_dependencies.MAIN_TIME_FORMAT);
     const endTime = (0, _momentTimezone.default)(end).format(_dependencies.MAIN_TIME_FORMAT);
-    const firstPart = "".concat((0, _momentTimezone.default)(start).format('ll'), " ").concat(startTime !== '00:00' ? "(".concat(startTime, ")") : '');
-    const secondPart = "".concat((endTime !== '00:00' ? (0, _momentTimezone.default)(end) : (0, _momentTimezone.default)(end).subtract(1, 'days')).format('ll'), " ").concat(endTime !== '00:00' ? "(".concat(endTime, ")") : '');
-    const getClasses = base => (0, _classnames.default)('date-range-input__range-text', {
-      'date-range-input__range-text_little': base.length > SYMBOLS_QUANTITY_IF_TIME_ADDED
+    const firstPart = "".concat((0, _momentTimezone.default)(start).format("ll"), " ").concat(startTime !== "00:00" ? "(".concat(startTime, ")") : "");
+    const secondPart = "".concat((endTime !== "00:00" ? (0, _momentTimezone.default)(end) : (0, _momentTimezone.default)(end).subtract(1, "days")).format("ll"), " ").concat(endTime !== "00:00" ? "(".concat(endTime, ")") : "");
+    const getClasses = base => (0, _classnames.default)("date-range-input__range-text", {
+      "date-range-input__range-text_little": base.length > SYMBOLS_QUANTITY_IF_TIME_ADDED
     });
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
       className: getClasses(firstPart)
-    }, firstPart, endTime === '00:00' && (0, _momentTimezone.default)(end).isSame((0, _momentTimezone.default)(start).add(1, 'days'), 'day') ? '' : " - "), endTime === '00:00' && (0, _momentTimezone.default)(end).isSame((0, _momentTimezone.default)(start).add(1, 'days'), 'day') ? null : /*#__PURE__*/_react.default.createElement("span", {
+    }, firstPart, endTime === "00:00" && (0, _momentTimezone.default)(end).isSame((0, _momentTimezone.default)(start).add(1, "days"), "day") ? "" : " - "), endTime === "00:00" && (0, _momentTimezone.default)(end).isSame((0, _momentTimezone.default)(start).add(1, "days"), "day") ? null : /*#__PURE__*/_react.default.createElement("span", {
       className: getClasses(secondPart)
     }, secondPart));
   };
   const slideInterval = function () {
     var _getActualDateRange;
-    let direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'forward';
+    let direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "forward";
     const {
       start,
       end
     } = actualValues;
-    const intervalHoursCount = (0, _momentTimezone.default)(end).diff(start, 'hours');
+    const intervalHoursCount = (0, _momentTimezone.default)(end).diff(start, "hours");
     let newEnd;
     let newStart;
     const endHours = (0, _momentTimezone.default)(end).hours();
     const startHours = (0, _momentTimezone.default)(start).hours();
-    if (direction === 'forward') {
-      newStart = (0, _momentTimezone.default)(end).add(endHours === 0 ? 0 : 1, 'day').hours(startHours).toDate();
-      newEnd = (0, _momentTimezone.default)(newStart).add(intervalHoursCount, 'hours');
+    if (direction === "forward") {
+      newStart = (0, _momentTimezone.default)(end).add(endHours === 0 ? 0 : 1, "day").hours(startHours).toDate();
+      newEnd = (0, _momentTimezone.default)(newStart).add(intervalHoursCount, "hours");
     } else {
-      newEnd = (0, _momentTimezone.default)(start).subtract(endHours === 0 ? 0 : 1, 'day').hours(endHours).toDate();
-      newStart = (0, _momentTimezone.default)(newEnd).subtract(intervalHoursCount, 'hours');
+      newEnd = (0, _momentTimezone.default)(start).subtract(endHours === 0 ? 0 : 1, "day").hours(endHours).toDate();
+      newStart = (0, _momentTimezone.default)(newEnd).subtract(intervalHoursCount, "hours");
     }
-    const startPrevDate = (0, _momentTimezone.default)(newStart).subtract(intervalHoursCount, 'hours').subtract(1, 'seconds');
-    const endPrevDate = (0, _momentTimezone.default)(newEnd).subtract(1, 'seconds');
+    const startPrevDate = (0, _momentTimezone.default)(newStart).subtract(intervalHoursCount, "hours").subtract(1, "seconds");
+    const endPrevDate = (0, _momentTimezone.default)(newEnd).subtract(1, "seconds");
     handleChange({
       ...value,
       intervalKey: (_getActualDateRange = (0, _dependencies.getActualDateRange)({
@@ -142,19 +142,19 @@ const InputDateRange = props => {
     });
   };
   const handleArrowClick = type => {
-    slideInterval(type === 'right' ? 'forward' : 'back');
+    slideInterval(type === "right" ? "forward" : "back");
     toggleOff();
   };
   const getParentNode = () => {
     var _document$querySelect;
-    return (_document$querySelect = document.querySelector('div#root')) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector('div#app');
+    return (_document$querySelect = document.querySelector("div#root")) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("div#app");
   };
   const initDateRangeContainer = () => {
     var _document$getElementB;
     (_document$getElementB = document.getElementById(dateRangeContainerId)) === null || _document$getElementB === void 0 || _document$getElementB.remove();
-    const dateRangeContainer = document.createElement('div');
-    dateRangeContainer.setAttribute('id', dateRangeContainerId);
-    dateRangeContainer.classList.add('input-date-range__mobile-container');
+    const dateRangeContainer = document.createElement("div");
+    dateRangeContainer.setAttribute("id", dateRangeContainerId);
+    dateRangeContainer.classList.add("input-date-range__mobile-container");
     getParentNode().append(dateRangeContainer);
   };
   const getDateRangeContainer = () => {
@@ -169,12 +169,12 @@ const InputDateRange = props => {
   }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: internalContainerRef,
-    className: (0, _classnames.default)('date-range-input', className, {
-      'date-range-input_compact': isCompact,
-      'date-range-input_hide-arrows': hideArrows,
-      'date-range-input_focused': isToggled,
-      'date-range-input_error': error,
-      'date-range-input_disabled': disabled
+    className: (0, _classnames.default)("date-range-input", className, {
+      "date-range-input_compact": isCompact,
+      "date-range-input_hide-arrows": hideArrows,
+      "date-range-input_focused": isToggled,
+      "date-range-input_error": error,
+      "date-range-input_disabled": disabled
     })
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "date-range-input__label"
@@ -184,15 +184,15 @@ const InputDateRange = props => {
     onMouseEnter: isHoverable ? toggleOn : () => null,
     onMouseLeave: isHoverable ? toggleOff : () => null
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('date-range-input__absolut-wraper', {
-      'date-range-input__absolut-wraper_right-position': isOptionsRight
+    className: (0, _classnames.default)("date-range-input__absolut-wraper", {
+      "date-range-input__absolut-wraper_right-position": isOptionsRight
     })
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('date-range-input__static-part')
+    className: (0, _classnames.default)("date-range-input__static-part")
   }, /*#__PURE__*/_react.default.createElement("button", {
     id: id,
     "data-testid": "inputDateRange--button-".concat(testId, "--toggleContainer"),
-    className: (0, _classnames.default)('date-range-input__toggle-button'),
+    className: (0, _classnames.default)("date-range-input__toggle-button"),
     disabled: disabled,
     onClick: !disabled && !isHoverable ? toggle : undefined
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -200,22 +200,22 @@ const InputDateRange = props => {
   }, subLabel && /*#__PURE__*/_react.default.createElement("span", {
     className: "date-range-input__label"
   }, subLabel, ": "), /*#__PURE__*/_react.default.createElement("span", null, (_ref = (txt === null || txt === void 0 ? void 0 : txt.labels) && txt.labels[actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey]) !== null && _ref !== void 0 ? _ref : ((_INTERVALS$actualValu = _dependencies.INTERVALS[actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey]) === null || _INTERVALS$actualValu === void 0 ? void 0 : _INTERVALS$actualValu.label) || _dependencies.CUSTOM_INTERVAL_KEY_TEXT), current !== _dependencies.ALL_TIME_KEY && /*#__PURE__*/_react.default.createElement("span", null, ":")), !isCompact && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('date-range-input__range', {})
+    className: (0, _classnames.default)("date-range-input__range", {})
   }, /*#__PURE__*/_react.default.createElement(Range, null))), !isCompact && !hideArrows && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('date-range-input__arrows-block')
+    className: (0, _classnames.default)("date-range-input__arrows-block")
   }, /*#__PURE__*/_react.default.createElement(_Arrow.default, {
     testId: testId,
     type: "left",
     className: "date-range-input__arrow",
-    onClick: () => handleArrowClick('left'),
-    disabled: disabled || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === _dependencies.ALL_TIME_KEY || formatedMinDate && (0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start).subtract((0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, 'hours'), 'hours').isBefore(momentMinDate),
+    onClick: () => handleArrowClick("left"),
+    disabled: disabled || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === _dependencies.ALL_TIME_KEY || formatedMinDate && (0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start).subtract((0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, "hours"), "hours").isBefore(momentMinDate),
     isAlt: isAltArrows
   }), /*#__PURE__*/_react.default.createElement(_Arrow.default, {
     testId: testId,
     type: "right",
     className: "date-range-input__arrow",
-    onClick: () => handleArrowClick('right'),
-    disabled: disabled || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === _dependencies.ALL_TIME_KEY || !isDontLimitFuture && (formatedMaxDate ? (0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).endOf('day').subtract((0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, 'hours'), 'hours').isAfter(momentMaxDate.startOf('day')) : (0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).add((0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, 'hours'), 'hours').isAfter((0, _momentTimezone.default)().add(1, 'day').startOf('day'))),
+    onClick: () => handleArrowClick("right"),
+    disabled: disabled || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === _dependencies.ALL_TIME_KEY || !isDontLimitFuture && (formatedMaxDate ? (0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).endOf("day").subtract((0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, "hours"), "hours").isAfter(momentMaxDate.startOf("day")) : (0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).add((0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, "hours"), "hours").isAfter((0, _momentTimezone.default)().add(1, "day").startOf("day"))),
     isAlt: isAltArrows
   }))), isToggled && !isUseAbs && /*#__PURE__*/_react.default.createElement(_OpenedPart.default, (0, _extends2.default)({}, props, {
     dateRangeContainerId: dateRangeContainerId,