@titaui/pc 1.10.4 → 1.10.6-3.beta-2

package/lib/components/dynamic/dynamic-item/dynamic-kr/index.css

@@ -3,32 +3,57 @@
 }
 
 .titaui-dynamic-kr-item__content {
-  margin-left: 69px;
-}
-
-.titaui-dynamic-kr-item__content-time-range {
+  margin-left: 88px;
+  background: rgba(90, 216, 166, 0.1);
+  border-radius: 12px;
   display: flex;
   align-items: center;
-  font-size: 12px;
-  color: #89919f;
-  line-height: 18px;
-  margin-top: 8px;
+  padding: 8px 12px;
+  box-sizing: border-box;
 }
 
-.titaui-dynamic-kr-item__content-time-range-icon {
-  margin-right: 4px;
+.titaui-dynamic-kr-item__content-title {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  word-break: keep-all;
+  white-space: nowrap;
+  overflow: hidden;
+  font-size: 16px;
+  font-weight: 600;
+  color: #3f4755;
+  line-height: 24px;
 }
 
-.titaui-dynamic-kr-item__title {
+.titaui-dynamic-kr-item__content-title-type {
+  border-radius: 18px;
+  background: rgba(90, 216, 166, 0.5);
+  color: #ffffff;
+  margin-right: 8px;
+  font-size: 14px;
+  line-height: 20px;
   display: flex;
   align-items: center;
+  justify-content: center;
+  padding: 0 6px;
+  font-weight: 400;
+  height: 20px;
+}
+
+.titaui-dynamic-kr-item__content-title-text {
+  flex: 1;
+  cursor: pointer;
   overflow: hidden;
 }
 
+.titaui-dynamic-kr-item__content-title-text:hover {
+  color: #2879ff;
+}
+
 .titaui-dynamic-kr-item__object-name {
   font-size: 14px;
   color: #2879ff;
-  line-height: 22px;
+  line-height: 24px;
   margin: 0 4px;
   overflow: hidden;
 }
@@ -42,24 +67,11 @@
   font-size: 14px;
   font-weight: 400;
   color: #89919f;
-  line-height: 22px;
-  margin: 0 8px 0 4px;
+  line-height: 24px;
+  margin-left: 4px;
   overflow: hidden;
 }
 
 .titaui-dynamic-kr-item__operate-desc-wrapper {
   display: flex;
 }
-
-.titaui-dynamic-kr-item-desc-operate-type {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 6px;
-  height: 18px;
-  min-width: 40px;
-  border-radius: 10px 10px 10px 2px;
-  font-size: 12px;
-  color: #ffffff;
-  line-height: 18px;
-}

package/lib/components/dynamic/dynamic-item/dynamic-kr/index.js

@@ -9,22 +9,22 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _drawerManager = _interopRequireDefault(require("../../../drawer-manager"));
 
 var _header = _interopRequireDefault(require("../components/header"));
 
-var _title = _interopRequireDefault(require("../../components/title"));
-
-var _util = require("../../util");
-
 var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 
 var _getLocale = require("../../../../utils/getLocale");
 
 var _constant = require("../../constant");
 
+var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
+
+var _context = require("../../context");
+
+var _tools = require("../../../../utils/tools");
+
 require("./index.css");
 
 var _excluded = ["data"];
@@ -47,16 +47,13 @@ var DynamicKr = function DynamicKr(_ref) {
   var data = _ref.data,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var endDate = data.endDate,
-      startDate = data.startDate,
-      name = data.name,
+  var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
+      searchKeyWord = _useContext.searchKeyWord;
+
+  var name = data.name,
       krId = data.krId,
       principalUser = data.principalUser;
 
-  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
-      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
-      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
-
   var handleClickKrTitle = function handleClickKrTitle() {
     _drawerManager["default"].open("krDetail", {
       krId: krId
@@ -70,7 +67,7 @@ var DynamicKr = function DynamicKr(_ref) {
   };
 
   var renderDesc = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc-wrapper")
@@ -80,12 +77,7 @@ var DynamicKr = function DynamicKr(_ref) {
     }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
       text: data.obj.objName,
       isPercent: true
-    })), (0, _getLocale.getLocale)("Mod_skeyresults"))), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "".concat(prefix, "-desc-operate-type"),
-      style: {
-        background: feedTypeColor
-      }
-    }, feedTypeText));
+    })), (0, _getLocale.getLocale)("Mod_skeyresults")));
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
@@ -97,15 +89,19 @@ var DynamicKr = function DynamicKr(_ref) {
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__title")
-  }, /*#__PURE__*/_react["default"].createElement(_title["default"], {
-    content: "KR\uFF1A".concat(name),
-    onClickTitle: handleClickKrTitle
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__content-time-range")
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])("tu-icon-deferred", "".concat(prefix, "__content-time-range-icon"))
-  }), /*#__PURE__*/_react["default"].createElement("span", null, startDate, "-", endDate))));
+    className: "".concat(prefix, "__content-title")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__content-title-type")
+  }, "KR"), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__content-title-text"),
+    onClick: handleClickKrTitle
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
+    text: /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
+      str: (0, _tools.htmlDecodeByRegExp)(name),
+      keyWord: searchKeyWord
+    }),
+    isPercent: true
+  })))));
 };
 
 var _default = DynamicKr;

