@elliemae/ds-date-time-picker 1.61.0 → 2.0.0-alpha.12

package/cjs/components/DateTimePickerImpl.js

@@ -1,9 +1,15 @@
 'use strict';
 
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _extends = require('@babel/runtime/helpers/extends');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var React = require('react');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var react = require('react');
 var moment = require('moment');
 var dsClassnames = require('@elliemae/ds-classnames');
 var dsDatePicker = require('@elliemae/ds-date-picker');
@@ -11,143 +17,85 @@ var dsForm = require('@elliemae/ds-form');
 var dsUtilities = require('@elliemae/ds-utilities');
 var dsTimePicker = require('@elliemae/ds-time-picker');
 var utils = require('../utils.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
-var _excluded = ["onChange"];
-var blockName = 'date-time-picker';
-var DateTimePickerWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'wrapper');
-var TimePicker = dsClassnames.aggregatedClasses(dsTimePicker.DSTimePickerMenu)(blockName, 'time-picker');
-var TimePickerWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'time-picker-wrapper'); // const DateInput = aggregatedClasses(DateInputsV2Impl)(blockName, 'date-input');
+const _excluded = ["onChange"];
 
-var formatDate = 'MMDDYYYY';
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-var DSDateTimePickerImpl = function DSDateTimePickerImpl(_ref) {
-  var _ref$onBlur = _ref.onBlur,
-      onBlur = _ref$onBlur === void 0 ? function () {
-    return null;
-  } : _ref$onBlur,
-      placeholder = _ref.placeholder,
-      date = _ref.date,
-      clearable = _ref.clearable,
-      _ref$datePickerProps = _ref.datePickerProps,
-      _ref$datePickerProps$ = _ref$datePickerProps.disabled,
-      disabled = _ref$datePickerProps$ === void 0 ? false : _ref$datePickerProps$,
-      _ref$datePickerProps$2 = _ref$datePickerProps.numberOfMonths,
-      numberOfMonths = _ref$datePickerProps$2 === void 0 ? 1 : _ref$datePickerProps$2,
-      _ref$datePickerProps$3 = _ref$datePickerProps.readOnly,
-      readOnly = _ref$datePickerProps$3 === void 0 ? false : _ref$datePickerProps$3,
-      _ref$datePickerProps$4 = _ref$datePickerProps.enableOutsideDays,
-      enableOutsideDays = _ref$datePickerProps$4 === void 0 ? false : _ref$datePickerProps$4,
-      _ref$datePickerProps$5 = _ref$datePickerProps.transitionDuration,
-      transitionDuration = _ref$datePickerProps$5 === void 0 ? 0 : _ref$datePickerProps$5,
-      _ref$datePickerProps$6 = _ref$datePickerProps.firstDayOfWeek,
-      firstDayOfWeek = _ref$datePickerProps$6 === void 0 ? 0 : _ref$datePickerProps$6,
-      _ref$datePickerProps$7 = _ref$datePickerProps.keepOpenOnDateSelect,
-      keepOpenOnDateSelect = _ref$datePickerProps$7 === void 0 ? true : _ref$datePickerProps$7,
-      _ref$datePickerProps$8 = _ref$datePickerProps.hideKeyboardShortcutsPanel,
-      hideKeyboardShortcutsPanel = _ref$datePickerProps$8 === void 0 ? true : _ref$datePickerProps$8,
-      _ref$datePickerProps$9 = _ref$datePickerProps.onPrevMonthClick,
-      onPrevMonthClick = _ref$datePickerProps$9 === void 0 ? function () {
-    return null;
-  } : _ref$datePickerProps$9,
-      _ref$datePickerProps$10 = _ref$datePickerProps.onNextMonthClick,
-      onNextMonthClick = _ref$datePickerProps$10 === void 0 ? function () {
-    return null;
-  } : _ref$datePickerProps$10,
-      _ref$datePickerProps$11 = _ref$datePickerProps.onClose,
-      onClose = _ref$datePickerProps$11 === void 0 ? function () {
-    return null;
-  } : _ref$datePickerProps$11,
-      _ref$datePickerProps$12 = _ref$datePickerProps.onChange,
-      onDatePickerChange = _ref$datePickerProps$12 === void 0 ? function () {
-    return null;
-  } : _ref$datePickerProps$12,
-      _ref$datePickerProps$13 = _ref$datePickerProps.onDateChange,
-      onDateChange = _ref$datePickerProps$13 === void 0 ? function () {
-    return null;
-  } : _ref$datePickerProps$13,
-      _ref$datePickerProps$14 = _ref$datePickerProps.onError,
-      onErrorDate = _ref$datePickerProps$14 === void 0 ? function () {
-    return null;
-  } : _ref$datePickerProps$14,
-      _ref$datePickerProps$15 = _ref$datePickerProps.phrases,
-      phrases = _ref$datePickerProps$15 === void 0 ? dsDatePicker.SingleDatePickerPhrases : _ref$datePickerProps$15,
-      _ref$datePickerProps$16 = _ref$datePickerProps.displayFormatDay,
-      displayFormatDay = _ref$datePickerProps$16 === void 0 ? 'D' : _ref$datePickerProps$16,
-      _ref$datePickerProps$17 = _ref$datePickerProps.isDayBlocked,
-      isDayBlocked = _ref$datePickerProps$17 === void 0 ? function () {
-    return false;
-  } : _ref$datePickerProps$17,
-      _ref$datePickerProps$18 = _ref$datePickerProps.isOutsideRange,
-      isOutsideRange = _ref$datePickerProps$18 === void 0 ? function () {
-    return false;
-  } : _ref$datePickerProps$18,
-      _ref$datePickerProps$19 = _ref$datePickerProps.isDayHighlighted,
-      isDayHighlighted = _ref$datePickerProps$19 === void 0 ? function () {
-    return false;
-  } : _ref$datePickerProps$19,
-      _ref$datePickerProps$20 = _ref$datePickerProps.zIndex,
-      zIndex = _ref$datePickerProps$20 === void 0 ? 11 : _ref$datePickerProps$20,
-      _ref$timePickerProps = _ref.timePickerProps,
-      _ref$timePickerProps$ = _ref$timePickerProps.format,
-      format = _ref$timePickerProps$ === void 0 ? 'hh:mm A' : _ref$timePickerProps$,
-      _ref$timePickerProps$2 = _ref$timePickerProps.onChange,
-      onChangeTimePicker = _ref$timePickerProps$2 === void 0 ? function () {
-    return null;
-  } : _ref$timePickerProps$2,
-      _ref$timePickerProps$3 = _ref$timePickerProps.disabledTimes,
-      disabledTimes = _ref$timePickerProps$3 === void 0 ? undefined : _ref$timePickerProps$3,
-      _ref$timePickerProps$4 = _ref$timePickerProps.onError,
-      onErrorTime = _ref$timePickerProps$4 === void 0 ? function () {
-    return null;
-  } : _ref$timePickerProps$4,
-      _ref$timePickerProps$5 = _ref$timePickerProps.minutesInterval,
-      minutesInterval = _ref$timePickerProps$5 === void 0 ? 1 : _ref$timePickerProps$5,
-      _ref$dateInputProps$o = _ref.dateInputProps.onDateInputDateChange,
-      onDateInputDateChange = _ref$dateInputProps$o === void 0 ? function () {
-    return null;
-  } : _ref$dateInputProps$o;
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const blockName = 'date-time-picker';
+const DateTimePickerWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'wrapper');
+const TimePicker = dsClassnames.aggregatedClasses(dsTimePicker.DSTimePickerMenu)(blockName, 'time-picker');
+const TimePickerWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'time-picker-wrapper'); // const DateInput = aggregatedClasses(DateInputsV2Impl)(blockName, 'date-input');
 
