@zohodesk/components 1.2.11 → 1.2.13

package/es/v1/DropDown/DropDownSeparator.js

@@ -1,15 +1,12 @@
 import React from 'react';
 import { DropDownSeparator_propTypes } from '../../DropDown/props/propTypes';
 import style from '../../DropDown/DropDownSeparator.module.css';
-export default class DropDownSeparator extends React.Component {
-  render() {
-    let {
-      customClass = ''
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
-      className: `${style.separator} ${customClass}`
-    });
-  }
-
+export default function DropDownSeparator(props) {
+  let {
+    customClass = ''
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `${style.separator} ${customClass}`
+  });
 }
 DropDownSeparator.propTypes = DropDownSeparator_propTypes;

package/es/v1/Provider/CssProvider.js

@@ -1,4 +1,4 @@
-import style from '../common/common.module.css';
+import style from '../../common/common.module.css';
 let styleList = {
   hide: style.hide,
   isDisabled: style.disabled,

package/es/v1/Typography/Typography.js

@@ -12,8 +12,8 @@ const Typography = props => {
     $i18n_dataTitle,
     testId,
     customId,
-    tagAttributes,
-    a11yAttributes,
+    $tagAttributes_text,
+    $a11yAttributes_text,
     customStyle
   } = props;
   const style = mergeStyle(defaultStyle, customStyle);
@@ -28,8 +28,8 @@ const Typography = props => {
     'data-title': $i18n_dataTitle,
     'data-id': customId,
     'data-test-id': testId,
-    ...tagAttributes,
-    ...a11yAttributes
+    ...$tagAttributes_text,
+    ...$a11yAttributes_text
   }, children);
 };
 

package/es/v1/Typography/css/Typography.module.css

@@ -106,6 +106,39 @@
   composes:dotted_clamp;
 }
 
+.wordBreak_breakAll{
+  word-break: break-all
+}
+.wordBreak_keepAll{
+  word-break: keep-all
+}
+.wordBreak_breakWord{
+  word-break: break-word
+}
+
+.wordWrap_normal{
+  word-wrap:normal;
+}
+.wordWrap_break{
+  word-wrap:break-word
+}
+
+.whiteSpace_normal{
+  white-space:normal
+}
+.whiteSpace_noWrap{
+  white-space:nowrap
+}
+.whiteSpace_pre{
+  white-space:pre
+}
+.whiteSpace_preLine{
+  white-space:pre-line
+}
+.whiteSpace_preWrap{
+  white-space:pre-wrap
+}
+
 
 
 /*...............Font Size Start.........*/

package/es/v1/Typography/css/cssJSLogic.js