package/lib/components/dynamic/dynamic-item/{dynamic-share-to-dynamic → dynamic-learning}/index.css

@@ -3,13 +3,11 @@
   font-size: 14px;
   font-weight: normal;
   color: #89919f;
-  line-height: 22px;
+  line-height: 24px;
 }
 
 .titaui-dynamic-share-to-dynamic__content {
-  height: 24px;
   display: flex;
-  padding: 0 50px;
   box-sizing: border-box;
   margin-top: 16px;
   font-size: 14px;
@@ -20,14 +18,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-}
-
-.titaui-dynamic-share-to-dynamic__content-quoto {
-  vertical-align: text-top;
-  margin-right: 6px;
-  width: 12px;
-  width: 12px;
-  height: 12px;
+  margin-left: 88px;
 }
 
 .titaui-dynamic-share-to-dynamic__content-title {
@@ -37,7 +28,8 @@
   white-space: nowrap;
 }
 
-.titaui-dynamic-share-to-dynamic__content-title a, .titaui-dynamic-share-to-dynamic__content-title b {
+.titaui-dynamic-share-to-dynamic__content-title a,
+    .titaui-dynamic-share-to-dynamic__content-title b {
   color: #2879ff;
 }
 
@@ -46,19 +38,19 @@
   height: 104px;
   display: flex;
   border-radius: 18px;
-  background: rgba(240, 244, 250, 0.5);
+  background: rgba(40, 121, 255, 0.06);
   padding: 12px;
   box-sizing: border-box;
-  margin-left: 68px;
+  margin-left: 88px;
   margin-top: 12px;
 }
 
 .titaui-dynamic-share-to-dynamic__share-img {
   width: 80px;
   height: 80px;
-  border-radius: 8px;
+  border-radius: 12px;
   margin-right: 12px;
-  background-color: #E9F1FF;
+  background-color: #ffffff;
   box-sizing: border-box;
   padding: 16px;
 }
