@zohodesk/components 1.0.0-temp-195.1 → 1.0.0-temp-197

package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap

@@ -0,0 +1,476 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Textarea component Should be render autofocus true  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render customClass  1`] = `
+<DocumentFragment>
+  <textarea
+    class="textAreaCustomClass  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render htmlId  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    id="textAreahtmlId"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isDisabled is false and needEffect is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isDisabled is true 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize      borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    disabled=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isDisabled is true and needEffect is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize      borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    disabled=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isDisabled is true and needEffect is true 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    disabled=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isReadOnly is false and needEffect is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isReadOnly is true and needEffect is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class=" readonly container small default needBorder noresize      borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    readonly=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isReadOnly is true and needEffect is true 1`] = `
+<DocumentFragment>
+  <textarea
+    class=" readonly container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    readonly=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render maxLength in number 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    maxlength="11"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render maxLength in string 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    maxlength="Ten"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render needAppearance is false  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  basic borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render needBorder is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default noBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render needReadOnlyStyle is false  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render placeholder 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    placeholder="TextAreaPlaceHolder"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render text 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  >
+    TextAreaText
+  </textarea>
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render with the basic set of default props 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render Varient - default 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render Varient - primary 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small primary needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - large 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container large default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - medium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container medium default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - small 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - xmedium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xmedium default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - xsmall 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xsmall default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - large 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container large default needBorder noresize  largeanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - medium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container medium default needBorder noresize  undefined   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - small 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize  smallanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - xmedium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xmedium default needBorder noresize  xmediumanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - xsmall 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xsmall default needBorder noresize  xsmallanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render borderColor - default 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render borderColor - transparent 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_transparent"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render resize  - both 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder resizeboth     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render resize  - horizontal 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder resizeX     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render resize  - none 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render resize  - vertical 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder resizeY     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - large 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container large default needBorder noresize  largeanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - medium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container medium default needBorder noresize  undefined   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - small 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize  smallanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - xmedium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xmedium default needBorder noresize  xmediumanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - xsmall 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xsmall default needBorder noresize  xsmallanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component rendering ally clearLabel 1`] = `
+<DocumentFragment>
+  <textarea
+    aria-label="TextAreaAriaLabel"
+    aria-labelledby="TexareaAriaLabelledby"
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;

package/lib/Tooltip/Tooltip.module.css

@@ -3,6 +3,7 @@
   z-index: 9999999;
   /*Hook for editor alert*/
   pointer-events: none;
+  /*css:validation:ignore*/
   box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
   border-radius: var(--zd_size4);
 }[dir=ltr] .tooltiptext {
@@ -51,6 +52,7 @@
   border-left: solid 6px var(--zdt_tooltip_default_bg);
   border-right: solid 6px transparent;
   border-bottom: solid 6px transparent;
+  /*css:validation:ignore*/
   box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
   z-index: -1;
 }
@@ -71,6 +73,7 @@
   border-left: solid 6px var(--zdt_tooltip_default_bg);
   border-right: solid 6px transparent;
   border-bottom: solid 6px transparent;
+  /*css:validation:ignore*/
   box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
   z-index: -1;
 }

package/lib/utils/dropDownUtils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.optionIdGrouping = exports.makeObjectConcat = exports.makeGetSelectedValueText = exports.makeGetOptionIdChange = exports.makeGetMultiSelectSelectedOptions = exports.makeGetMultiSelectFilterSuggestions = exports.makeGetIsShowClearIcon = exports.makeGetGroupSelectOptions = exports.makeGetGroupSelectFilterSuggestions = exports.makeFormatOptions = exports.getValueField = exports.getTextField = exports.getPrefixText = exports.getOptions = exports.getOptionType = exports.getImageField = exports.getIconSize = exports.getIconName = exports.filterSelectedOptions = exports.extractOptionId = exports.dummyObj = exports.dummyArray = void 0;
+exports.optionIdGrouping = exports.makeObjectConcat = exports.makeGetSelectedValueText = exports.makeGetOptionIdChange = exports.makeGetMultiSelectSelectedOptions = exports.makeGetMultiSelectFilterSuggestions = exports.makeGetIsShowClearIcon = exports.makeGetGroupSelectOptions = exports.makeGetGroupSelectFilterSuggestions = exports.makeFormatOptions = exports.getValueField = exports.getTextField = exports.getPrefixText = exports.getOptions = exports.getOptionType = exports.getImageField = exports.getIconSize = exports.getIconName = exports.filterSelectedOptions = exports.extractOptionIdFromJson = exports.extractOptionId = exports.dummyObj = exports.dummyArray = void 0;
 
 var _reselect = require("reselect");
 
