ui-kit-ck-consultant 0.5.200 → 0.5.203

package/dist/index.modern.js

@@ -9956,15 +9956,17 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    var _this2 = this;
+
     if (prevProps.show !== this.props.show && this.props.show && this.props.valueDate) {
       this.setState({
         year: parseInt(moment(this.props.valueDate).format('YYYY')),
         month: parseInt(moment(this.props.valueDate).format('M')),
         activeDate: this.props.valueDate
-      }, this.getArrayDays);
-    }
-
-    if (prevProps.show !== this.props.show) {
+      }, function () {
+        _this2.getArrayDays();
+      });
+    } else if (prevProps.show !== this.props.show) {
       this.getArrayDays();
     }
 
@@ -9974,11 +9976,13 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       }, this.getArrayTime);
     } else if (prevProps.show !== this.props.show) {
       this.getArrayTime();
+    } else if (this.props.timesRange && JSON.stringify(this.props.timesRange) !== JSON.stringify(prevProps.timesRange)) {
+      this.getArrayTime();
     }
   };
 
   _proto.render = function render() {
-    var _this2 = this;
+    var _this3 = this;
 
     if (!this.props.show) {
       return null;
@@ -10027,14 +10031,14 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React.createElement("tr", {
         key: idxRow
       }, row.map(function (col, idxCol) {
-        return /*#__PURE__*/React.createElement(Fragment$1, null, _this2.props.isWeek || idxCol < 5 ? /*#__PURE__*/React.createElement("td", {
-          key: idxCol
+        return _this3.props.isWeek || idxCol < 5 ? /*#__PURE__*/React.createElement("td", {
+          key: idxRow + "-" + idxCol
         }, col ? /*#__PURE__*/React.createElement("span", {
-          className: _this2.checkActiveClassName(idxRow, idxCol),
+          className: _this3.checkActiveClassName(idxRow, idxCol),
           onClick: function onClick() {
-            return _this2.handleActiveClick(idxRow, idxCol);
+            return _this3.handleActiveClick(idxRow, idxCol);
           }
-        }, moment(_this2.state.year + "-" + _this2.state.month + "-" + col, 'YYYY-M-D').format('DD')) : null) : null);
+        }, moment(_this3.state.year + "-" + _this3.state.month + "-" + col, 'YYYY-M-D').format('DD')) : null) : null;
       }));
     })))))), this.props.isTime && this.state.activeDate ? /*#__PURE__*/React.createElement(Col, {
       xs: 12,
@@ -10044,9 +10048,9 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
     }, this.state.times.map(function (time, idx) {
       return /*#__PURE__*/React.createElement("div", {
         key: idx,
-        className: classNames$1(style$x.calendar_time_button, time === _this2.state.activeTime ? style$x.active : '', _this2.props.disabledTime.includes(time) ? style$x.disabled : ''),
+        className: classNames$1(style$x.calendar_time_button, time === _this3.state.activeTime ? style$x.active : '', _this3.props.disabledTime.includes(time) ? style$x.disabled : ''),
         onClick: function onClick() {
-          return _this2.handleTimeClick(time);
+          return _this3.handleTimeClick(time);
         }
       }, /*#__PURE__*/React.createElement("span", null, time));
     }))) : null), /*#__PURE__*/React.createElement("div", {
@@ -10054,14 +10058,14 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
     }, /*#__PURE__*/React.createElement("div", {
       className: classNames$1(style$x.calendar_button, style$x.button_red),
       onClick: function onClick() {
-        return _this2.props.onClose();
+        return _this3.props.onClose();
       }
     }, /*#__PURE__*/React.createElement("span", null, "Retour"), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faTimes
     })), /*#__PURE__*/React.createElement("div", {
       className: style$x.calendar_button,
       onClick: function onClick() {
-        return _this2.props.onValid(_this2.state.activeDate, _this2.state.activeTime);
+        return _this3.props.onValid(_this3.state.activeDate, _this3.state.activeTime);
       }
     }, /*#__PURE__*/React.createElement("span", null, "Valider"), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faCheck