@@ -75,10 +67,10 @@
 .titaui-dynamic-share-to-dynamic__share-right-title {
   display: block;
   font-size: 16px;
-  font-weight: 700;
+  font-weight: 600;
   color: #141c28;
   line-height: 24px;
-  margin-bottom: 8px;
+  margin-bottom: 6px;
 }
 
 .titaui-dynamic-share-to-dynamic__share-right-content {

package/lib/components/dynamic/dynamic-item/{dynamic-share-to-dynamic → dynamic-learning}/index.js

@@ -11,21 +11,17 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _dynamicLeftQuoto = _interopRequireDefault(require("../../img/dynamic-left-quoto.svg"));
-
 var _context = require("../../context");
 
 var _header = _interopRequireDefault(require("../components/header"));
 
-var _dangerousHtml = _interopRequireDefault(require("../../components/dangerous-html"));
-
-var _util = require("../../util");
+var _dangerousHtml = _interopRequireDefault(require("../../../dangerous-html"));
 
 var _tools = require("../../../../utils/tools");
 
 var _bsGlobal = require("../../../../utils/bs-global");
 
-var _guanlian = _interopRequireDefault(require("./img/guanlian.png"));
+var _dynamicShareCourse = _interopRequireDefault(require("./img/dynamic-share-course.png"));
 
 var _getLocale = require("../../../../utils/getLocale");
 
@@ -60,7 +56,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var prefix = "titaui-dynamic-share-to-dynamic";
 var userId = (0, _bsGlobal.getUserInfo)().Id;
 
-var DynamicShare = function DynamicShare(_ref) {
+var DynamicLearning = function DynamicLearning(_ref) {
   var data = _ref.data,
       _ref$hasDynamicOperea = _ref.hasDynamicOpereateAuth,
       hasDynamicOpereateAuth = _ref$hasDynamicOperea === void 0 ? false : _ref$hasDynamicOperea,
@@ -70,11 +66,6 @@ var DynamicShare = function DynamicShare(_ref) {
       searchKeyWord = _useContext.searchKeyWord;
 
   var contentRef = (0, _react.useRef)();
-
-  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
-      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
-      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
-
   var isPublisher = data.publishUser.userId === window.BSGlobal.loginUserInfo.Id;
 
   var _useState = (0, _react.useState)(),
@@ -82,27 +73,22 @@ var DynamicShare = function DynamicShare(_ref) {
       title = _useState2[0],
       setTitle = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(),
+  var _useState3 = (0, _react.useState)(""),
       _useState4 = _slicedToArray(_useState3, 2),
       content = _useState4[0],
       setContent = _useState4[1];
 
   var renderDesc = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
-    }, (0, _getLocale.getLocale)("Feed_sharedexcelle")), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "".concat(prefix, "-desc-operate-type"),
-      style: {
-        background: feedTypeColor
-      }
-    }));
+    }, (0, _getLocale.getLocale)("Feed_sharedexcelle"));
   }, []);
 
   var htmlToText = function htmlToText(text) {
     var div = document.createElement("div");
     div.innerHTML = text;
-    text = div.innerText || div.textContent;
-    return text;
+    var result = div.innerText || div.textContent || "";
+    return result;
   };
 
   var handleClick = function handleClick() {
@@ -117,8 +103,9 @@ var DynamicShare = function DynamicShare(_ref) {
   }, [data, searchKeyWord]);
   (0, _react.useEffect)(function () {
     if (data.shareContent && typeof data.shareContent === "string" && data.shareContent.substr(0, 1) === "{") {
-      setTitle(JSON.parse(data.shareContent).title);
-      setContent(htmlToText(JSON.parse(data.shareContent).content));
+      var shareContent = JSON.parse(data.shareContent);
+      setTitle(shareContent.title);
+      setContent(htmlToText(shareContent.content));
     }
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -131,10 +118,7 @@ var DynamicShare = function DynamicShare(_ref) {
     user: data.publishUser
   }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
-  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
-    className: (0, _classnames["default"])("".concat(prefix, "__content-quoto"), "".concat(prefix, "__content-quoto--left")),
-    src: _dynamicLeftQuoto["default"]
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     ref: contentRef,
     className: "".concat(prefix, "__content-title")
   }, /*#__PURE__*/_react["default"].createElement(_dangerousHtml["default"], {
@@ -145,7 +129,8 @@ var DynamicShare = function DynamicShare(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(prefix, "__share-img"))
   }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: _guanlian["default"]
+    src: _dynamicShareCourse["default"],
+    alt: ""
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(prefix, "__share-right"))
   }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -155,5 +140,5 @@ var DynamicShare = function DynamicShare(_ref) {
   }, content))));
 };
 
-var _default = DynamicShare;
+var _default = DynamicLearning;
 exports["default"] = _default;

package/lib/components/dynamic/dynamic-item/dynamic-milestone/constant.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MileStoneStatusClass2StatusTypeText = void 0;
+exports.MileStoneStatusClass2StatusTypeText = exports.EStatusStatus2ClassType = void 0;
 
 var _getLocale = require("../../../../utils/getLocale");
 
@@ -13,4 +13,11 @@ var MileStoneStatusClass2StatusTypeText = {
   4: (0, _getLocale.getLocale)("OKR_MyO_E_Overdue"),
   3: (0, _getLocale.getLocale)("Pro_page_Sta_Completed")
 };
-exports.MileStoneStatusClass2StatusTypeText = MileStoneStatusClass2StatusTypeText;
+exports.MileStoneStatusClass2StatusTypeText = MileStoneStatusClass2StatusTypeText;
+var EStatusStatus2ClassType = {
+  3: "tu-icon-finished",
+  2: "tu-icon-running",
+  4: "tu-icon-deferred",
+  1: "tu-icon-notstart"
+};
+exports.EStatusStatus2ClassType = EStatusStatus2ClassType;

package/lib/components/dynamic/dynamic-item/dynamic-milestone/index.css

@@ -11,27 +11,24 @@
   height: 78px;
   display: flex;
   align-items: center;
-  border-radius: 8px;
-  background: rgba(240, 244, 250, 0.5);
-  padding: 16px 12px 16px 16px;
+  border-radius: 12px;
+  background: rgba(98, 77, 255, 0.06);
+  padding: 8px 12px;
   box-sizing: border-box;
-  margin-left: 69px;
-}
-
-.titaui-dynamic-milestone-item__content-img {
-  display: inline-block;
-  width: 36px;
-  border-radius: 6px;
+  margin-left: 88px;
 }
 
 .titaui-dynamic-milestone-item__content-info {
   flex: 1;
   display: flex;
   flex-direction: column;
-  margin-left: 16px;
   overflow: hidden;
 }
 