@@ -17,6 +17,10 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 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); }
@@ -217,6 +221,12 @@ var extractOptionId = function extractOptionId(id) {
 
 exports.extractOptionId = extractOptionId;
 
+var extractOptionIdFromJson = function extractOptionIdFromJson(id, localData) {
+  return localData[id] || {};
+};
+
+exports.extractOptionIdFromJson = extractOptionIdFromJson;
+
 var makeFormatOptions = function makeFormatOptions() {
   return (0, _reselect.createSelector)([getOptions, getValueField, getTextField, getImageField, getPrefixText, getIconName, getIconSize, getOptionType, getDisabledOptions, getListItemProps], function (options, valueField, textField, imageField, prefixText, iconName, iconSize, optionType, disabledOptions, listItemProps) {
     var revampOptions = [];
@@ -268,7 +278,9 @@ var makeFormatOptions = function makeFormatOptions() {
           }
 
           normalizedFormatOptions[id] = optionDetails;
-          normalizedAllOptions[id] = option;
+          normalizedAllOptions[id] = _objectSpread(_objectSpread({}, option), {}, {
+            groupId: prefixText
+          });
           revampOptions.push(optionDetails);
         }
       }

package/lib/v1/AppContainer/AppContainer.js

@@ -35,8 +35,6 @@ require("@zohodesk/variables/assets/no_transitionVariables.module.css");
 
 require("../../common/a11y.module.css");
 
-require("../../common/boxShadow.module.css");
-
 var _AppContainerModule = _interopRequireDefault(require("../../AppContainer/AppContainer.module.css"));
 
 var _Config = require("../../Provider/Config");

package/lib/v1/Avatar/Avatar.js

@@ -49,11 +49,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-/*
-1. need to change name into firstName lastName
-2. pattern support via context as well as props
-3. prop high priority to arrange firstName lastName
-4. team pass name as lastName and pass pattern via prop
+/*
+1. need to change name into firstName lastName
+2. pattern support via context as well as props
+3. prop high priority to arrange firstName lastName
+4. team pass name as lastName and pass pattern via prop
 */
 function Avatar(props) {
   var src = props.src,

package/lib/v1/AvatarTeam/AvatarTeam.js

@@ -19,10 +19,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-/* once avatar support firstname lastname and pattern
-pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
-
-Not going to export to external then can kept inside supportapp
+/* once avatar support firstname lastname and pattern
+pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
+
+Not going to export to external then can kept inside supportapp
 */
 function AvatarTeam(props) {
   var src = props.src,

package/lib/v1/Button/Button.js

@@ -21,10 +21,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-/*
-Button text and children props?
-use children for both cases
-toLowerCase check needed?
+/*
+Button text and children props?
+use children for both cases
+toLowerCase check needed?
 */
 function Button(props) {
   var text = props.text,

package/lib/v1/Card/Card.js

@@ -44,10 +44,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 /* eslint-disable react/forbid-component-props */
 
-/*
-isscroll header border change use ref
-scroll logic remove from here
-scroll logic move to virtualizer list
+/*
+isscroll header border change use ref
+scroll logic remove from here
+scroll logic move to virtualizer list
 */
 
 /* performance handling pending in card component moving to ref instead of setState */

package/lib/v1/DateTime/DateTime.js

@@ -726,7 +726,11 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
           isRestrictScroll = _this$props7.isRestrictScroll,
           dropBoxPortalId = _this$props7.dropBoxPortalId,
           startDate = _this$props7.startDate,
-          endDate = _this$props7.endDate;
+          endDate = _this$props7.endDate,
+          _this$props7$customPr = _this$props7.customProps,
+          customProps = _this$props7$customPr === void 0 ? {} : _this$props7$customPr;
+      var _customProps$TimeProp = customProps.TimeProps,
+          TimeProps = _customProps$TimeProp === void 0 ? {} : _customProps$TimeProp;
       var _i18nKeys$timeText = i18nKeys.timeText,
           timeText = _i18nKeys$timeText === void 0 ? 'Time' : _i18nKeys$timeText,
           _i18nKeys$submitText = i18nKeys.submitText,
@@ -794,7 +798,8 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
         ampmSuggestions: this.ampmSuggestions,
         onAmPmSelect: this.amPmSelect,
         amPm: amPm,
-        is24Hour: is24Hour
+        is24Hour: is24Hour,
+        customProps: TimeProps
       }) : null, needAction ? /*#__PURE__*/_react["default"].createElement(_DateTimePopupFooter["default"], {
         submitText: submitText,
         onSubmit: this.handleSelect,