ui-kit-ck-consultant 0.5.163 → 0.5.167

package/dist/index.js

@@ -731,7 +731,8 @@ var Th = /*#__PURE__*/function (_React$Component) {
     }, /*#__PURE__*/React__default.createElement("span", {
       style: !this.props.sort ? {
         margin: 'auto'
-      } : {}
+      } : {},
+      dangerouslySetInnerHTML: this.props.dangerouslySetInnerHTML
     }, this.props.children), this.props.sort ? this.getSortButton() : ''));
   };
 
@@ -756,7 +757,8 @@ var Td = /*#__PURE__*/function (_React$Component) {
       rowSpan: this.props.rowSpan,
       colSpan: this.props.colSpan,
       className: tdClass,
-      style: this.props.style
+      style: this.props.style,
+      dangerouslySetInnerHTML: this.props.dangerouslySetInnerHTML
     }, this.props.children);
   };
 
@@ -3448,10 +3450,13 @@ var ListingHorizontalItem = /*#__PURE__*/function (_React$Component) {
     return /*#__PURE__*/React__default.createElement("div", {
       className: listingClass
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$s.listing_horizontal_icon
-    }, this.props.icon ? this.props.icon : this.props.green ? /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
+      className: style$s.listing_horizontal_icon,
+      style: this.props.color ? {
+        backgroundColor: this.props.color
+      } : null
+    }, this.props.icon ? this.props.icon : /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
       icon: freeSolidSvgIcons.faCheck
-    }) : ''), /*#__PURE__*/React__default.createElement("div", {
+    })), /*#__PURE__*/React__default.createElement("div", {
       className: style$s.listing_horizontal_text
     }, /*#__PURE__*/React__default.createElement("span", null, this.props.date), /*#__PURE__*/React__default.createElement("span", null, this.props.title), /*#__PURE__*/React__default.createElement("span", null, this.props.subtitle)));
   };
@@ -3500,6 +3505,7 @@ var ListingHorizontal = /*#__PURE__*/function (_React$Component) {
           key: idx,
           green: element.green,
           orange: element.orange,
+          color: element.color,
           title: element.title,
           subtitle: element.subtitle,
           date: element.date,
@@ -9850,23 +9856,24 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    if (prevProps.show !== this.props.show) {
-      this.getArrayDays();
-      this.getArrayTime();
-    }
-
     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) {
+      this.getArrayDays();
     }
 
     if (prevProps.show !== this.props.show && this.props.show && this.props.valueTime) {
       this.setState({
         activeTime: this.props.valueTime
-      });
+      }, this.getArrayTime);
+    } else if (prevProps.show !== this.props.show) {
+      this.getArrayTime();
     }
   };
 
@@ -9927,7 +9934,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
           onClick: function onClick() {
             return _this2.handleActiveClick(idxRow, idxCol);
           }
-        }, moment(col, 'D').format('DD')) : null) : null);
+        }, moment(_this2.state.year + "-" + _this2.state.month + "-" + col, 'YYYY-M-D').format('DD')) : null) : null);
       }));
     })))))), this.props.isTime && this.state.activeDate ? /*#__PURE__*/React__default.createElement(reactFlexboxGrid.Col, {
       xs: 12,