+.titaui-dynamic-milestone-item__content-status-icon {
+  font-size: 14px;
+}
+
 .titaui-dynamic-milestone-item__content-status-and-time-range {
   display: flex;
   align-items: center;
@@ -59,10 +56,30 @@
   font-weight: 600;
   color: #3f4755;
   line-height: 24px;
+  display: flex;
+  margin-bottom: 4px;
+  align-items: center;
+}
+
+.titaui-dynamic-milestone-item__content-title-type {
+  border-radius: 18px;
+  background: rgba(98, 77, 255, 0.5);
+  color: #ffffff;
+  margin-right: 8px;
+  font-size: 14px;
+  line-height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 6px;
+  font-weight: 400;
+  height: 20px;
 }
 
 .titaui-dynamic-milestone-item__content-title-text {
+  flex: 1;
   cursor: pointer;
+  overflow: hidden;
 }
 
 .titaui-dynamic-milestone-item__content-title-text:hover {
@@ -78,7 +95,7 @@
 .titaui-dynamic-milestone-item__object-name {
   font-size: 14px;
   color: #2879ff;
-  line-height: 22px;
+  line-height: 24px;
   margin: 0 4px;
   overflow: hidden;
 }
@@ -92,8 +109,8 @@
   font-size: 14px;
   font-weight: 400;
   color: #89919f;
-  line-height: 22px;
-  margin: 0 8px 0 4px;
+  line-height: 24px;
+  margin-left: 4px;
   overflow: hidden;
 }
 

package/lib/components/dynamic/dynamic-item/dynamic-milestone/index.js

@@ -23,12 +23,10 @@ var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handl
 
 var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 
-var _util = require("../../util");
-
-var _dynamicMilestone = _interopRequireDefault(require("./img/dynamic-milestone.png"));
-
 var _getLocale = require("../../../../utils/getLocale");
 
+var _tools = require("../../../../utils/tools");
+
 require("./index.css");
 
 var _excluded = ["data"];
@@ -55,17 +53,12 @@ var DynamicMilestone = function DynamicMilestone(_ref) {
       name = data.name,
       startDate = data.startDate,
       endDate = data.endDate,
-      feedType = data.feedType,
       obj = data.obj,
       principalUser = data.principalUser;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
-  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(feedType),
-      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
-      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
-
   var handleClickTaskTitle = function handleClickTaskTitle() {
     window.Talent.app.vent.trigger("global-pull-screen", data.mileStoneId, "milestone", new window.Talent.Model(data), {
       option: true,
@@ -81,7 +74,7 @@ var DynamicMilestone = function DynamicMilestone(_ref) {
         objId = obj.objId;
 
     if (objType === _constant2.EObjType.Project) {
-      window.open(window.location.href.replace(location.hash, "#work?iTalentNavCode=tita-work&work_id=".concat(objId)));
+      window.open(window.location.href.replace(window.location.hash, "#work?iTalentNavCode=tita-work&work_id=".concat(objId)));
     }
   };
 
@@ -90,12 +83,12 @@ var DynamicMilestone = function DynamicMilestone(_ref) {
       className: "".concat(prefix, "__content-title-text"),
       onClick: handleClickTaskTitle
     }, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
-      str: name,
+      str: (0, _tools.htmlDecodeByRegExp)(name),
       keyWord: searchKeyWord
     }));
   }, [name, searchKeyWord]);
   var renderDesc = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc-wrapper")
@@ -105,12 +98,7 @@ var DynamicMilestone = function DynamicMilestone(_ref) {
     }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
       text: obj.objName,
       isPercent: true
-    })), (0, _getLocale.getLocale)("Mod_smilestone"))), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "".concat(prefix, "-desc-operate-type"),
-      style: {
-        background: feedTypeColor
-      }
-    }, feedTypeText));
+    })), (0, _getLocale.getLocale)("Mod_smilestone")));
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
@@ -121,25 +109,26 @@ var DynamicMilestone = function DynamicMilestone(_ref) {
     user: principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    className: "".concat(prefix, "__content-img"),
-    src: _dynamicMilestone["default"]
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-info")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-title")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__content-title-type")
+  }, (0, _getLocale.getLocale)("Pro_page_Plan_Milestone")), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__content-title-text")
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
     isPercent: true,
     text: renderName,
     minusWidth: 30
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-status-and-time-range")
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])(_constant2.EStatusStatus2ClassType[status])
+    className: (0, _classnames["default"])(_constant.EStatusStatus2ClassType[status], "".concat(prefix, "__content-status-icon"))
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__content-status-text")
   }, _constant.MileStoneStatusClass2StatusTypeText[status]), /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])("tu-icon-deferred")
+    className: (0, _classnames["default"])("tu-icon-deferred", "".concat(prefix, "__content-status-icon"))
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__content-time-range")
   }, startDate, "-", endDate)))));