@zohodesk/components 1.0.0-temp-71 → 1.0.0-temp-73

package/lib/DateTime/CalendarView.js

@@ -9,7 +9,9 @@ exports["default"] = exports.Span = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = require("./props/propTypes");
+
+var _defaultProps = require("./props/defaultProps");
 
 var _Layout = require("../Layout");
 
@@ -210,18 +212,8 @@ var CalendarView = /*#__PURE__*/function (_React$PureComponent) {
 }(_react["default"].PureComponent);
 
 exports["default"] = CalendarView;
-CalendarView.propTypes = {
-  dataId: _propTypes["default"].string,
-  date: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  month: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  needBorder: _propTypes["default"].bool,
-  onSelect: _propTypes["default"].func,
-  year: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
-};
-CalendarView.defaultProps = {
-  dataId: 'dateContainer',
-  needBorder: true
-};
+CalendarView.propTypes = _propTypes.CalendarView_propTypes;
+CalendarView.defaultProps = _defaultProps.CalendarView_defaultProps;
 
 var Span = /*#__PURE__*/function (_React$PureComponent2) {
   _inherits(Span, _React$PureComponent2);
@@ -270,16 +262,5 @@ var Span = /*#__PURE__*/function (_React$PureComponent2) {
 }(_react["default"].PureComponent);
 
 exports.Span = Span;
-Span.propTypes = {
-  dataId: _propTypes["default"].string,
-  handleSelect: _propTypes["default"].func,
-  i: _propTypes["default"].number,
-  incremday: _propTypes["default"].number,
-  isActive: _propTypes["default"].bool,
-  tdclass: _propTypes["default"].string,
-  userSeeMonth: _propTypes["default"].number,
-  userSeeYear: _propTypes["default"].number
-};
-Span.defaultProps = {
-  dataId: 'calendar-view'
-};
+Span.propTypes = _propTypes.Span_propTypes;
+Span.defaultProps = _defaultProps.Span_defaultProps;

package/lib/DateTime/DateTime.js

@@ -9,14 +9,14 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = require("./props/propTypes");
+
+var _defaultProps = require("./props/defaultProps");
 
 var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
 
 var _CalendarView = _interopRequireDefault(require("./CalendarView"));
 
-var _DropBox = _interopRequireDefault(require("../DropBox/DropBox"));
-
 var _YearView = _interopRequireDefault(require("./YearView"));
 
 var _DateTimePopupHeader = _interopRequireDefault(require("./DateTimePopupHeader"));
@@ -33,6 +33,12 @@ var _Common = require("../utils/Common");
 
 var _constants = require("./constants");
 
+var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
+
+var _CustomResponsive = require("../Responsive/CustomResponsive");
+
+var _Layout = require("../Layout");
+
 var _dateFormatUtils = require("./dateFormatUtils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -688,6 +694,16 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
         isMonthOpen: false
       });
     }
+  }, {
+    key: "responsiveFunc",
+    value: function responsiveFunc(_ref3) {
+      var mediaQueryOR = _ref3.mediaQueryOR;
+      return {
+        tabletMode: mediaQueryOR([{
+          maxWidth: 700
+        }])
+      };
+    }
   }, {
     key: "render",
     value: function render() {
@@ -718,7 +734,11 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
           isPadding = _this$props7.isPadding,
           i18nKeys = _this$props7.i18nKeys,
           is24Hour = _this$props7.is24Hour,
-          isDefaultPosition = _this$props7.isDefaultPosition;
+          isDefaultPosition = _this$props7.isDefaultPosition,
+          positionsOffset = _this$props7.positionsOffset,
+          targetOffset = _this$props7.targetOffset,
+          isRestrictScroll = _this$props7.isRestrictScroll,
+          dropBoxPortalId = _this$props7.dropBoxPortalId;
       var _i18nKeys$timeText = i18nKeys.timeText,
           timeText = _i18nKeys$timeText === void 0 ? 'Time' : _i18nKeys$timeText,
           _i18nKeys$submitText = i18nKeys.submitText,
@@ -802,23 +822,33 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
       return isDefaultPosition ? /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_DateTimeModule["default"].dropBox, " ").concat(className),
         "data-id": "".concat(dataId, "_dateBoxContainer")
-      }, childEle) : isReady ? /*#__PURE__*/_react["default"].createElement(_DropBox["default"], {
-        size: boxSize,
-        boxPosition: position,
-        isActive: isActive,
-        isArrow: false,
-        isAnimate: isAnimate,
-        animationStyle: "bounce",
-        getRef: getRef,
-        onClick: onClick,
-        dataId: "".concat(dataId, "_dateBoxContainer"),
-        needResponsive: needResponsive,
-        isAbsolutePositioningNeeded: isAbsolute,
-        customClass: {
-          customDropBoxWrap: className
-        },
-        isPadding: isPadding
-      }, childEle) : null;
+      }, childEle) : isReady ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
+        query: this.responsiveFunc,
+        responsiveId: "Helmet"
+      }, function (_ref4) {
+        var tabletMode = _ref4.tabletMode;
+        return /*#__PURE__*/_react["default"].createElement(_ResponsiveDropBox["default"], {
+          size: boxSize,
+          boxPosition: position,
+          isActive: isActive,
+          isArrow: false,
+          isAnimate: isAnimate,
+          animationStyle: "bounce",
+          getRef: getRef,
+          onClick: onClick,
+          dataId: "".concat(dataId, "_dateBoxContainer"),
+          needResponsive: needResponsive,
+          isAbsolutePositioningNeeded: isAbsolute,
+          customClass: {
+            customDropBoxWrap: className
+          },
+          isPadding: isPadding,
+          positionsOffset: positionsOffset,
+          targetOffset: targetOffset,
+          isRestrictScroll: isRestrictScroll,
+          portalId: dropBoxPortalId
+        }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, childEle));
+      }) : null;
     }
   }]);
 
