intelicoreact 0.0.6 → 0.0.9

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

@@ -11,15 +11,13 @@ exports.InputDateRangeTemplate = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _ = _interopRequireDefault(require("."));
+var _InputDateRange = _interopRequireDefault(require("./InputDateRange"));
 
 var _Table = _interopRequireDefault(require("../Table/Table"));
 
@@ -29,14 +27,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 global.lng = 'en';
 var _default = {
   title: 'Form Elements/InputDateRange',
-  component: _.default,
+  component: _InputDateRange.default,
   argTypes: {// status: {
     //   control: {
     //     type: 'select',
@@ -46,176 +40,34 @@ var _default = {
   }
 };
 exports.default = _default;
-var tableData = {
-  header: [{
-    id: 1,
-    label: 'state'
-  }, {
-    id: 2,
-    label: 'Tags'
-  }, {
-    id: 3,
-    label: 'status'
-  }, {
-    id: 4,
-    label: 'loanAmountApproved'
-  }, {
-    id: 5,
-    label: 'loanAmountRejected'
-  }, {
-    id: 6,
-    label: 'approveRate'
-  }, {
-    id: 7,
-    label: 'actions',
-    type: 'actions'
-  }],
-  rows: [{
-    id: 1,
-    link: {
-      label: 'CA',
-      link: '#s'
-    },
-    tags: [{
-      label: 'Label 1'
-    }],
-    status: {
-      value: '90',
-      status: 'active'
-    },
-    loanAmountApproved: {
-      value: '$70,000'
-    },
-    loanAmountRejected: {
-      value: '$30,000'
-    },
-    approveRate: {
-      value: '70%'
-    }
-  }, {
-    id: 2,
-    link: {
-      label: 'NY',
-      link: '#s'
-    },
-    advancedTags: [{
-      labelLeft: 'home',
-      labelRight: 'hoods',
-      active: 3,
-      pause: 1,
-      merchants: 5
-    }, {
-      labelRight: 'jewelry',
-      active: 3,
-      pause: 1,
-      merchants: 5
-    }, {
-      labelLeft: 'home',
-      labelRight: 'improvement',
-      active: 0,
-      pause: 0,
-      warnLeft: true,
-      warnLeftMsg: 'landerNotIncluded',
-      warnRightMsg: 'noMerchants'
-    }, {
-      labelLeft: 'home',
-      labelRight: 'hoods',
-      active: 3,
-      pause: 1,
-      merchants: 5
-    }, {
-      labelRight: 'jewelry',
-      active: 3,
-      pause: 1,
-      merchants: 5
-    }],
-    status: {
-      label: 'Active',
-      className: 'color--green-haze'
-    },
-    loanAmountApproved: {
-      value: '$3,000'
-    },
-    loanAmountRejected: {
-      value: '$7,000'
-    },
-    approveRate: {
-      value: '30%'
-    }
-  }, {
-    id: 3,
-    link: {
-      label: 'NH',
-      link: '#s'
-    },
-    tags: [{
-      label: 'Label 1'
-    }, {
-      label: 'Label 2'
-    }, {
-      label: 'Label 3'
-    }],
-    status: {
-      status: 'error'
-    },
-    loanAmountApproved: {
-      value: '$70,000'
-    },
-    loanAmountRejected: {
-      value: '$30,000'
-    },
-    approveRate: {
-      value: '70%'
-    }
-  }]
-};
 
 var Template = function Template(args) {
-  var _state$rows;
-
   var dateRange = args.dateRange,
       restOfProps = (0, _objectWithoutProperties2.default)(args, _excluded);
 
   var _useState = (0, _react.useState)(dateRange),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       value = _useState2[0],
-      setValue = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(tableData),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      state = _useState4[0],
-      setState = _useState4[1];
-
-  var rowsWithActions = state === null || state === void 0 ? void 0 : (_state$rows = state.rows) === null || _state$rows === void 0 ? void 0 : _state$rows.map(function (row) {
-    return _objectSpread(_objectSpread({}, row), {}, {
-      actions: row.isDeleted ? [{
-        type: 'undo'
-      }] : [{
-        type: 'download'
-      }, {
-        type: 'edit'
-      }, {
-        type: 'delete'
-      }]
-    });
-  }); // return <InputDateRange {...restOfProps} value={value} onChange={setValue} />;
+      setValue = _useState2[1]; // useEffect(() => console.log(value), [value]);
+  // return <InputDateRange {...restOfProps} value={value} onChange={setValue} />;
+
 
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     className: "mb20"
-  }, /*#__PURE__*/_react.default.createElement(_.default, (0, _extends2.default)({}, restOfProps, {
+  }, /*#__PURE__*/_react.default.createElement(_InputDateRange.default, (0, _extends2.default)({}, restOfProps, {
     value: value,
     onChange: setValue
-  }))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Table.default, {
-    header: state.header,
-    rows: rowsWithActions,
-    onChange: setState
-  })));
+  }))));
 };
 
 var InputDateRangeTemplate = Template.bind({});
 exports.InputDateRangeTemplate = InputDateRangeTemplate;
 InputDateRangeTemplate.args = {
   txt: {},
+  buttonsTypes: {
+    // apply: 'ellipse-apply',
+    cancel: 'bark-outline'
+  },
   label: 'Date Range',
   dateRange: {
     intervalKey: 'today'
@@ -225,13 +77,16 @@ InputDateRangeTemplate.args = {
   error: false,
   disabled: false,
   isHoverable: false,
+  minDate: "",
+  maxDate: "",
   // short: true,
   isCompact: false,
   // isFocused: true,
   isIntervalsHidden: false,
   isCompareHidden: true,
   hideArrows: false,
-  isOptionsRight: false // limitRange,
+  isOptionsRight: false,
+  isShortWeekNames: false // limitRange,
   // isUseAbs,
   // absTooltip
 

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

@@ -19,6 +19,8 @@ var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _dependencies = require("../dependencies");
+
 var _Dropdown = _interopRequireDefault(require("../../Dropdown/Dropdown"));
 
 var _Input = _interopRequireDefault(require("../../Input/Input"));
@@ -52,6 +54,8 @@ var handleDateInputOnChange = function handleDateInputOnChange(value) {
 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,
@@ -60,7 +64,14 @@ var Datepicker = function Datepicker(props) {
       getSelectedMode = props.getSelectedMode,
       onChangeInterval = props.onChangeInterval,
       isCompareHidden = props.isCompareHidden,
-      limitRange = props.limitRange;
+      limitRange = props.limitRange,
+      handleItemClick = props.handleItemClick,
+      setActiveInterval = props.setActiveInterval,
+      isShortWeekNames = props.isShortWeekNames,
+      _props$minDate = props.minDate,
+      minDate = _props$minDate === void 0 ? null : _props$minDate,
+      _props$maxDate = props.maxDate,
+      maxDate = _props$maxDate === void 0 ? null : _props$maxDate;
   var _values$start = values.start,
       start = _values$start === void 0 ? null : _values$start,
       _values$end = values.end,
@@ -142,6 +153,14 @@ var Datepicker = function Datepicker(props) {
   var isPreviousPeriodShowed = (0, _react.useMemo)(function () {
     return isCompare && !isCompareHidden && startDate && endDate;
   }, [startDate, endDate, isCompare]);
+
+  var setInterval = function setInterval() {
+    setActiveInterval((0, _dependencies.getActualDateRange)({
+      start: startDate,
+      end: endDate
+    }).intervalKey);
+  };
+
   var prevEndHour = (0, _react.useRef)(endHour);
 
   var getStartHourItems = function getStartHourItems() {
@@ -209,6 +228,8 @@ var Datepicker = function Datepicker(props) {
       setDate1((0, _momentTimezone.default)(startDate));
       setDate2((0, _momentTimezone.default)(endDate));
     }
+
+    setInterval();
   }, [startDate, endDate]);
   (0, _react.useEffect)(function () {
     if ((0, _momentTimezone.default)(date1).isSameOrAfter((0, _momentTimezone.default)(date2), 'month')) {
@@ -258,20 +279,20 @@ var Datepicker = function Datepicker(props) {
 
   var handleChangeStartHour = function handleChangeStartHour(val) {
     setStartHour(+val);
-    setStartDate((0, _momentTimezone.default)(startDate).set('hour', +val).toDate());
+    setStartDate((0, _momentTimezone.default)(startDate || (0, _momentTimezone.default)()).set('hour', +val).toDate());
   };
 
   var handleChangeEndHour = function handleChangeEndHour(val) {
     var newHour = +val;
     setEndHour(newHour);
-    var newEndDate;
+    var newEndDate = (0, _momentTimezone.default)();
 
-    if (prevEndHour.current === 0 && newHour !== 0) {
-      newEndDate = (0, _momentTimezone.default)(endDate).subtract(1, 'days');
-    } else if (prevEndHour.current !== 0 && newHour === 0) {
-      newEndDate = (0, _momentTimezone.default)(endDate).add(1, 'days');
-    } else {
-      newEndDate = endDate;
+    if (endDate) {
+      if (prevEndHour.current === 0 && newHour !== 0) {
+        newEndDate = (0, _momentTimezone.default)(endDate).subtract(1, 'days');
+      } else if (prevEndHour.current !== 0 && newHour === 0) {
+        newEndDate = (0, _momentTimezone.default)(endDate).add(1, 'days');
+      }
     }
 
     prevEndHour.current = newHour;
@@ -286,10 +307,10 @@ var Datepicker = function Datepicker(props) {
       onClick: function onClick() {
         return onCancel();
       },
-      variant: "ellipse-cancel"
+      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, {
       className: "date-picker__button",
-      variant: "ellipse-apply",
+      variant: buttonsTypes === null || buttonsTypes === void 0 ? void 0 : buttonsTypes.apply,
       disabled: !startDate || !endDate,
       onClick: function onClick() {
         return onChange({
@@ -326,14 +347,20 @@ var Datepicker = function Datepicker(props) {
   var handleStartDateBlur = function handleStartDateBlur(e) {
     var newDate;
 
-    if ((0, _momentTimezone.default)(startDateInput).isValid()) {
-      newDate = (0, _momentTimezone.default)(startDateInput).set('hour', parseInt(startHour, 10)).toDate();
-      setStartDate(newDate);
-    } else {
+    if (!(0, _momentTimezone.default)(startDateInput).isValid()) {
       newDate = startDate;
-      setStartDateInput(newDate);
+    } else {
+      if (minDate && !(0, _momentTimezone.default)(startDateInput).isSameOrAfter(minDate)) {
+        newDate = minDate;
+      } else if (maxDate && !(0, _momentTimezone.default)(startDateInput).isSameOrBefore(maxDate)) {
+        newDate = maxDate;
+      } else {
+        newDate = (0, _momentTimezone.default)(startDateInput);
+      }
     }
 
+    setStartDateInput(newDate);
+    setStartDate(newDate.set('hour', parseInt(startHour, 10)).toDate());
     doBlur('start', e);
     setDate1((0, _momentTimezone.default)(newDate).isSameOrAfter((0, _momentTimezone.default)(date2), 'month') ? (0, _momentTimezone.default)(date2).subtract(1, 'month') : (0, _momentTimezone.default)(newDate));
   };
@@ -349,17 +376,22 @@ var Datepicker = function Datepicker(props) {
   var handleEndDateBlur = function handleEndDateBlur(e) {
     var newDate;
 
-    if ((0, _momentTimezone.default)(endDateInput).isValid()) {
-      newDate = (0, _momentTimezone.default)(endDateInput).set('hour', parseInt(endHour, 10)).toDate();
-      setEndDate(addDay(newDate));
-    } else {
+    if (!(0, _momentTimezone.default)(endDateInput).isValid()) {
       newDate = endDate;
-      setEndDateInput(newDate);
+    } else {
+      if (minDate && !(0, _momentTimezone.default)(endDateInput).isSameOrAfter(minDate)) {
+        newDate = minDate;
+      } else if (maxDate && !(0, _momentTimezone.default)(endDateInput).isSameOrBefore(maxDate)) {
+        newDate = maxDate;
+      } else {
+        newDate = (0, _momentTimezone.default)(endDateInput);
+      }
     }
 
+    setEndDate(addDay(newDate.set('hour', parseInt(endHour, 10)).toDate()));
+    setEndDateInput(newDate);
     doBlur('end', e);
     setDate2(newDate);
-    setEndDateInput();
   };
 
   var handleKeyPressed = function handleKeyPressed(code, e, type) {
@@ -367,6 +399,8 @@ var Datepicker = function Datepicker(props) {
     if (code === 27) doBlur(type, e);
   };
 
+  var startDateValue = startDate ? (0, _momentTimezone.default)(startDate).format('ll') : '';
+  var endDateValue = endDate ? (0, _momentTimezone.default)(endDate).subtract(1, 'm').format('ll') : '';
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('date-picker', className)
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -375,20 +409,20 @@ var Datepicker = function Datepicker(props) {
     className: "date-picker__inputs-block"
   }, /*#__PURE__*/_react.default.createElement(_Input.default, {
     dataTest: "datepicker_start-date-input",
-    className: (0, _classnames.default)('date-picker__date-input', {
+    className: (0, _classnames.default)({
       'date-picker__date-input_active': hoverStatus === 'start'
     }),
-    value: isStartFocused ? startDateInput : (0, _momentTimezone.default)(startDate).format('ll'),
-    disabled: !startDate,
+    value: isStartFocused ? startDateInput : startDateValue,
     onChange: function onChange(value) {
       return setStartDateInput(handleDateInputOnChange(value));
     },
     onFocus: handleStartDateFocus,
+    disabled: !startDate,
     onBlur: handleStartDateBlur,
     onKeyUp: function onKeyUp(code, e) {
       return handleKeyPressed(code, e, 'start');
-    },
-    ref: startDateInputRef // mask={moment(startDate).format('L').replace(/[0-9]/g, '9')}
+    } //ref={startDateInputRef}
+    // mask={moment(startDate).format('L').replace(/[0-9]/g, '9')}
 
   }), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
     dataTest: "datepicker_start-hour-select-input",
@@ -404,10 +438,10 @@ var Datepicker = function Datepicker(props) {
     className: "date-picker__inputs-separator date-picker__header--gray"
   }, "\u2014"), /*#__PURE__*/_react.default.createElement(_Input.default, {
     dataTest: "datepicker_end-date-input",
-    className: (0, _classnames.default)('date-picker__date-input', {
+    className: (0, _classnames.default)({
       'date-picker__date-input_active': hoverStatus === 'end'
     }),
-    value: isEndFocused ? endDateInput : (0, _momentTimezone.default)(subtractDay(endDate)).format('ll'),
+    value: isEndFocused ? endDateInput : endDateValue,
     disabled: !endDate,
     onChange: function onChange(value) {
       return setEndDateInput(handleDateInputOnChange(value));
@@ -416,8 +450,8 @@ var Datepicker = function Datepicker(props) {
     onBlur: handleEndDateBlur,
     onKeyUp: function onKeyUp(code, e) {
       return handleKeyPressed(code, e, 'end');
-    },
-    ref: endDateInputRef
+    } //ref={endDateInputRef}
+
   }), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
     dataTest: "datepicker_end-hour-select-input",
     className: (0, _classnames.default)('date-picker__hour-select-input'),
@@ -432,6 +466,8 @@ var Datepicker = function Datepicker(props) {
     className: "date-picker__previous-period"
   }, renderPreviousPeriod())), /*#__PURE__*/_react.default.createElement("div", {
     className: "date-picker__calendars"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "date-picker__calendars-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_RangeCalendar.default, {
     className: "date-picker__calendar",
     date: date1,
@@ -443,7 +479,8 @@ var Datepicker = function Datepicker(props) {
     endPrevDate: endPrevDate,
     onClick: handleClick,
     onHover: handleHover,
-    limitRange: limitRange
+    limitRange: limitRange,
+    isShortWeekNames: isShortWeekNames
   }), /*#__PURE__*/_react.default.createElement(_RangeCalendar.default, {
     className: "date-picker__calendar",
     date: date2,
@@ -454,8 +491,9 @@ var Datepicker = function Datepicker(props) {
     startPrevDate: startPrevDate,
     endPrevDate: endPrevDate,
     onClick: handleClick,
-    onHover: handleHover
-  })), /*#__PURE__*/_react.default.createElement("div", {
+    onHover: handleHover,
+    isShortWeekNames: isShortWeekNames
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('date-picker__footer', {
       'date-picker__footer_once-element': isCompareHidden
     })

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

@@ -21,7 +21,7 @@ var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _ = require("..");
+var _dependencies = require("../dependencies");
 
 var _SelectItem = _interopRequireDefault(require("./SelectItem"));
 
@@ -37,6 +37,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var txt = props.txt,
+      buttonsTypes = props.buttonsTypes,
       actualValues = props.actualValues,
       _props$onChange = props.onChange,
       _onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
@@ -54,13 +55,22 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       setCurrent = props.setCurrent,
       isCompare = props.isCompare,
       setIsCompare = props.setIsCompare,
-      toggleOff = props.toggleOff; // const [styles, setStyles] = useState({});
+      toggleOff = props.toggleOff,
+      isShortWeekNames = props.isShortWeekNames,
+      _props$minDate = props.minDate,
+      minDate = _props$minDate === void 0 ? null : _props$minDate,
+      _props$maxDate = props.maxDate,
+      maxDate = _props$maxDate === void 0 ? null : _props$maxDate;
 
+  var items = isCompact ? (0, _toConsumableArray2.default)(Object.keys(_dependencies.INTERVALS)) : [].concat((0, _toConsumableArray2.default)(Object.keys(_dependencies.INTERVALS)), [_dependencies.CUSTOM_INTERVAL_KEY]);
 
-  var items = isCompact ? (0, _toConsumableArray2.default)(Object.keys(_.INTERVALS)) : [].concat((0, _toConsumableArray2.default)(Object.keys(_.INTERVALS)), [_.CUSTOM_INTERVAL_KEY]);
+  var _useState = (0, _react.useState)(actualValues.intervalKey),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      activeInterval = _useState2[0],
+      setActiveInterval = _useState2[1];
 
   var handleItemClick = function handleItemClick(item) {
-    if (item !== _.CUSTOM_INTERVAL_KEY) {
+    if (item !== _dependencies.CUSTOM_INTERVAL_KEY) {
       _onChange({
         intervalKey: item,
         compare: isCompare
@@ -79,10 +89,10 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         end = newValues.end;
 
     if ((0, _momentTimezone.default)(start).get('hour') !== 0 || (0, _momentTimezone.default)(end).get('hour') !== 0) {
-      return _.CUSTOM_INTERVAL_KEY;
+      return _dependencies.CUSTOM_INTERVAL_KEY;
     }
 
-    for (var _i = 0, _Object$entries = Object.entries(_.INTERVALS); _i < _Object$entries.length; _i++) {
+    for (var _i = 0, _Object$entries = Object.entries(_dependencies.INTERVALS); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = (0, _slicedToArray2.default)(_Object$entries[_i], 2),
           key = _Object$entries$_i[0],
           interval = _Object$entries$_i[1];
@@ -92,7 +102,7 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }
     }
 
-    return _.CUSTOM_INTERVAL_KEY;
+    return _dependencies.CUSTOM_INTERVAL_KEY;
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -113,15 +123,16 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
       key: index,
       item: item,
-      label: (txt === null || txt === void 0 ? void 0 : txt.labels) && (txt === null || txt === void 0 ? void 0 : txt.labels[item]) || ((_intervals$item = _.INTERVALS[item]) === null || _intervals$item === void 0 ? void 0 : _intervals$item.label) || item,
-      isActive: actualValues.intervalKey === item,
+      label: (txt === null || txt === void 0 ? void 0 : txt.labels) && (txt === null || txt === void 0 ? void 0 : txt.labels[item]) || ((_intervals$item = _dependencies.INTERVALS[item]) === null || _intervals$item === void 0 ? void 0 : _intervals$item.label) || (item === _dependencies.CUSTOM_INTERVAL_KEY ? _dependencies.CUSTOM_INTERVAL_KEY_TEXT : item),
+      isActive: activeInterval === item,
       onItemClick: function onItemClick() {
         return handleItemClick(item.value || item);
       },
-      disabled: item === _.CUSTOM_INTERVAL_KEY
+      disabled: item === _dependencies.CUSTOM_INTERVAL_KEY
     });
   })), !isCompact && /*#__PURE__*/_react.default.createElement(_Datepicker.default, {
     className: (0, _classnames.default)('opened-part__date-picker'),
+    buttonsTypes: buttonsTypes,
     values: actualValues,
     onChange: function onChange(data) {
       _onChange(_objectSpread({
@@ -139,7 +150,11 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     },
     onCancel: toggleOff,
     isCompareHidden: isCompareHidden,
-    limitRange: limitRange
+    limitRange: limitRange,
+    setActiveInterval: setActiveInterval,
+    isShortWeekNames: isShortWeekNames,
+    minDate: minDate,
+    maxDate: maxDate
   })));
 });
 

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

@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _check = _interopRequireDefault(require("../../../../../../assets/icons/check.svg"));
-
 var SelectItem = function SelectItem(_ref) {
   var item = _ref.item,
       label = _ref.label,
@@ -28,10 +26,20 @@ var SelectItem = function SelectItem(_ref) {
     onClick: onItemClick,
     onMouseEnter: onMouseEnter,
     "data-item": item
-  }, isActive && /*#__PURE__*/_react.default.createElement("object", {
-    data: _check.default,
-    className: (0, _classnames.default)('opened-part__intervals-item-icon-active')
-  }), label);
+  }, isActive && /*#__PURE__*/_react.default.createElement("svg", {
+    className: (0, _classnames.default)('opened-part__intervals-item-icon-active'),
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M13.3333 4L5.99999 11.3333L2.66666 8",
+    stroke: "black",
+    strokeWidth: "1.33333",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })), label);
 };
 
 var _default = SelectItem;