@zohodesk/components 1.2.12 → 1.2.13

package/es/v1/DateTime/Time.js

@@ -2,8 +2,8 @@
 
 /** ** Libraries *** */
 import React, { PureComponent } from 'react';
-import { Time_propTypes } from '../../DateTime/props/propTypes';
-import { Time_defaultProps } from '../../DateTime/props/defaultProps';
+import { Time_propTypes } from './props/propTypes';
+import { Time_defaultProps } from './props/defaultProps';
 /**** Components ****/
 
 import { Container, Box } from '../Layout';

package/es/v1/DateTime/YearView.js

@@ -1,7 +1,7 @@
 /**** Libraries ****/
 import React from 'react';
-import { YearView_propTypes } from '../../DateTime/props/propTypes';
-import { YearView_defaultProps } from '../../DateTime/props/defaultProps';
+import { YearView_propTypes } from './props/propTypes';
+import { YearView_defaultProps } from './props/defaultProps';
 /**** Components ****/
 
 import { Virtualizer } from '@zohodesk/virtualizer';

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

@@ -0,0 +1,57 @@
+export const CalendarView_defaultProps = {
+  dataId: 'dateContainer',
+  needBorder: true
+};
+export const Span_defaultProps = {
+  dataId: 'calendar-view'
+};
+export const 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
+};
+export const 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
+};
+export const YearView_defaultProps = {
+  dataId: 'dateContainer',
+  needBorder: true
+};
+export const DateTimePopupFooter_defaultProps = {
+  dataId: 'DateTimePopupFooter'
+};
+export const Time_defaultProps = {
+  dataId: 'Time'
+};

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