@@ -826,64 +856,5 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
 }(_react["default"].PureComponent);
 
 exports["default"] = DateTime;
-DateTime.propTypes = {
-  boxSize: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  dateFormat: _propTypes["default"].string,
-  // eslint-disable-next-line react/no-unused-prop-types
-  defaultTime: _propTypes["default"].string,
-  getMethods: _propTypes["default"].func,
-  getRef: _propTypes["default"].func,
-  i18nKeys: _propTypes["default"].shape({
-    timeText: _propTypes["default"].string.isRequired,
-    submitText: _propTypes["default"].string.isRequired,
-    cancelText: _propTypes["default"].string.isRequired,
-    hourEmptyText: _propTypes["default"].string.isRequired,
-    minuteEmptyText: _propTypes["default"].string.isRequired,
-    nextMonthTitleText: _propTypes["default"].string.isRequired,
-    prevMonthTitleText: _propTypes["default"].string.isRequired
-  }),
-  innerClass: _propTypes["default"].string,
-  isAbsolute: _propTypes["default"].bool,
-  isActive: _propTypes["default"].bool,
-  isAnimate: _propTypes["default"].bool,
-  isDateTimeField: _propTypes["default"].bool,
-  isPadding: _propTypes["default"].bool,
-  isReady: _propTypes["default"].bool,
-  max: _propTypes["default"].string,
-  maxErrorText: _propTypes["default"].string,
-  min: _propTypes["default"].string,
-  minErrorText: _propTypes["default"].string,
-  // eslint-disable-next-line react/no-unused-prop-types
-  needAction: _propTypes["default"].bool,
-  needDefaultTime: _propTypes["default"].bool,
-  needResponsive: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func,
-  onClear: _propTypes["default"].func,
-  onClick: _propTypes["default"].func,
-  onDateSelect: _propTypes["default"].func,
-  onError: _propTypes["default"].func,
-  onSelect: _propTypes["default"].func,
-  position: _propTypes["default"].string,
-  timeZone: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
-  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  is24Hour: _propTypes["default"].bool,
-  isDefaultPosition: _propTypes["default"].bool
-};
-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
-};
+DateTime.propTypes = _propTypes.DateTime_propTypes;
+DateTime.defaultProps = _defaultProps.DateTime_defaultProps;

package/lib/DateTime/DateTime.module.css

