ui-kit-ck-consultant 0.5.199 → 0.5.202

package/dist/index.modern.js

@@ -9869,7 +9869,13 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       if (_this.state.activeDate === currentDate) {
         return 1;
       } else {
-        if (_this.props.disabledDates && _this.props.disabledDates.includes(currentDate) || !_this.props.isWeek && [6, 7].includes(parseInt(moment(currentDate).isoWeekday())) || !_this.props.isHoliday && _this.holidays.includes(currentDate) || _this.props.minDate && moment(_this.props.minDate).isAfter(moment(currentDate)) || _this.props.maxDate && moment(_this.props.maxDate).isBefore(moment(currentDate)) || _this.props.disabledDays && _this.props.disabledDays.filter(function (element, idx) {
+        if (_this.props.enabledDates && _this.props.enabledDates.length) {
+          if (_this.props.enabledDates.includes(currentDate)) {
+            return 0;
+          } else {
+            return 2;
+          }
+        } else if (_this.props.disabledDates && _this.props.disabledDates.includes(currentDate) || !_this.props.isWeek && [6, 7].includes(parseInt(moment(currentDate).isoWeekday())) || !_this.props.isHoliday && _this.holidays.includes(currentDate) || _this.props.minDate && moment(_this.props.minDate).isAfter(moment(currentDate)) || _this.props.maxDate && moment(_this.props.maxDate).isBefore(moment(currentDate)) || _this.props.disabledDays && _this.props.disabledDays.filter(function (element, idx) {
           return element === 1 && idx === col;
         }).length) {
           return 2;
@@ -9950,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();
     }
 
@@ -9968,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;
@@ -10021,14 +10031,16 @@ 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", {
+        return /*#__PURE__*/React.createElement(Fragment$1, {
+          idx: idxCol
+        }, _this3.props.isWeek || idxCol < 5 ? /*#__PURE__*/React.createElement("td", {
           key: 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,
@@ -10038,9 +10050,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", {
@@ -10048,14 +10060,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