@@ -0,0 +1,195 @@
+import PropTypes from 'prop-types';
+import { dataFormatList } from '../../../DateTime/dateFormatUtils/dateFormats';
+export const CalendarView_propTypes = {
+  dataId: PropTypes.string,
+  date: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  month: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  needBorder: PropTypes.bool,
+  onSelect: PropTypes.func,
+  year: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  dayNames: PropTypes.array,
+  dayNamesShort: PropTypes.array,
+  todayMonth: PropTypes.string,
+  todayDate: PropTypes.string,
+  todayYear: PropTypes.string,
+  startDate: PropTypes.string,
+  endDate: PropTypes.string
+};
+export const Span_propTypes = {
+  dataId: PropTypes.string,
+  handleSelect: PropTypes.func,
+  i: PropTypes.number,
+  incremday: PropTypes.number,
+  isActive: PropTypes.bool,
+  tdclass: PropTypes.string,
+  userSeeMonth: PropTypes.number,
+  userSeeYear: PropTypes.number,
+  isToday: PropTypes.bool,
+  startDate: PropTypes.string,
+  endDate: PropTypes.string
+};
+export const DateTime_propTypes = {
+  boxSize: PropTypes.string,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dateFormat: PropTypes.string,
+  // eslint-disable-next-line react/no-unused-prop-types
+  defaultTime: PropTypes.string,
+  getMethods: PropTypes.func,
+  getRef: PropTypes.func,
+  i18nKeys: PropTypes.shape({
+    timeText: PropTypes.string.isRequired,
+    submitText: PropTypes.string.isRequired,
+    cancelText: PropTypes.string.isRequired,
+    hourEmptyText: PropTypes.string.isRequired,
+    minuteEmptyText: PropTypes.string.isRequired,
+    nextMonthTitleText: PropTypes.string.isRequired,
+    prevMonthTitleText: PropTypes.string.isRequired
+  }),
+  innerClass: PropTypes.string,
+  isAbsolute: PropTypes.bool,
+  isActive: PropTypes.bool,
+  isAnimate: PropTypes.bool,
+  isDateTimeField: PropTypes.bool,
+  isPadding: PropTypes.bool,
+  isReady: PropTypes.bool,
+  max: PropTypes.string,
+  maxErrorText: PropTypes.string,
+  min: PropTypes.string,
+  minErrorText: PropTypes.string,
+  // eslint-disable-next-line react/no-unused-prop-types
+  needAction: PropTypes.bool,
+  needDefaultTime: PropTypes.bool,
+  needResponsive: PropTypes.bool,
+  onChange: PropTypes.func,
+  onClear: PropTypes.func,
+  onClick: PropTypes.func,
+  onDateSelect: PropTypes.func,
+  onError: PropTypes.func,
+  onSelect: PropTypes.func,
+  position: PropTypes.string,
+  timeZone: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  is24Hour: PropTypes.bool,
+  isDefaultPosition: PropTypes.bool,
+  customDateFormat: PropTypes.string,
+  positionsOffset: PropTypes.array,
+  targetOffset: PropTypes.string,
+  isRestrictScroll: PropTypes.bool,
+  dropBoxPortalId: PropTypes.string,
+  startDate: PropTypes.string,
+  endDate: PropTypes.string
+};
+export const DateWidget_propTypes = {
+  borderColor: PropTypes.oneOf(['transparent', 'default']),
+  cantEditOnPopupOpen: PropTypes.bool,
+  children: PropTypes.object,
+  className: PropTypes.string,
+  closePopupOnly: PropTypes.func,
+  dataId: PropTypes.string,
+  dateFormat: PropTypes.oneOf([...dataFormatList]),
+  defaultPosition: PropTypes.oneOf(['top', 'bottom', 'right', 'left']),
+  defaultTime: PropTypes.string,
+  getContainerRef: PropTypes.func,
+  getMethods: PropTypes.func,
+  getRef: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  i18nKeys: PropTypes.object,
+  id: PropTypes.string,
+  isDateTime: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isEditable: PropTypes.bool,
+  isPopupCloseOnClick: PropTypes.bool,
+  isPopupOpen: PropTypes.bool,
+  isPopupOpenOnClick: PropTypes.bool,
+  isPopupOpenOnEnter: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  max: PropTypes.string,
+  maxErrorText: PropTypes.string,
+  min: PropTypes.string,
+  minErrorText: PropTypes.string,
+  needBorder: PropTypes.bool,
+  needDefaultTime: PropTypes.bool,
+  needErrorOnBlur: PropTypes.bool,
+  needResponsive: PropTypes.bool,
+  onFailValidation: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onPassValidation: PropTypes.func,
+  onSelect: PropTypes.func,
+  placeholder: PropTypes.string,
+  position: PropTypes.string,
+  removeClose: PropTypes.func,
+  textBoxSize: PropTypes.string,
+  textBoxVariant: PropTypes.string,
+  timeZone: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  togglePopup: PropTypes.func,
+  validation: PropTypes.shape({
+    validate: PropTypes.bool,
+    validateOn: PropTypes.string,
+    rulesOrder: PropTypes.arrayOf(PropTypes.string),
+    rules: PropTypes.object,
+    messages: PropTypes.object
+  }),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  htmlId: PropTypes.string,
+  iconOnHover: PropTypes.bool,
+  is24Hour: PropTypes.bool,
+  isHideCurrentYear: PropTypes.bool,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  boxSize: PropTypes.string,
+  onError: PropTypes.func,
+  isAbsolutePositioningNeeded: PropTypes.bool,
+  positionsOffset: PropTypes.array,
+  targetOffset: PropTypes.array,
+  isRestrictScroll: PropTypes.bool,
+  dropBoxPortalId: PropTypes.string,
+  a11y: PropTypes.object,
+  startDate: PropTypes.string,
+  endDate: PropTypes.string
+};
+export const YearView_propTypes = {
+  onSelectMonth: PropTypes.func,
+  onSelectYear: PropTypes.func,
+  viewedYear: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  viewedMonth: PropTypes.string,
+  monthNamesShort: PropTypes.array,
+  isMonthOpen: PropTypes.bool
+};
+export const DateTimePopupFooter_propTypes = {
+  submitText: PropTypes.string,
+  onSubmit: PropTypes.func,
+  cancelText: PropTypes.string,
+  onCancel: PropTypes.func,
+  dataId: PropTypes.string
+};
+export const DateTimePopupHeader_propTypes = {
+  onOpenYearView: PropTypes.func,
+  showMonthTxt: PropTypes.string,
+  isYearView: PropTypes.bool,
+  prevMonthTitleText: PropTypes.string,
+  nextMonthTitleText: PropTypes.string,
+  onModifyCalendar: PropTypes.func
+};
+export const DaysRow_propTypes = {
+  dayNames: PropTypes.array,
+  dayNamesShort: PropTypes.object
+};
+export const Time_propTypes = {
+  timeText: PropTypes.string,
+  dataId: PropTypes.string,
+  hourSuggestions: PropTypes.array,
+  onHourSelect: PropTypes.func,
+  hours: PropTypes.string,
+  hourEmptyText: PropTypes.string,
+  needResponsive: PropTypes.bool,
+  minSuggestions: PropTypes.array,
+  onMinutesSelect: PropTypes.func,
+  mins: PropTypes.string,
+  minuteEmptyText: PropTypes.string,
+  ampmSuggestions: PropTypes.array,
+  onAmPmSelect: PropTypes.func,
+  amPm: PropTypes.string,
+  is24Hour: PropTypes.bool
+};

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/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"));