@@ -25,7 +25,6 @@
 }
 
 .datesStr {
-  color: var(--zdt_datetime_datestr_text);
   font-family: var(--zd_regular);
 }
 .grid {
@@ -39,6 +38,7 @@
 .thArrow,
 .datesStr {
   font-size: var(--zd_font_size13);
+  color: var(--zdt_datetime_datestr_text);
 }
 .thArrow, .datesStr {
   cursor: pointer;

package/lib/DateTime/DateWidget.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = require("./props/propTypes");
+
+var _defaultProps = require("./props/defaultProps");
 
 var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
 
@@ -1002,7 +1004,12 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
           needErrorOnBlur = _this$props11.needErrorOnBlur,
           htmlId = _this$props11.htmlId,
           iconOnHover = _this$props11.iconOnHover,
-          is24Hour = _this$props11.is24Hour;
+          is24Hour = _this$props11.is24Hour,
+          isAbsolutePositioningNeeded = _this$props11.isAbsolutePositioningNeeded,
+          positionsOffset = _this$props11.positionsOffset,
+          targetOffset = _this$props11.targetOffset,
+          isRestrictScroll = _this$props11.isRestrictScroll,
+          dropBoxPortalId = _this$props11.dropBoxPortalId;
       var _this$state5 = this.state,
           _this$state5$selected = _this$state5.selected,
           value = _this$state5$selected === void 0 ? '' : _this$state5$selected,
@@ -1081,7 +1088,12 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
         needAction: isDateTime,
         onDateSelect: !isDateTime ? this.handleSelect : null,
         i18nKeys: i18nKeys,
-        is24Hour: is24Hour
+        is24Hour: is24Hour,
+        isAbsolute: isAbsolutePositioningNeeded,
+        positionsOffset: positionsOffset,
+        targetOffset: targetOffset,
+        isRestrictScroll: isRestrictScroll,
+        dropBoxPortalId: dropBoxPortalId
       }));
     }
   }]);
@@ -1089,88 +1101,8 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
   return DateWidgetComponent;
 }(_react["default"].Component);
 
-DateWidgetComponent.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
-};
-DateWidgetComponent.propTypes = {
-  borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
-  cantEditOnPopupOpen: _propTypes["default"].bool,
-  children: _propTypes["default"].object,
-  className: _propTypes["default"].string,
-  closePopupOnly: _propTypes["default"].func,
-  dataId: _propTypes["default"].string,
-  dateFormat: _propTypes["default"].oneOf(['yyyy/MM/dd', 'MM/dd/yyyy', 'dd/MM/yyyy', 'yyyy-MM-dd', 'MM-dd-yyyy', 'dd-MM-yyyy', 'yyyy.MM.dd', 'MM.dd.yyyy', 'dd.MM.yyyy', 'dd/MMMM/YY', 'dd/MMM/YY']),
-  defaultPosition: _propTypes["default"].oneOf(['top', 'bottom', 'right', 'left']),
-  defaultTime: _propTypes["default"].string,
-  getContainerRef: _propTypes["default"].func,
-  getMethods: _propTypes["default"].func,
-  getRef: _propTypes["default"].func,
-  getTargetRef: _propTypes["default"].func,
-  i18nKeys: _propTypes["default"].object,
-  id: _propTypes["default"].string,
-  isDateTime: _propTypes["default"].bool,
-  isDisabled: _propTypes["default"].bool,
-  isEditable: _propTypes["default"].bool,
-  isPopupCloseOnClick: _propTypes["default"].bool,
-  isPopupOpen: _propTypes["default"].bool,
-  isPopupOpenOnClick: _propTypes["default"].bool,
-  isPopupOpenOnEnter: _propTypes["default"].bool,
-  isPopupReady: _propTypes["default"].bool,
-  isReadOnly: _propTypes["default"].bool,
-  max: _propTypes["default"].string,
-  maxErrorText: _propTypes["default"].string,
-  min: _propTypes["default"].string,
-  minErrorText: _propTypes["default"].string,
-  needBorder: _propTypes["default"].bool,
-  needDefaultTime: _propTypes["default"].bool,
-  needErrorOnBlur: _propTypes["default"].bool,
-  needResponsive: _propTypes["default"].bool,
-  onFailValidation: _propTypes["default"].func,
-  onKeyDown: _propTypes["default"].func,
-  onPassValidation: _propTypes["default"].func,
-  onSelect: _propTypes["default"].func,
-  placeholder: _propTypes["default"].string,
-  position: _propTypes["default"].string,
-  removeClose: _propTypes["default"].func,
-  textBoxSize: _propTypes["default"].string,
-  textBoxVariant: _propTypes["default"].string,
-  timeZone: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
-  togglePopup: _propTypes["default"].func,
-  validation: _propTypes["default"].shape({
-    validate: _propTypes["default"].bool,
-    validateOn: _propTypes["default"].string,
-    rulesOrder: _propTypes["default"].arrayOf(_propTypes["default"].string),
-    rules: _propTypes["default"].object,
-    messages: _propTypes["default"].object
-  }),
-  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  htmlId: _propTypes["default"].string,
-  iconOnHover: _propTypes["default"].bool,
-  is24Hour: _propTypes["default"].bool,
-  isHideCurrentYear: _propTypes["default"].bool,
-  onFocus: _propTypes["default"].func,
-  onBlur: _propTypes["default"].func
-};
+DateWidgetComponent.defaultProps = _defaultProps.DateWidget_defaultProps;
+DateWidgetComponent.propTypes = _propTypes.DateWidget_propTypes;
 var DateWidget = (0, _Popup["default"])(DateWidgetComponent);
 DateWidget.defaultProps = DateWidgetComponent.defaultProps; // eslint-disable-next-line no-undef
 

