intelicoreact 0.0.71 → 0.0.75

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

@@ -96,12 +96,14 @@ var InputDateRange = function InputDateRange(props) {
     return formatedValue;
   };
 
-  (0, _react.useEffect)(function () {
-    handleChange(_objectSpread({}, value));
-  }, []);
-
   var Range = function Range() {
     var SYMBOLS_QUANTITY_IF_TIME_ADDED = 13;
+
+    if (!actualValues.start && value.start) {
+      actualValues.start = value.start;
+      actualValues.end = value.end || '';
+    }
+
     var start = actualValues.start,
         end = actualValues.end;
     if (!start || !end) return null;

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

@@ -384,6 +384,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", {
@@ -392,15 +394,15 @@ 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');
@@ -421,10 +423,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));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.0.71",
+  "version": "0.0.75",
   "description": "Date range fixes and dropdown refactor",
   "main": "dist/index.js",
   "scripts": {

package/src/Atomic/FormElements/InputDateRange/InputDateRange.js

@@ -49,12 +49,12 @@ const InputDateRange = props => {
     return formatedValue;
   };
 
-  useEffect(() => {
-    handleChange({ ...value });
-  }, []);
-
   const Range = () => {
     const SYMBOLS_QUANTITY_IF_TIME_ADDED = 13;
+    if (!actualValues.start && value.start) {
+      actualValues.start = value.start;
+      actualValues.end = value.end || '';
+    }
     const { start, end } = actualValues;
     if (!start || !end) return null;
 
@@ -157,7 +157,7 @@ const InputDateRange = props => {
               <div className="date-range-input__interval-key">
                 <span>
                   {(txt?.labels && txt.labels[actualValues?.intervalKey]) ??
-                    (INTERVALS[actualValues?.intervalKey]?.label || CUSTOM_INTERVAL_KEY_TEXT)}
+                  (INTERVALS[actualValues?.intervalKey]?.label || CUSTOM_INTERVAL_KEY_TEXT)}
                 </span>
                 {current !== ALL_TIME_KEY && <span>:</span>}
               </div>

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

@@ -294,17 +294,20 @@ const Datepicker = props => {
         if (code === 27) doBlur(type, e);
     };
 
+    const startDateValue = startDate ? moment(startDate).format('ll') : '';
+    const endDateValue = endDate ? moment(endDate).subtract(1, 'm').format('ll') : '';
+
     return (
         <div className={cn('date-picker', className)}>
             <div className="date-picker__header">
                 <div className="date-picker__inputs-block">
                     <TextInput
                         dataTest="datepicker_start-date-input"
-                        className={cn('date-picker__date-input', { 'date-picker__date-input_active': hoverStatus === 'start' })}
-                        value={isStartFocused ? startDateInput : moment(startDate).format('ll')}
-                        disabled={!startDate}
+                        className={cn( { 'date-picker__date-input_active': hoverStatus === 'start' })}
+                        value={isStartFocused ? startDateInput : startDateValue}
                         onChange={value => setStartDateInput(handleDateInputOnChange(value))}
                         onFocus={handleStartDateFocus}
+                        disabled={!startDate}
                         onBlur={handleStartDateBlur}
                         onKeyUp={(code, e) => handleKeyPressed(code, e, 'start')}
                         //ref={startDateInputRef}
@@ -322,8 +325,8 @@ const Datepicker = props => {
                     <div className="date-picker__inputs-separator date-picker__header--gray">—</div>
                     <TextInput
                         dataTest="datepicker_end-date-input"
-                        className={cn('date-picker__date-input', { 'date-picker__date-input_active': hoverStatus === 'end' })}
-                        value={isEndFocused ? endDateInput : moment(subtractDay(endDate)).format('ll')}
+                        className={cn({ 'date-picker__date-input_active': hoverStatus === 'end' })}
+                        value={isEndFocused ? endDateInput : endDateValue}
                         disabled={!endDate}
                         onChange={value => setEndDateInput(handleDateInputOnChange(value))}
                         onFocus={handleEndDateFocus}

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

@@ -27,9 +27,9 @@ const OpenedPart = React.forwardRef((props, ref) => {
         toggleOff,
         isShortWeekNames
     } = props;
-  
+
     const items = isCompact ? [...Object.keys(intervals)] : [...Object.keys(intervals), customKey];
-    
+
     const [activeInterval, setActiveInterval] = useState(actualValues.intervalKey);
 
     const handleItemClick = item => {