-  var _useState = React.useState(undefined),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      selectedDate = _useState2[0],
-      setSelectedDate = _useState2[1];
+const formatDate = 'MMDDYYYY';
 
-  var _useState3 = React.useState(undefined),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      incompleteInput = _useState4[0],
-      setIncompleteInput = _useState4[1];
-
-  var _useState5 = React.useState(false),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      isOpen = _useState6[0],
-      setIsOpen = _useState6[1];
-
-  var disabledTimeRange = disabledTimes && {
+const DSDateTimePickerImpl = _ref => {
+  let {
+    onBlur = () => null,
+    placeholder,
+    date,
+    clearable,
+    datePickerProps: {
+      disabled = false,
+      numberOfMonths = 1,
+      readOnly = false,
+      enableOutsideDays = false,
+      transitionDuration = 0,
+      firstDayOfWeek = 0,
+      keepOpenOnDateSelect = true,
+      hideKeyboardShortcutsPanel = true,
+      onPrevMonthClick = () => null,
+      onNextMonthClick = () => null,
+      onClose = () => null,
+      onChange: onDatePickerChange = () => null,
+      onDateChange = () => null,
+      onError: onErrorDate = () => null,
+      phrases = dsDatePicker.SingleDatePickerPhrases,
+      displayFormatDay = 'D',
+      isDayBlocked = () => false,
+      isOutsideRange = () => false,
+      isDayHighlighted = () => false,
+      zIndex = 11
+    },
+    timePickerProps: {
+      format = 'hh:mm A',
+      onChange: onChangeTimePicker = () => null,
+      disabledTimes = undefined,
+      onError: onErrorTime = () => null,
+      minutesInterval = 1
+    },
+    dateInputProps: {
+      onDateInputDateChange = () => null
+    }
+  } = _ref;
+  const [selectedDate, setSelectedDate] = react.useState(undefined);
+  const [incompleteInput, setIncompleteInput] = react.useState(undefined);
+  const [isOpen, setIsOpen] = react.useState(false);
+  const disabledTimeRange = disabledTimes && {
     from: dsTimePicker.convertTimeString(disabledTimes.from),
     to: dsTimePicker.convertTimeString(disabledTimes.to)
   };
-  var dateTimePickerWrapperRef = React.useRef();
-  var fullFormat = "".concat(formatDate, " ").concat(format);
-  React.useEffect(function () {
+  const dateTimePickerWrapperRef = react.useRef();
+  const fullFormat = "".concat(formatDate, " ").concat(format);
+  react.useEffect(() => {
     if (date) {
-      setSelectedDate(moment__default['default'](date));
+      setSelectedDate(moment__default["default"](date));
     } else if (date === null) setSelectedDate(undefined);
   }, [date]);
-  var visiblePanels = React.useMemo(function () {
-    return dsUtilities.getVisibleTimeByFormat(format);
-  }, []);
-  var currentYear = moment__default['default']().year();
+  const visiblePanels = react.useMemo(() => dsUtilities.getVisibleTimeByFormat(format), []);
+  const currentYear = moment__default["default"]().year();
 
-  var handleDatePickerChange = function handleDatePickerChange(dateSelected) {
-    var splittedDate = utils.updateDateAndTime(dateSelected, selectedDate);
+  const handleDatePickerChange = dateSelected => {
+    const splittedDate = utils.updateDateAndTime(dateSelected, selectedDate);
 
     if (!readOnly) {
       setSelectedDate(splittedDate);
@@ -155,25 +103,25 @@ var DSDateTimePickerImpl = function DSDateTimePickerImpl(_ref) {
     }
   };
 
-  var onTimeChange = function onTimeChange(pickerTime) {
-    var splittedDate = utils.updateDateAndTime(selectedDate, pickerTime);
+  const onTimeChange = pickerTime => {
+    const splittedDate = utils.updateDateAndTime(selectedDate, pickerTime);
     onChangeTimePicker(splittedDate);
     setSelectedDate(splittedDate);
   };
 
-  var handleInputChange = function handleInputChange(inputValue, type) {
+  const handleInputChange = (inputValue, type) => {
     onDatePickerChange(inputValue);
-    var timeBlocked = false;
-    var inputMoment = moment__default['default'](inputValue, fullFormat);
+    let timeBlocked = false;
+    const inputMoment = moment__default["default"](inputValue, fullFormat);
     setIncompleteInput(inputValue);
 
     if (type === 'date') {
-      var splittedDate = utils.updateDateAndTime(inputMoment, selectedDate);
+      const splittedDate = utils.updateDateAndTime(inputMoment, selectedDate);
 
       if (inputValue.length < 8) {
         onErrorDate({
           message: 'date incomplete',
-          inputValue: inputValue
+          inputValue
         });
         if (clearable) onDateChange('error');
         return;
@@ -189,10 +137,12 @@ var DSDateTimePickerImpl = function DSDateTimePickerImpl(_ref) {
     }
 
     if (disabledTimeRange) {
-      var hour = inputValue.hour();
-      var min = inputValue.minutes();
-      var from = disabledTimeRange.from,
-          to = disabledTimeRange.to;
+      const hour = inputValue.hour();
+      const min = inputValue.minutes();
+      const {
+        from,
+        to
+      } = disabledTimeRange;
 
       if (hour > from.hour && hour < to.hour || hour === to.hour && min < to.min) {
         timeBlocked = true;
@@ -201,12 +151,12 @@ var DSDateTimePickerImpl = function DSDateTimePickerImpl(_ref) {
 
     if (timeBlocked) onErrorTime({
       message: 'time blocked',
-      inputValue: inputValue
+      inputValue
     });
-    var dateBlocked = isDayBlocked(inputMoment);
+    const dateBlocked = isDayBlocked(inputMoment);
     if (dateBlocked) onErrorDate({
       message: 'date blocked',
-      inputValue: inputValue
+      inputValue
     });
 
     if (!timeBlocked && !dateBlocked) {
@@ -214,21 +164,17 @@ var DSDateTimePickerImpl = function DSDateTimePickerImpl(_ref) {
     }
   };
 
-  var handleOutsideClick = function handleOutsideClick(event) {
+  const handleOutsideClick = event => {
     if (!dateTimePickerWrapperRef.current.contains(event.target)) {
       setIsOpen(false);
     }
   };
 
-  var handleClickEscape = function handleClickEscape() {
-    return setIsOpen(false);
-  };
+  const handleClickEscape = () => setIsOpen(false);
 
-  var handleOpen = function handleOpen() {
-    return setIsOpen(true);
-  };
+  const handleOpen = () => setIsOpen(true);
 
-  var handleContainerBlur = function handleContainerBlur(event) {
+  const handleContainerBlur = event => {
     if (!isOpen && !event.currentTarget.contains(event.relatedTarget)) {
       onBlur(event, selectedDate !== null && selectedDate !== void 0 && selectedDate.isValid() ? selectedDate : {
         error: true,
@@ -237,97 +183,96 @@ var DSDateTimePickerImpl = function DSDateTimePickerImpl(_ref) {
       });
 
       if (clearable && !selectedDate && !!incompleteInput) {
-        var inputMoment = moment__default['default'](incompleteInput, fullFormat);
-        var splittedDate = utils.updateDateAndTime(inputMoment, selectedDate);
+        const inputMoment = moment__default["default"](incompleteInput, fullFormat);
+        const splittedDate = utils.updateDateAndTime(inputMoment, selectedDate);
         setSelectedDate(splittedDate);
         onDateChange(splittedDate);
       }
     }
   };
 
-  React.useEffect(function () {
+  react.useEffect(() => {
     if (!isOpen) onBlur({}, selectedDate !== null && selectedDate !== void 0 && selectedDate.isValid() ? selectedDate : {
       error: true,
       message: 'incomplete input',
       input: incompleteInput
     });
   }, [isOpen]);
-  var hasSelectedDate = !!selectedDate;
-  return /*#__PURE__*/React__default['default'].createElement(dsForm.DSInputGroup, {
+  const hasSelectedDate = !!selectedDate;
+  return /*#__PURE__*/_jsx__default["default"](dsForm.DSInputGroup, {
     containerProps: {
       onBlur: handleContainerBlur
     },
-    rightAddon: /*#__PURE__*/React__default['default'].createElement(dsDatePicker.DatePickerDropdown, {
+    rightAddon: /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerDropdown, {
       disabled: disabled,
       isOpen: isOpen,
       zIndex: zIndex,
-      menu: /*#__PURE__*/React__default['default'].createElement(DateTimePickerWrapper, {
+      menu: /*#__PURE__*/jsxRuntime.jsxs(DateTimePickerWrapper, {
         ref: dateTimePickerWrapperRef,
-        "data-testid": "date-time-picker"
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
-        className: hasSelectedDate ? 'has-selected-date' : 'without-selected-date',
-        "data-testid": "date-time-picker-portal-wrapper"
-      }, /*#__PURE__*/React__default['default'].createElement(dsDatePicker.DSDatePickerController, {
-        date: selectedDate,
-        displayFormatDay: displayFormatDay,
-        enableOutsideDays: enableOutsideDays,
-        firstDayOfWeek: firstDayOfWeek,
-        hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
-        isDayBlocked: isDayBlocked,
-        isDayHighlighted: isDayHighlighted,
-        isOutsideRange: isOutsideRange,
-        keepOpenOnDateSelect: keepOpenOnDateSelect,
-        numberOfMonths: numberOfMonths,
-        onClickEscape: handleClickEscape,
-        onClose: onClose,
-        onDateChange: handleDatePickerChange,
-        onNextMonthClick: onNextMonthClick,
-        onOutsideClick: function onOutsideClick(event) {
-          return handleOutsideClick(event);
-        },
-        onPrevMonthClick: onPrevMonthClick,
-        phrases: phrases,
-        transitionDuration: transitionDuration
-      })), /*#__PURE__*/React__default['default'].createElement(TimePickerWrapper, null, /*#__PURE__*/React__default['default'].createElement(TimePicker, _extends__default['default']({
-        disabled: disabled,
-        disabledTimes: disabledTimeRange,
-        format: format,
-        hasHeader: true,
-        hasHeaderDisplay: true,
-        onTimeChange: onTimeChange,
-        showSeconds: false,
-        minutesInterval: minutesInterval,
-        time: selectedDate
-      }, visiblePanels)))),
+        "data-testid": "date-time-picker",
+        children: [/*#__PURE__*/_jsx__default["default"]("div", {
+          className: hasSelectedDate ? 'has-selected-date' : 'without-selected-date',
+          "data-testid": "date-time-picker-portal-wrapper"
+        }, void 0, /*#__PURE__*/_jsx__default["default"](dsDatePicker.DSDatePickerController, {
+          date: selectedDate,
+          displayFormatDay: displayFormatDay,
+          enableOutsideDays: enableOutsideDays,
+          firstDayOfWeek: firstDayOfWeek,
+          hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
+          isDayBlocked: isDayBlocked,
+          isDayHighlighted: isDayHighlighted,
+          isOutsideRange: isOutsideRange,
+          keepOpenOnDateSelect: keepOpenOnDateSelect,
+          numberOfMonths: numberOfMonths,
+          onClickEscape: handleClickEscape,
+          onClose: onClose,
+          onDateChange: handleDatePickerChange,
+          onNextMonthClick: onNextMonthClick,
+          onOutsideClick: event => handleOutsideClick(event),
+          onPrevMonthClick: onPrevMonthClick,
+          phrases: phrases,
+          transitionDuration: transitionDuration
+        })), /*#__PURE__*/_jsx__default["default"](TimePickerWrapper, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(TimePicker, _objectSpread({
+          disabled: disabled,
+          disabledTimes: disabledTimeRange,
+          format: format,
+          hasHeader: true,
+          hasHeaderDisplay: true,
+          onTimeChange: onTimeChange,
+          showSeconds: false,
+          minutesInterval: minutesInterval,
+          time: selectedDate
+        }, visiblePanels)))]
+      }),
       onClick: handleOpen,
       readOnly: readOnly
     })
-  }, /*#__PURE__*/React__default['default'].createElement(dsForm.DSInput, {
-    customInputType: function customInputType(_ref2) {
-      var handleChange = _ref2.onChange,
-          restInputProps = _objectWithoutProperties__default['default'](_ref2, _excluded);
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInput, {
+    customInputType: _ref2 => {
+      let {
+        onChange: handleChange
+      } = _ref2,
+          restInputProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
-      return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
-        style: {
-          display: 'flex'
-        }
-      }, /*#__PURE__*/React__default['default'].createElement(dsForm.DateInputsV2Impl, _extends__default['default']({
-        disabled: disabled,
-        onChange: function onChange(input) {
-          return handleChange(input, 'date');
-        }
-      }, restInputProps, {
-        onDateChange: onDateInputDateChange,
-        yearMaxRange: currentYear + 100,
-        yearMinRange: currentYear - 100,
-        time: restInputProps.value && restInputProps.value.hour && restInputProps.value.isValid() ? restInputProps.value.format(formatDate) : restInputProps.value
-      }))), /*#__PURE__*/React__default['default'].createElement(dsForm.TimeInputImpl, _extends__default['default']({
-        disabled: disabled,
-        format: format,
-        onChange: function onChange(time) {
-          return handleChange(time, 'time');
-        }
-      }, restInputProps)));
+      return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/_jsx__default["default"]("div", {
+          style: {
+            display: 'flex'
+          }
+        }, void 0, /*#__PURE__*/jsxRuntime.jsx(dsForm.DateInputsV2Impl, _objectSpread(_objectSpread({
+          disabled: disabled,
+          onChange: input => handleChange(input, 'date')
+        }, restInputProps), {}, {
+          onDateChange: onDateInputDateChange,
+          yearMaxRange: currentYear + 100,
+          yearMinRange: currentYear - 100,
+          time: restInputProps.value && restInputProps.value.hour && restInputProps.value.isValid() ? restInputProps.value.format(formatDate) : restInputProps.value
+        }))), /*#__PURE__*/jsxRuntime.jsx(dsForm.TimeInputImpl, _objectSpread({
+          disabled: disabled,
+          format: format,
+          onChange: time => handleChange(time, 'time')
+        }, restInputProps))]
+      });
     },
     isShowElipsisActive: false,
     disabled: disabled,
@@ -338,4 +283,3 @@ var DSDateTimePickerImpl = function DSDateTimePickerImpl(_ref) {
 };
 
 module.exports = DSDateTimePickerImpl;
-//# sourceMappingURL=DateTimePickerImpl.js.map

package/cjs/index.js

@@ -3,23 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var DSDateTimePicker = require('./DSDateTimePicker.js');
-require('@babel/runtime/helpers/extends');
-require('react');
-require('react-desc');
-require('moment');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-date-picker');
-require('./components/DateTimePickerImpl.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-form');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-time-picker');
-require('./utils.js');
-require('./lang/english.js');
 
 
 
 exports.DateTimePickerWithSchema = DSDateTimePicker.DateTimePickerWithSchema;
-exports.default = DSDateTimePicker['default'];
-//# sourceMappingURL=index.js.map
+exports["default"] = DSDateTimePicker["default"];

package/cjs/lang/english.js

@@ -7,4 +7,3 @@ var english = {
 };
 
 module.exports = english;
-//# sourceMappingURL=english.js.map

package/cjs/utils.js

@@ -8,8 +8,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
-var updateDateAndTime = function updateDateAndTime(date, time) {
-  var splittedDate = moment__default['default']();
+const updateDateAndTime = (date, time) => {
+  const splittedDate = moment__default["default"]();
   splittedDate.month(date === null || date === void 0 ? void 0 : date.get('month'));
   splittedDate.year(date === null || date === void 0 ? void 0 : date.get('year'));
   splittedDate.date(date === null || date === void 0 ? void 0 : date.get('date'));
@@ -20,4 +20,3 @@ var updateDateAndTime = function updateDateAndTime(date, time) {
 };
 
 exports.updateDateAndTime = updateDateAndTime;
-//# sourceMappingURL=utils.js.map