package/lib/DateTime/DateWidget.module.css

@@ -36,7 +36,3 @@
 .placeHolder input {
   color: var(--zdt_datewidget_placeholder_text);
 }
-.placeHolder input::selection {
-  color: var(--zdt_datewidget_placeholder_selection_text);
-  background: var(--zdt_datewidget_placeholder_selection_bg);
-}

package/lib/DateTime/YearView.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = require("./props/propTypes");
+
+var _defaultProps = require("./props/defaultProps");
 
 var _virtualizer = require("@zohodesk/virtualizer");
 
@@ -311,14 +313,5 @@ var YearView = /*#__PURE__*/function (_React$PureComponent3) {
 }(_react["default"].PureComponent);
 
 exports["default"] = YearView;
-YearView.propTypes = {
-  dataId: _propTypes["default"].string,
-  needBorder: _propTypes["default"].bool,
-  onSelectMonth: _propTypes["default"].func,
-  onSelectYear: _propTypes["default"].func,
-  viewedYear: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
-};
-YearView.defaultProps = {
-  dataId: 'dateContainer',
-  needBorder: true
-};
+YearView.propTypes = _propTypes.YearView_propTypes;
+YearView.defaultProps = _defaultProps.YearView_defaultProps;

package/lib/DateTime/YearView.module.css

@@ -10,6 +10,7 @@
   font-size: var(--zd_font_size12);
   line-height: var(--zd_size26);
   height: var(--zd_size26);
+  color: var(--zdt_yearview_month_text);
   text-align: center;
   margin: 0 0 var(--zd_size1);
   cursor: pointer;

package/lib/DateTime/props/defaultProps.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.YearView_defaultProps = exports.Span_defaultProps = exports.DateWidget_defaultProps = exports.DateTime_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
+};
+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;