@@ -6,19 +6,22 @@ export default function cssJSLogic(_ref) {
     style
   } = _ref;
   let {
-    $ui_isReset,
-    $ui_isDotted,
+    $flag_reset,
+    $flag_dotted,
     $ui_size,
     $ui_lineClamp,
     $ui_lineHeight,
     $ui_display,
-    $ui_variant,
+    $ui_weight,
     $ui_typeFace,
     $ui_textAlign,
     $ui_letterSpacing,
     $ui_transform,
     $ui_decoration,
-    $ui_className
+    $ui_className,
+    $ui_wordBreak,
+    $ui_wordWrap,
+    $ui_whiteSpace
   } = props;
 
   if ($ui_letterSpacing && $ui_letterSpacing.match(/\./g)) {
@@ -26,19 +29,22 @@ export default function cssJSLogic(_ref) {
   }
 
   let typographyClass = compileClassNames({
-    [style.reset]: $ui_isReset,
-    [style.dotted]: $ui_isDotted,
+    [style.reset]: $flag_reset,
+    [style.dotted]: $flag_dotted,
     [style[`size${$ui_size}`]]: !!$ui_size,
     [style[`lineclamp_${$ui_lineClamp}`]]: !!$ui_lineClamp,
     [style[`lineheight_${$ui_lineHeight}`]]: !!$ui_lineHeight,
     [style[`display_${$ui_display}`]]: !!$ui_display,
-    [style[`font_${$ui_variant}`]]: !!$ui_variant,
+    [style[`font_${$ui_weight}`]]: !!$ui_weight,
     [style[`fontStyles_${$ui_typeFace}`]]: !!$ui_typeFace,
     [style[`textalign_${$ui_textAlign}`]]: !!$ui_textAlign,
     [style[`letterspacing_${$ui_letterSpacing}`]]: !!$ui_letterSpacing,
     [style[`transform_${$ui_transform}`]]: !!$ui_transform,
     [style[`decoration_${$ui_decoration}`]]: !!$ui_decoration,
-    [$ui_className]: !!$ui_className
+    [$ui_className]: !!$ui_className,
+    [style[`wordBreak_${$ui_wordBreak}`]]: !!$ui_wordBreak,
+    [style[`wordWrap_${$ui_wordWrap}`]]: !!$ui_wordWrap,
+    [style[`whiteSpace_${$ui_whiteSpace}`]]: !!$ui_whiteSpace
   });
   return {
     typographyClass

package/es/v1/Typography/props/defaultProps.js

@@ -1,8 +1,8 @@
 export const defaultProps = {
   $ui_className: '',
   $ui_tagName: 'div',
-  $ui_isReset: false,
-  $ui_isDotted: false,
-  a11yAttributes: {},
-  tagAttributes: {}
+  $flag_reset: false,
+  $flag_dotted: false,
+  $tagAttributes_text: {},
+  $a11yAttributes_text: {}
 };

package/es/v1/Typography/props/propTypes.js

@@ -3,10 +3,10 @@ export const propTypes = {
   children: PropTypes.node,
   $ui_className: PropTypes.string,
   $ui_tagName: PropTypes.string,
-  $ui_isReset: PropTypes.bool,
-  $ui_isDotted: PropTypes.bool,
+  $flag_reset: PropTypes.bool,
+  $flag_dotted: PropTypes.bool,
   $ui_display: PropTypes.oneOf(['block', 'inlineBlock', 'inline', 'initial']),
-  $ui_variant: PropTypes.oneOf(['regular', 'light', 'semibold', 'bold']),
+  $ui_weight: PropTypes.oneOf(['regular', 'light', 'semibold', 'bold']),
   $ui_textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify']),
   $ui_transform: PropTypes.oneOf(['default', 'upper', 'lower', 'capital']),
   $ui_lineClamp: PropTypes.oneOf(['1', '2', '3', '4', '5']),
@@ -15,10 +15,13 @@ export const propTypes = {
   $ui_size: PropTypes.oneOf(['7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '24', '25', '26', '28', '29', '30', '32', '34', '35', '36', '40', '50', 'inherit']),
   $ui_lineHeight: PropTypes.oneOf(['0', '1', '8', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '24', '25', '26', '27', '28', '29', '30', '32', '33', '34', '35', '36', '38', '40', '41', '42', '45', '50', '52', '54', '55', '60', '70', '75', '120', 'inherit']),
   $ui_letterSpacing: PropTypes.oneOf(['0.1', '0.2', '0.3', '0.4', '0.5', '0.6', '0.7', '0.8', '0.9', '1', '2', '4', 'inherit']),
+  $ui_wordBreak: PropTypes.oneOf(['breakAll', 'keepAll', 'breakWord']),
+  $ui_wordWrap: PropTypes.oneOf(['normal', 'break']),
+  $ui_whiteSpace: PropTypes.oneOf(['normal', 'noWrap', 'pre', 'preLine', 'preWrap']),
   $i18n_dataTitle: PropTypes.string,
   testId: PropTypes.string,
   customId: PropTypes.string,
   customStyle: PropTypes.object,
-  a11yAttributes: PropTypes.object,
-  tagAttributes: PropTypes.object
+  $a11yAttributes_text: PropTypes.object,
+  $tagAttributes_text: PropTypes.object
 };

package/lib/DateTime/DateTime.module.css

@@ -122,7 +122,7 @@
   color: var(--zdt_datetime_invalid_text);
 }
 
-.invalidDate.sunday {
+.invalidDate.sunday,.inActiveDate.sunday:hover {
   color: var(--zdt_datetime_invaliddate_text);
 }
 
@@ -147,7 +147,18 @@
   background-color: var(--zdt_datetime_selected_bg);
   border-radius: 50%;
 }
+.inActiveDate{
+color: var(--zdt_datetime_invalid_text);
+cursor: no-drop;
+}
+.inActiveDate:hover
+{
+  color: var(--zdt_datetime_invalid_text);
+}
+.inActiveDate:hover, .inActiveDate.sunday:hover{
+  background-color: var(--zdt_datetime_inactivedate_hover_bg);
 
+}
 
 
 .timesection {

package/lib/v1/Card/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function get() {
+    return _Card["default"];
+  }
+});
+Object.defineProperty(exports, "CardContent", {
+  enumerable: true,
+  get: function get() {
+    return _Card.CardContent;
+  }
+});
+Object.defineProperty(exports, "CardFooter", {
+  enumerable: true,
+  get: function get() {
+    return _Card.CardFooter;
+  }
+});
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function get() {
+    return _Card.CardHeader;
+  }
+});
+
+var _Card = _interopRequireWildcard(require("./Card"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/v1/DateTime/CalendarView.js

@@ -9,9 +9,9 @@ exports["default"] = exports.Span = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../DateTime/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../DateTime/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _Layout = require("../Layout");
 
@@ -19,6 +19,8 @@ var _DateTimeModule = _interopRequireDefault(require("../../DateTime/DateTime.mo
 
 var _common = require("../../utils/datetime/common");
 
+var _index = require("../../DateTime/dateFormatUtils/index");
+
 var _DaysRow = _interopRequireDefault(require("./DaysRow"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -80,7 +82,9 @@ var CalendarView = /*#__PURE__*/function (_React$PureComponent) {
           dayNamesShort = _this$props.dayNamesShort,
           todayMonth = _this$props.todayMonth,
           todayDate = _this$props.todayDate,
-          todayYear = _this$props.todayYear;
+          todayYear = _this$props.todayYear,
+          startDate = _this$props.startDate,
+          endDate = _this$props.endDate;
       var userSeeDate = new Date(year, month, 1);
       var userSeeDay = userSeeDate.getDay() + 1;
       var userSeeYear = userSeeDate.getFullYear();
@@ -109,7 +113,7 @@ var CalendarView = /*#__PURE__*/function (_React$PureComponent) {
           var dayArr = [];
           var output = null;
 
-          for (var i = 1; i < 8; i++) {
+          for (var i = 1; i <= 7; i++) {
             var tdclass = "".concat(_DateTimeModule["default"].datesStr, " ").concat(_DateTimeModule["default"].grid);
 
             if (i === 1) {
@@ -136,7 +140,9 @@ var CalendarView = /*#__PURE__*/function (_React$PureComponent) {
                 userSeeMonth: userSeeMonth,
                 userSeeYear: userSeeYear,
                 dataId: isSelectedDay ? "".concat(dataId, "_dateSelected") : "".concat(dataId, "_date"),
-                isToday: isToday
+                isToday: isToday,
+                startDate: startDate,
+                endDate: endDate
               });
               incremday++;
             } else if (incremleti < userSeeDay) {
@@ -162,7 +168,9 @@ var CalendarView = /*#__PURE__*/function (_React$PureComponent) {
                 userSeeMonth: prevMonth,
                 userSeeYear: prevYear,
                 dataId: isSelectedDay ? "".concat(dataId, "_dateSelected") : "".concat(dataId, "_invalidDate") // isToday={isToday}
-
+                ,
+                startDate: startDate,
+                endDate: endDate
               });
             } else if (incremleti > monthEnd) {
               var nextMonth = userSeeMonth + 1;
@@ -186,7 +194,9 @@ var CalendarView = /*#__PURE__*/function (_React$PureComponent) {
                 userSeeMonth: nextMonth,
                 userSeeYear: nextYear,
                 dataId: isSelectedDay ? "".concat(dataId, "_dateSelected") : "".concat(dataId, "_invalidDate") //isToday={isToday}
-
+                ,
+                startDate: startDate,
+                endDate: endDate
               });
             } else {
               output = /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
@@ -266,12 +276,36 @@ var Span = /*#__PURE__*/function (_React$PureComponent2) {
           i = _this$props3.i,
           dataId = _this$props3.dataId,
           isActive = _this$props3.isActive,
-          isToday = _this$props3.isToday;
+          isToday = _this$props3.isToday,
+          userSeeMonth = _this$props3.userSeeMonth,
+          userSeeYear = _this$props3.userSeeYear,
+          startDate = _this$props3.startDate,
+          endDate = _this$props3.endDate;
+      var userSeeDate = new Date(userSeeYear, userSeeMonth, incremday);
+      var startDateRange, endDateRange;
+
+      if (startDate && endDate) {
+        startDateRange = new Date(startDate);
+        endDateRange = new Date(endDate);
+      } else if (!startDate && endDate) {
+        startDateRange = new Date((0, _index.getYearDetails)(4).startPoint, 0, 1);
+        endDateRange = new Date(endDate);
+      } else if (!endDate && startDate) {
+        startDateRange = new Date(startDate);
+        endDateRange = new Date((0, _index.getYearDetails)(4).endPoint, 11, 31);
+      } else {
+        startDateRange = new Date((0, _index.getYearDetails)(4).startPoint, 0, 1);
+        endDateRange = new Date((0, _index.getYearDetails)(4).endPoint, 11, 31);
+      }
+
+      startDateRange = new Date(startDateRange.getFullYear(), startDateRange.getMonth(), startDateRange.getDate());
+      endDateRange = new Date(endDateRange.getFullYear(), endDateRange.getMonth(), endDateRange.getDate());
+      var isActiveDate = startDateRange <= userSeeDate && endDateRange >= userSeeDate;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         dataId: dataId,
-        className: "".concat(tdclass, " ").concat(isActive ? _DateTimeModule["default"].active : '', " ").concat(isToday ? _DateTimeModule["default"].today : ''),
+        className: "".concat(tdclass, " ").concat(isActive && isActiveDate ? _DateTimeModule["default"].active : '', " ").concat(isToday ? _DateTimeModule["default"].today : '', " ").concat(!isActiveDate ? _DateTimeModule["default"].inActiveDate : ''),
         key: i,
-        onClick: this.handleSelectChild,
+        onClick: isActiveDate ? this.handleSelectChild : undefined,
         "aria-label": incremday
       }, incremday);
     }

package/lib/v1/DateTime/DateTime.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../DateTime/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../DateTime/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
 
@@ -751,7 +751,9 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
           positionsOffset = _this$props7.positionsOffset,
           targetOffset = _this$props7.targetOffset,
           isRestrictScroll = _this$props7.isRestrictScroll,
-          dropBoxPortalId = _this$props7.dropBoxPortalId;
+          dropBoxPortalId = _this$props7.dropBoxPortalId,
+          startDate = _this$props7.startDate,
+          endDate = _this$props7.endDate;
       var _i18nKeys$timeText = i18nKeys.timeText,
           timeText = _i18nKeys$timeText === void 0 ? 'Time' : _i18nKeys$timeText,
           _i18nKeys$submitText = i18nKeys.submitText,
@@ -801,7 +803,9 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
         dayNamesShort: dayNamesShort,
         todayDate: todayDate,
         todayMonth: todayMonth,
-        todayYear: todayYear
+        todayYear: todayYear,
+        startDate: startDate,
+        endDate: endDate
       }), isDateTimeField ? /*#__PURE__*/_react["default"].createElement(_Time["default"], {
         timeText: timeText,
         dataId: dataId,

package/lib/v1/DateTime/DateTimePopupFooter.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = require("../../DateTime/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../DateTime/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _Layout = require("../Layout");
 

package/lib/v1/DateTime/DateTimePopupHeader.js

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = require("../../DateTime/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _Layout = require("../Layout");
 

package/lib/v1/DateTime/DateWidget.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../DateTime/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../DateTime/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
 
@@ -1008,7 +1008,9 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
           dropBoxPortalId = _this$props11.dropBoxPortalId,
           a11y = _this$props11.a11y,
           boxSize = _this$props11.boxSize,
-          onError = _this$props11.onError;
+          onError = _this$props11.onError,
+          startDate = _this$props11.startDate,
+          endDate = _this$props11.endDate;
       var _this$state5 = this.state,
           _this$state5$selected = _this$state5.selected,
           value = _this$state5$selected === void 0 ? '' : _this$state5$selected,
@@ -1097,7 +1099,9 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
         isRestrictScroll: isRestrictScroll,
         dropBoxPortalId: dropBoxPortalId,
         boxSize: boxSize,
-        onError: onError
+        onError: onError,
+        startDate: startDate,
+        endDate: endDate
       }));
     }
   }]);

package/lib/v1/DateTime/DaysRow.js

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = require("../../DateTime/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _DateTimeModule = _interopRequireDefault(require("../../DateTime/DateTime.module.css"));
 

package/lib/v1/DateTime/Time.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = require("../../DateTime/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../DateTime/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _Layout = require("../Layout");
 

package/lib/v1/DateTime/YearView.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../DateTime/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../DateTime/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _virtualizer = require("@zohodesk/virtualizer");
 

package/lib/v1/DateTime/props/defaultProps.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.YearView_defaultProps = exports.Time_defaultProps = exports.Span_defaultProps = exports.DateWidget_defaultProps = exports.DateTime_defaultProps = exports.DateTimePopupFooter_defaultProps = exports.CalendarView_defaultProps = void 0;
+var CalendarView_defaultProps = {
+  dataId: 'dateContainer',
+  needBorder: true
+};
+exports.CalendarView_defaultProps = CalendarView_defaultProps;
+var Span_defaultProps = {
+  dataId: 'calendar-view'
+};
+exports.Span_defaultProps = Span_defaultProps;
+var DateTime_defaultProps = {
+  isDateTimeField: true,
+  dataId: 'dateTime',
+  needDefaultTime: true,
+  isAbsolute: true,
+  isAnimate: true,
+  needAction: true,
+  boxSize: 'large',
+  className: '',
+  innerClass: '',
+  dateFormat: 'dd/MM/yyyy',
+  isPadding: false,
+  i18nKeys: {},
+  is24Hour: false,
+  isDefaultPosition: false,
+  customDateFormat: null
+};
+exports.DateTime_defaultProps = DateTime_defaultProps;
+var DateWidget_defaultProps = {
+  borderColor: 'default',
+  dataId: 'dateWidget',
+  dateFormat: 'MM/dd/yyyy',
+  isDateTime: false,
+  isDisabled: false,
+  isPopupOpenOnEnter: false,
+  isReadOnly: false,
+  needBorder: true,
+  needDefaultTime: true,
+  placeholder: '-None-',
+  textBoxSize: 'medium',
+  textBoxVariant: 'default',
+  timeZone: null,
+  isPopupOpenOnClick: true,
+  isPopupCloseOnClick: false,
+  cantEditOnPopupOpen: true,
+  i18nKeys: {},
+  needErrorOnBlur: false,
+  isEditable: false,
+  iconOnHover: false,
+  is24Hour: false
+};
+exports.DateWidget_defaultProps = DateWidget_defaultProps;
+var YearView_defaultProps = {
+  dataId: 'dateContainer',
+  needBorder: true
+};
+exports.YearView_defaultProps = YearView_defaultProps;
+var DateTimePopupFooter_defaultProps = {
+  dataId: 'DateTimePopupFooter'
+};
+exports.DateTimePopupFooter_defaultProps = DateTimePopupFooter_defaultProps;
+var Time_defaultProps = {
+  dataId: 'Time'
+};
+exports.Time_defaultProps = Time_defaultProps;