package/lib/DateTime/props/propTypes.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.YearView_propTypes = exports.Span_propTypes = exports.DateWidget_propTypes = exports.DateTime_propTypes = exports.CalendarView_propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var CalendarView_propTypes = {
+  dataId: _propTypes["default"].string,
+  date: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  month: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  needBorder: _propTypes["default"].bool,
+  onSelect: _propTypes["default"].func,
+  year: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+};
+exports.CalendarView_propTypes = CalendarView_propTypes;
+var Span_propTypes = {
+  dataId: _propTypes["default"].string,
+  handleSelect: _propTypes["default"].func,
+  i: _propTypes["default"].number,
+  incremday: _propTypes["default"].number,
+  isActive: _propTypes["default"].bool,
+  tdclass: _propTypes["default"].string,
+  userSeeMonth: _propTypes["default"].number,
+  userSeeYear: _propTypes["default"].number
+};
+exports.Span_propTypes = Span_propTypes;
+var DateTime_propTypes = {
+  boxSize: _propTypes["default"].string,
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  dateFormat: _propTypes["default"].string,
+  // eslint-disable-next-line react/no-unused-prop-types
+  defaultTime: _propTypes["default"].string,
+  getMethods: _propTypes["default"].func,
+  getRef: _propTypes["default"].func,
+  i18nKeys: _propTypes["default"].shape({
+    timeText: _propTypes["default"].string.isRequired,
+    submitText: _propTypes["default"].string.isRequired,
+    cancelText: _propTypes["default"].string.isRequired,
+    hourEmptyText: _propTypes["default"].string.isRequired,
+    minuteEmptyText: _propTypes["default"].string.isRequired,
+    nextMonthTitleText: _propTypes["default"].string.isRequired,
+    prevMonthTitleText: _propTypes["default"].string.isRequired
+  }),
+  innerClass: _propTypes["default"].string,
+  isAbsolute: _propTypes["default"].bool,
+  isActive: _propTypes["default"].bool,
+  isAnimate: _propTypes["default"].bool,
+  isDateTimeField: _propTypes["default"].bool,
+  isPadding: _propTypes["default"].bool,
+  isReady: _propTypes["default"].bool,
+  max: _propTypes["default"].string,
+  maxErrorText: _propTypes["default"].string,
+  min: _propTypes["default"].string,
+  minErrorText: _propTypes["default"].string,
+  // eslint-disable-next-line react/no-unused-prop-types
+  needAction: _propTypes["default"].bool,
+  needDefaultTime: _propTypes["default"].bool,
+  needResponsive: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func,
+  onClear: _propTypes["default"].func,
+  onClick: _propTypes["default"].func,
+  onDateSelect: _propTypes["default"].func,
+  onError: _propTypes["default"].func,
+  onSelect: _propTypes["default"].func,
+  position: _propTypes["default"].string,
+  timeZone: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  is24Hour: _propTypes["default"].bool,
+  isDefaultPosition: _propTypes["default"].bool
+};
+exports.DateTime_propTypes = DateTime_propTypes;
+var DateWidget_propTypes = {
+  borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
+  cantEditOnPopupOpen: _propTypes["default"].bool,
+  children: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  closePopupOnly: _propTypes["default"].func,
+  dataId: _propTypes["default"].string,
+  dateFormat: _propTypes["default"].oneOf(['yyyy/MM/dd', 'MM/dd/yyyy', 'dd/MM/yyyy', 'yyyy-MM-dd', 'MM-dd-yyyy', 'dd-MM-yyyy', 'yyyy.MM.dd', 'MM.dd.yyyy', 'dd.MM.yyyy', 'dd/MMMM/YY', 'dd/MMM/YY']),
+  defaultPosition: _propTypes["default"].oneOf(['top', 'bottom', 'right', 'left']),
+  defaultTime: _propTypes["default"].string,
+  getContainerRef: _propTypes["default"].func,
+  getMethods: _propTypes["default"].func,
+  getRef: _propTypes["default"].func,
+  getTargetRef: _propTypes["default"].func,
+  i18nKeys: _propTypes["default"].object,
+  id: _propTypes["default"].string,
+  isDateTime: _propTypes["default"].bool,
+  isDisabled: _propTypes["default"].bool,
+  isEditable: _propTypes["default"].bool,
+  isPopupCloseOnClick: _propTypes["default"].bool,
+  isPopupOpen: _propTypes["default"].bool,
+  isPopupOpenOnClick: _propTypes["default"].bool,
+  isPopupOpenOnEnter: _propTypes["default"].bool,
+  isPopupReady: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  max: _propTypes["default"].string,
+  maxErrorText: _propTypes["default"].string,
+  min: _propTypes["default"].string,
+  minErrorText: _propTypes["default"].string,
+  needBorder: _propTypes["default"].bool,
+  needDefaultTime: _propTypes["default"].bool,
+  needErrorOnBlur: _propTypes["default"].bool,
+  needResponsive: _propTypes["default"].bool,
+  onFailValidation: _propTypes["default"].func,
+  onKeyDown: _propTypes["default"].func,
+  onPassValidation: _propTypes["default"].func,
+  onSelect: _propTypes["default"].func,
+  placeholder: _propTypes["default"].string,
+  position: _propTypes["default"].string,
+  removeClose: _propTypes["default"].func,
+  textBoxSize: _propTypes["default"].string,
+  textBoxVariant: _propTypes["default"].string,
+  timeZone: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
+  togglePopup: _propTypes["default"].func,
+  validation: _propTypes["default"].shape({
+    validate: _propTypes["default"].bool,
+    validateOn: _propTypes["default"].string,
+    rulesOrder: _propTypes["default"].arrayOf(_propTypes["default"].string),
+    rules: _propTypes["default"].object,
+    messages: _propTypes["default"].object
+  }),
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  htmlId: _propTypes["default"].string,
+  iconOnHover: _propTypes["default"].bool,
+  is24Hour: _propTypes["default"].bool,
+  isHideCurrentYear: _propTypes["default"].bool,
+  onFocus: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func
+};
+exports.DateWidget_propTypes = DateWidget_propTypes;
+var YearView_propTypes = {
+  dataId: _propTypes["default"].string,
+  needBorder: _propTypes["default"].bool,
+  onSelectMonth: _propTypes["default"].func,
+  onSelectYear: _propTypes["default"].func,
+  viewedYear: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+};
+exports.YearView_propTypes = YearView_propTypes;