@elliemae/ds-time-picker 2.0.0-next.7 → 2.0.0-rc.10

package/cjs/DSTimePicker.js

@@ -12,45 +12,48 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
-const DSTimePicker = ({
-  containerProps = {},
-  innerRef,
-  className = '',
-  disabled = false,
-  value = '',
-  format,
-  style = {},
-  onChange = () => null,
-  onOpen = () => null,
-  isOpen = undefined,
-  clearable = false,
-  hasHeader = true,
-  hasHeaderDisplay = false,
-  'aria-label': ariaLabel,
-  zIndex = 'auto',
-  placement = 'bottom',
-  disabledTimes,
-  minutesInterval = 1
-}) => /*#__PURE__*/jsxRuntime.jsx(TimePickerImpl, {
-  ref: innerRef,
-  "aria-label": ariaLabel,
-  className: className,
-  clearable: clearable,
-  containerProps: containerProps,
-  disabled: disabled,
-  format: format,
-  hasHeader: hasHeader,
-  hasHeaderDisplay: hasHeaderDisplay,
-  isOpen: isOpen,
-  onChange: onChange,
-  onOpen: onOpen,
-  placement: placement,
-  style: style,
-  value: value,
-  zIndex: zIndex,
-  minutesInterval: minutesInterval,
-  disabledTimes: disabledTimes
-});
+const DSTimePicker = _ref => {
+  let {
+    containerProps = {},
+    innerRef,
+    className = '',
+    disabled = false,
+    value = '',
+    format,
+    style = {},
+    onChange = () => null,
+    onOpen = () => null,
+    isOpen = undefined,
+    clearable = false,
+    hasHeader = true,
+    hasHeaderDisplay = false,
+    'aria-label': ariaLabel,
+    zIndex = 'auto',
+    placement = 'bottom',
+    disabledTimes,
+    minutesInterval = 1
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(TimePickerImpl, {
+    ref: innerRef,
+    "aria-label": ariaLabel,
+    className: className,
+    clearable: clearable,
+    containerProps: containerProps,
+    disabled: disabled,
+    format: format,
+    hasHeader: hasHeader,
+    hasHeaderDisplay: hasHeaderDisplay,
+    isOpen: isOpen,
+    onChange: onChange,
+    onOpen: onOpen,
+    placement: placement,
+    style: style,
+    value: value,
+    zIndex: zIndex,
+    minutesInterval: minutesInterval,
+    disabledTimes: disabledTimes
+  });
+};
 
 DSTimePicker.defaultProps = {
   format: 'hh:mm:ss A'

package/cjs/DSTimePickerMenu.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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 _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');

package/cjs/PickerPanel.js

@@ -1,14 +1,22 @@
 'use strict';
 
-var _jsx = require('@babel/runtime/helpers/jsx');
 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.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.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 lodash = require('lodash');
 var dsClassnames = require('@elliemae/ds-classnames');
 var memoizeOne = require('memoize-one');
-var ChevronSmallUp = require('@elliemae/ds-icons/ChevronSmallUp');
-var ChevronSmallDown = require('@elliemae/ds-icons/ChevronSmallDown');
+var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
 var moveElementOnScroll = require('./moveElementOnScroll.js');
 var utils = require('./utils.js');
@@ -16,12 +24,10 @@ var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
-var ChevronSmallUp__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallUp);
-var ChevronSmallDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallDown);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
 var _SelectedCircle, _ChevronSmallUp, _ChevronSmallDown;
@@ -30,27 +36,34 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (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 = 'time-picker-panel';
-const Container = dsClassnames.aggregatedClasses('div')(blockName, null, ({
-  scrolling
-}) => ({
-  scrolling
-}));
+const Container = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    scrolling
+  } = _ref;
+  return {
+    scrolling
+  };
+});
 const Wrapper = dsClassnames.aggregatedClasses('div')(blockName, 'wrapper');
 const PickerItemListContainer = dsClassnames.aggregatedClasses('div')(blockName, 'item-list-container');
 const PickerItemList = dsClassnames.aggregatedClasses('div')(blockName, 'item-list');
 const PickerHeader = dsClassnames.aggregatedClasses('div')(blockName, 'header');
-const PickerItemContainer = dsClassnames.aggregatedClasses('div')(blockName, 'item', ({
-  selected,
-  disabled
-}) => ({
-  selected,
-  disabled
-}));
+const PickerItemContainer = dsClassnames.aggregatedClasses('div')(blockName, 'item', _ref2 => {
+  let {
+    selected,
+    disabled
+  } = _ref2;
+  return {
+    selected,
+    disabled
+  };
+});
 const PickerSelectedOptionSelected = dsClassnames.aggregatedClasses('div')(blockName, 'selected-container');
 const SelectedCircle = dsClassnames.aggregatedClasses('div')(blockName, 'selected-circle');
 const ArrowButtonContainer = dsClassnames.aggregatedClasses('div')(blockName, 'arrow-container');
 
-const getOptionIndex = (options, selectedOption, valueProperty = 'value') => {
+const getOptionIndex = function (options, selectedOption) {
+  let valueProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'value';
   const index = options.findIndex(option => option[valueProperty] === selectedOption);
   return utils.validateIndex(index, options);
 };
@@ -64,8 +77,7 @@ const arrowProps = {
 class PickerPanel extends React.Component {
   constructor(props) {
     super(props);
-
-    _defineProperty__default["default"](this, "computeContainerTranslation", memoizeOne__default["default"](index => {
+    this.computeContainerTranslation = memoizeOne__default["default"](index => {
       const {
         options,
         valueProperty
@@ -78,14 +90,14 @@ class PickerPanel extends React.Component {
       const listYPosition = this.minYListPosition - selectedOptionIndex * this.optionHeight;
       if (this.scrollHandler && !scrolling) this.scrollHandler.updatePosition(listYPosition);
       return listYPosition;
-    }));
+    });
 
-    _defineProperty__default["default"](this, "renderHeader", () => {
+    this.renderHeader = () => {
       const {
         header
       } = this.props;
       return /*#__PURE__*/_jsx__default["default"](PickerHeader, {}, void 0, header);
-    });
+    };
 
     this.pickerListContainerRef = /*#__PURE__*/React__default["default"].createRef();
     this.pickerListRef = /*#__PURE__*/React__default["default"].createRef();
@@ -130,9 +142,10 @@ class PickerPanel extends React.Component {
     this.scrollHandler.unsubscribe();
   }
 
-  static getDerivedStateFromProps(nextProps, {
-    prevProps
-  }) {
+  static getDerivedStateFromProps(nextProps, _ref3) {
+    let {
+      prevProps
+    } = _ref3;
     const {
       selected,
       valueProperty,
@@ -311,7 +324,7 @@ class PickerPanel extends React.Component {
       "aria-label": "Chevron Up",
       "data-testid": "".concat(type, "-chevron-up"),
       disabled: activeIndex <= 0,
-      icon: _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx__default["default"](ChevronSmallUp__default["default"], {})),
+      icon: _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallUp, {})),
       onClick: this.handleStepMoveUp,
       tabIndex: -1
     }))), /*#__PURE__*/_jsx__default["default"](PickerItemListContainer, {
@@ -370,7 +383,7 @@ class PickerPanel extends React.Component {
       "aria-label": "Chevron Down",
       "data-testid": "".concat(type, "-chevron-down"),
       disabled: activeIndex >= options.length - 1,
-      icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](ChevronSmallDown__default["default"], {})),
+      icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})),
       onClick: this.handleStepMoveDown,
       tabIndex: -1
     })))));

package/cjs/TimePickerDropdown.js

@@ -2,50 +2,52 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var RecentDocuments = require('@elliemae/ds-icons/RecentDocuments');
+var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
 var DSPopper = require('@elliemae/ds-popper');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var RecentDocuments__default = /*#__PURE__*/_interopDefaultLegacy(RecentDocuments);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
 
 var _RecentDocuments;
 
-const TimePickerDropdown = ({
-  disabled = false,
-  onClick,
-  onOpen,
-  isOpen,
-  menu,
-  zIndex,
-  blockName,
-  placement
-}) => /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
-  blockName: blockName,
-  placement: placement,
-  contentComponent: menu,
-  isOpen: isOpen,
-  onOpen: onOpen,
-  modifiers: {
-    preventOverflow: {
-      enabled: true,
-      padding: 0,
-      boundariesElement: 'window'
-    }
-  },
-  showArrow: false,
-  triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-    buttonType: "secondary",
-    disabled: disabled,
-    icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx__default["default"](RecentDocuments__default["default"], {})),
-    iconSize: "s",
-    onClick: onClick
-  }),
-  zIndex: zIndex
-});
+const TimePickerDropdown = _ref => {
+  let {
+    disabled = false,
+    onClick,
+    onOpen,
+    isOpen,
+    menu,
+    zIndex,
+    blockName,
+    placement
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
+    blockName: blockName,
+    placement: placement,
+    contentComponent: menu,
+    isOpen: isOpen,
+    onOpen: onOpen,
+    modifiers: {
+      preventOverflow: {
+        enabled: true,
+        padding: 0,
+        boundariesElement: 'window'
+      }
+    },
+    showArrow: false,
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+      buttonType: "secondary",
+      disabled: disabled,
+      icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx__default["default"](dsIcons.RecentDocuments, {})),
+      iconSize: "s",
+      onClick: onClick
+    }),
+    zIndex: zIndex
+  });
+};
 
 module.exports = TimePickerDropdown;

package/cjs/TimePickerImpl.js

@@ -4,14 +4,17 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 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 memoizeOne = require('memoize-one');
-var timeUtils = require('@elliemae/ds-utilities/timeUtils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var dsClassnames = require('@elliemae/ds-classnames');
-var DSInputGroup = require('@elliemae/ds-form/InputGroup');
-var TimeInput = require('@elliemae/ds-form/TimeInput');
-var DSInput = require('@elliemae/ds-form/Input');
+var dsForm = require('@elliemae/ds-form');
 var TimePickerMenu = require('./TimePickerMenu.js');
 var TimePickerDropdown = require('./TimePickerDropdown.js');
 var utils = require('./utils.js');
@@ -24,8 +27,6 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
-var DSInputGroup__default = /*#__PURE__*/_interopDefaultLegacy(DSInputGroup);
-var DSInput__default = /*#__PURE__*/_interopDefaultLegacy(DSInput);
 
 const _excluded = ["onChange"];
 
@@ -33,27 +34,31 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (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 = 'time-picker';
-const TimePickerContainer = dsClassnames.aggregatedClasses(DSInputGroup__default["default"])(blockName, null, ({
-  isMenuOpened
-}) => ({
-  isMenuOpened
-}));
-
-const TimePickerImpl = ({
-  value,
-  onChange,
-  onOpen,
-  format,
-  disabled,
-  hasHeader,
-  hasHeaderDisplay,
-  className,
-  containerProps,
-  placement,
-  zIndex,
-  disabledTimes,
-  minutesInterval
-}) => {
+const TimePickerContainer = dsClassnames.aggregatedClasses(dsForm.DSInputGroup)(blockName, null, _ref => {
+  let {
+    isMenuOpened
+  } = _ref;
+  return {
+    isMenuOpened
+  };
+});
+
+const TimePickerImpl = _ref2 => {
+  let {
+    value,
+    onChange,
+    onOpen,
+    format,
+    disabled,
+    hasHeader,
+    hasHeaderDisplay,
+    className,
+    containerProps,
+    placement,
+    zIndex,
+    disabledTimes,
+    minutesInterval
+  } = _ref2;
   const [time, setTime] = React.useState();
   const [isMenuOpened, setIsMenuOpened] = React.useState(false);
   const [focusedColumn, setFocusedColumn] = React.useState(null);
@@ -110,7 +115,7 @@ const TimePickerImpl = ({
     if (!isOpen) setFocusedColumn(null);
   };
 
-  const getVisibleTimePanels = memoizeOne__default["default"](format => timeUtils.getVisibleTimeByFormat(format));
+  const getVisibleTimePanels = memoizeOne__default["default"](format => dsUtilities.getVisibleTimeByFormat(format));
   const timePickerBlockName = dsClassnames.convertPropToCssClassName(blockName);
   const visiblePanels = getVisibleTimePanels(format);
   const disabledTimeRange = disabledTimes && {
@@ -146,14 +151,14 @@ const TimePickerImpl = ({
         }, visiblePanels))
       })
     })
-  }, void 0, /*#__PURE__*/_jsx__default["default"](DSInput__default["default"], {
-    customInputType: _ref => {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInput, {
+    customInputType: _ref3 => {
       let {
         onChange: handleChange
-      } = _ref,
-          restInputProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+      } = _ref3,
+          restInputProps = _objectWithoutProperties__default["default"](_ref3, _excluded);
 
-      return /*#__PURE__*/jsxRuntime.jsx(TimeInput.TimeInputImpl, _objectSpread({
+      return /*#__PURE__*/jsxRuntime.jsx(dsForm.TimeInputImpl, _objectSpread({
         clearable: true,
         disabled: disabled,
         format: format,

package/cjs/TimePickerMenu.js

@@ -2,20 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.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 utils$1 = require('@elliemae/ds-utilities/utils');
 var dsClassnames = require('@elliemae/ds-classnames');
 var moment = require('moment');
-var timeUtils = require('@elliemae/ds-utilities/timeUtils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var utils = require('./utils.js');
 var PickerPanel = require('./PickerPanel.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
 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; }
@@ -35,12 +41,12 @@ class TimePickerMenu extends React.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty__default["default"](this, "renderHeader", () => {
+    this.renderHeader = () => {
       const {
         time
       } = this.state;
       return /*#__PURE__*/_jsx__default["default"](TimePickerHeader, {}, void 0, time.format('hh:mma'));
-    });
+    };
 
     this.state = {
       time: moment__default["default"](props.time || '', props.format) || moment__default["default"]()
@@ -158,8 +164,8 @@ class TimePickerMenu extends React.Component {
 
     const meridiem = hour >= 12 ? 'PM' : 'AM';
     const withLeadingZeros = format.indexOf('hh') > -1;
-    const rangeHours = use12Hours ? utils$1.range(1, 13) : utils$1.range(24);
-    const hoursOptions = rangeHours.map(generateOption(withLeadingZeros && timeUtils.addLeadingZeros(2)));
+    const rangeHours = use12Hours ? dsUtilities.range(1, 13) : dsUtilities.range(24);
+    const hoursOptions = rangeHours.map(generateOption(withLeadingZeros && dsUtilities.addLeadingZeros(2)));
     return /*#__PURE__*/_jsx__default["default"](PickerPanel, {
       type: "hour",
       time: time,
@@ -186,7 +192,7 @@ class TimePickerMenu extends React.Component {
     } = this.props;
     if (!showMinutes) return null;
     const withLeadingZeros = format.indexOf('mm') > -1;
-    const rangeMinutes = utils$1.range(0, 60, minutesInterval).map(generateOption(withLeadingZeros && timeUtils.addLeadingZeros(2)));
+    const rangeMinutes = dsUtilities.range(0, 60, minutesInterval).map(generateOption(withLeadingZeros && dsUtilities.addLeadingZeros(2)));
     let selectedMinute = time.minute();
     const selectedHour = time.hour();
 
@@ -230,7 +236,7 @@ class TimePickerMenu extends React.Component {
     } = this.props;
     if (!showSeconds) return null;
     const withLeadingZeros = format.indexOf('ss') > -1;
-    const rangeSeconds = utils$1.range(60).map(generateOption(withLeadingZeros && timeUtils.addLeadingZeros(2)));
+    const rangeSeconds = dsUtilities.range(60).map(generateOption(withLeadingZeros && dsUtilities.addLeadingZeros(2)));
     return /*#__PURE__*/_jsx__default["default"](PickerPanel, {
       type: "seconds",
       hasHeader: hasHeader,

package/cjs/moveElementOnScroll.js

@@ -2,15 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function MoveElementOnScroll(element, {
-  container,
-  min = 0,
-  max = element.offsetHeight,
-  speed = 1,
-  smooth = 2,
-  onUpdate = () => null,
-  onEndScroll = () => null
-}) {
+function MoveElementOnScroll(element, _ref) {
+  let {
+    container,
+    min = 0,
+    max = element.offsetHeight,
+    speed = 1,
+    smooth = 2,
+    onUpdate = () => null,
+    onEndScroll = () => null
+  } = _ref;
   let moving = false;
   let pos = min;
   let lastPos = pos; // todo: move this to utils if we finally need it

package/cjs/utils.js

@@ -7,7 +7,8 @@ const validateIndex = (index, options) => {
   if (index >= options.length) return options.length - 1;
   return index;
 };
-const getOptionIndex = (options, selectedOption, valueProperty = 'value') => {
+const getOptionIndex = function (options, selectedOption) {
+  let valueProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'value';
   const index = options.findIndex(option => option[valueProperty] === selectedOption);
   return validateIndex(index, options);
 };

package/esm/DSTimePicker.js

@@ -4,45 +4,48 @@ import moment from 'moment';
 import TimePickerImpl from './TimePickerImpl.js';
 import { jsx } from 'react/jsx-runtime';
 
-const DSTimePicker = ({
-  containerProps = {},
-  innerRef,
-  className = '',
-  disabled = false,
-  value = '',
-  format,
-  style = {},
-  onChange = () => null,
-  onOpen = () => null,
-  isOpen = undefined,
-  clearable = false,
-  hasHeader = true,
-  hasHeaderDisplay = false,
-  'aria-label': ariaLabel,
-  zIndex = 'auto',
-  placement = 'bottom',
-  disabledTimes,
-  minutesInterval = 1
-}) => /*#__PURE__*/jsx(TimePickerImpl, {
-  ref: innerRef,
-  "aria-label": ariaLabel,
-  className: className,
-  clearable: clearable,
-  containerProps: containerProps,
-  disabled: disabled,
-  format: format,
-  hasHeader: hasHeader,
-  hasHeaderDisplay: hasHeaderDisplay,
-  isOpen: isOpen,
-  onChange: onChange,
-  onOpen: onOpen,
-  placement: placement,
-  style: style,
-  value: value,
-  zIndex: zIndex,
-  minutesInterval: minutesInterval,
-  disabledTimes: disabledTimes
-});
+const DSTimePicker = _ref => {
+  let {
+    containerProps = {},
+    innerRef,
+    className = '',
+    disabled = false,
+    value = '',
+    format,
+    style = {},
+    onChange = () => null,
+    onOpen = () => null,
+    isOpen = undefined,
+    clearable = false,
+    hasHeader = true,
+    hasHeaderDisplay = false,
+    'aria-label': ariaLabel,
+    zIndex = 'auto',
+    placement = 'bottom',
+    disabledTimes,
+    minutesInterval = 1
+  } = _ref;
+  return /*#__PURE__*/jsx(TimePickerImpl, {
+    ref: innerRef,
+    "aria-label": ariaLabel,
+    className: className,
+    clearable: clearable,
+    containerProps: containerProps,
+    disabled: disabled,
+    format: format,
+    hasHeader: hasHeader,
+    hasHeaderDisplay: hasHeaderDisplay,
+    isOpen: isOpen,
+    onChange: onChange,
+    onOpen: onOpen,
+    placement: placement,
+    style: style,
+    value: value,
+    zIndex: zIndex,
+    minutesInterval: minutesInterval,
+    disabledTimes: disabledTimes
+  });
+};
 
 DSTimePicker.defaultProps = {
   format: 'hh:mm:ss A'

package/esm/DSTimePickerMenu.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';

package/esm/PickerPanel.js

@@ -1,12 +1,20 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import React, { Component } from 'react';
 import { findIndex } from 'lodash';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import memoizeOne from 'memoize-one';
-import ChevronSmallUp from '@elliemae/ds-icons/ChevronSmallUp';
-import ChevronSmallDown from '@elliemae/ds-icons/ChevronSmallDown';
+import { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import { MoveElementOnScroll } from './moveElementOnScroll.js';
 import { validateIndex } from './utils.js';
@@ -18,27 +26,34 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (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(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 = 'time-picker-panel';
-const Container = aggregatedClasses('div')(blockName, null, ({
-  scrolling
-}) => ({
-  scrolling
-}));
+const Container = aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    scrolling
+  } = _ref;
+  return {
+    scrolling
+  };
+});
 const Wrapper = aggregatedClasses('div')(blockName, 'wrapper');
 const PickerItemListContainer = aggregatedClasses('div')(blockName, 'item-list-container');
 const PickerItemList = aggregatedClasses('div')(blockName, 'item-list');
 const PickerHeader = aggregatedClasses('div')(blockName, 'header');
-const PickerItemContainer = aggregatedClasses('div')(blockName, 'item', ({
-  selected,
-  disabled
-}) => ({
-  selected,
-  disabled
-}));
+const PickerItemContainer = aggregatedClasses('div')(blockName, 'item', _ref2 => {
+  let {
+    selected,
+    disabled
+  } = _ref2;
+  return {
+    selected,
+    disabled
+  };
+});
 const PickerSelectedOptionSelected = aggregatedClasses('div')(blockName, 'selected-container');
 const SelectedCircle = aggregatedClasses('div')(blockName, 'selected-circle');
 const ArrowButtonContainer = aggregatedClasses('div')(blockName, 'arrow-container');
 
-const getOptionIndex = (options, selectedOption, valueProperty = 'value') => {
+const getOptionIndex = function (options, selectedOption) {
+  let valueProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'value';
   const index = options.findIndex(option => option[valueProperty] === selectedOption);
   return validateIndex(index, options);
 };
@@ -52,8 +67,7 @@ const arrowProps = {
 class PickerPanel extends Component {
   constructor(props) {
     super(props);
-
-    _defineProperty(this, "computeContainerTranslation", memoizeOne(index => {
+    this.computeContainerTranslation = memoizeOne(index => {
       const {
         options,
         valueProperty
@@ -66,14 +80,14 @@ class PickerPanel extends Component {
       const listYPosition = this.minYListPosition - selectedOptionIndex * this.optionHeight;
       if (this.scrollHandler && !scrolling) this.scrollHandler.updatePosition(listYPosition);
       return listYPosition;
-    }));
+    });
 
-    _defineProperty(this, "renderHeader", () => {
+    this.renderHeader = () => {
       const {
         header
       } = this.props;
       return /*#__PURE__*/_jsx(PickerHeader, {}, void 0, header);
-    });
+    };
 
     this.pickerListContainerRef = /*#__PURE__*/React.createRef();
     this.pickerListRef = /*#__PURE__*/React.createRef();
@@ -118,9 +132,10 @@ class PickerPanel extends Component {
     this.scrollHandler.unsubscribe();
   }
 
-  static getDerivedStateFromProps(nextProps, {
-    prevProps
-  }) {
+  static getDerivedStateFromProps(nextProps, _ref3) {
+    let {
+      prevProps
+    } = _ref3;
     const {
       selected,
       valueProperty,

package/esm/TimePickerDropdown.js

@@ -1,42 +1,45 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
-import RecentDocuments from '@elliemae/ds-icons/RecentDocuments';
+import { RecentDocuments } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import DSPopper from '@elliemae/ds-popper';
 
 var _RecentDocuments;
 
-const TimePickerDropdown = ({
-  disabled = false,
-  onClick,
-  onOpen,
-  isOpen,
-  menu,
-  zIndex,
-  blockName,
-  placement
-}) => /*#__PURE__*/_jsx(DSPopper, {
-  blockName: blockName,
-  placement: placement,
-  contentComponent: menu,
-  isOpen: isOpen,
-  onOpen: onOpen,
-  modifiers: {
-    preventOverflow: {
-      enabled: true,
-      padding: 0,
-      boundariesElement: 'window'
-    }
-  },
-  showArrow: false,
-  triggerComponent: /*#__PURE__*/_jsx(DSButton, {
-    buttonType: "secondary",
-    disabled: disabled,
-    icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx(RecentDocuments, {})),
-    iconSize: "s",
-    onClick: onClick
-  }),
-  zIndex: zIndex
-});
+const TimePickerDropdown = _ref => {
+  let {
+    disabled = false,
+    onClick,
+    onOpen,
+    isOpen,
+    menu,
+    zIndex,
+    blockName,
+    placement
+  } = _ref;
+  return /*#__PURE__*/_jsx(DSPopper, {
+    blockName: blockName,
+    placement: placement,
+    contentComponent: menu,
+    isOpen: isOpen,
+    onOpen: onOpen,
+    modifiers: {
+      preventOverflow: {
+        enabled: true,
+        padding: 0,
+        boundariesElement: 'window'
+      }
+    },
+    showArrow: false,
+    triggerComponent: /*#__PURE__*/_jsx(DSButton, {
+      buttonType: "secondary",
+      disabled: disabled,
+      icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx(RecentDocuments, {})),
+      iconSize: "s",
+      onClick: onClick
+    }),
+    zIndex: zIndex
+  });
+};
 
 export { TimePickerDropdown as default };

package/esm/TimePickerImpl.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
@@ -5,11 +10,9 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useRef, useEffect } from 'react';
 import moment from 'moment';
 import memoizeOne from 'memoize-one';
-import { getVisibleTimeByFormat } from '@elliemae/ds-utilities/timeUtils';
+import { getVisibleTimeByFormat } from '@elliemae/ds-utilities';
 import { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';
-import DSInputGroup from '@elliemae/ds-form/InputGroup';
-import { TimeInputImpl } from '@elliemae/ds-form/TimeInput';
-import DSInput from '@elliemae/ds-form/Input';
+import { DSInputGroup, DSInput, TimeInputImpl } from '@elliemae/ds-form';
 import { TimePickerMenu } from './TimePickerMenu.js';
 import TimePickerDropdown from './TimePickerDropdown.js';
 import { convertTimeString } from './utils.js';
@@ -21,27 +24,31 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (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(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 = 'time-picker';
-const TimePickerContainer = aggregatedClasses(DSInputGroup)(blockName, null, ({
-  isMenuOpened
-}) => ({
-  isMenuOpened
-}));
+const TimePickerContainer = aggregatedClasses(DSInputGroup)(blockName, null, _ref => {
+  let {
+    isMenuOpened
+  } = _ref;
+  return {
+    isMenuOpened
+  };
+});
 
-const TimePickerImpl = ({
-  value,
-  onChange,
-  onOpen,
-  format,
-  disabled,
-  hasHeader,
-  hasHeaderDisplay,
-  className,
-  containerProps,
-  placement,
-  zIndex,
-  disabledTimes,
-  minutesInterval
-}) => {
+const TimePickerImpl = _ref2 => {
+  let {
+    value,
+    onChange,
+    onOpen,
+    format,
+    disabled,
+    hasHeader,
+    hasHeaderDisplay,
+    className,
+    containerProps,
+    placement,
+    zIndex,
+    disabledTimes,
+    minutesInterval
+  } = _ref2;
   const [time, setTime] = useState();
   const [isMenuOpened, setIsMenuOpened] = useState(false);
   const [focusedColumn, setFocusedColumn] = useState(null);
@@ -135,11 +142,11 @@ const TimePickerImpl = ({
       })
     })
   }, void 0, /*#__PURE__*/_jsx(DSInput, {
-    customInputType: _ref => {
+    customInputType: _ref3 => {
       let {
         onChange: handleChange
-      } = _ref,
-          restInputProps = _objectWithoutProperties(_ref, _excluded);
+      } = _ref3,
+          restInputProps = _objectWithoutProperties(_ref3, _excluded);
 
       return /*#__PURE__*/jsx(TimeInputImpl, _objectSpread({
         clearable: true,

package/esm/TimePickerMenu.js

@@ -1,10 +1,16 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import { Component } from 'react';
-import { range } from '@elliemae/ds-utilities/utils';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import moment from 'moment';
-import { addLeadingZeros } from '@elliemae/ds-utilities/timeUtils';
+import { range, addLeadingZeros } from '@elliemae/ds-utilities';
 import { isAM } from './utils.js';
 import PickerPanel from './PickerPanel.js';
 
@@ -25,12 +31,12 @@ class TimePickerMenu extends Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "renderHeader", () => {
+    this.renderHeader = () => {
       const {
         time
       } = this.state;
       return /*#__PURE__*/_jsx(TimePickerHeader, {}, void 0, time.format('hh:mma'));
-    });
+    };
 
     this.state = {
       time: moment(props.time || '', props.format) || moment()

package/esm/moveElementOnScroll.js

@@ -1,12 +1,13 @@
-function MoveElementOnScroll(element, {
-  container,
-  min = 0,
-  max = element.offsetHeight,
-  speed = 1,
-  smooth = 2,
-  onUpdate = () => null,
-  onEndScroll = () => null
-}) {
+function MoveElementOnScroll(element, _ref) {
+  let {
+    container,
+    min = 0,
+    max = element.offsetHeight,
+    speed = 1,
+    smooth = 2,
+    onUpdate = () => null,
+    onEndScroll = () => null
+  } = _ref;
   let moving = false;
   let pos = min;
   let lastPos = pos; // todo: move this to utils if we finally need it

package/esm/utils.js

@@ -3,7 +3,8 @@ const validateIndex = (index, options) => {
   if (index >= options.length) return options.length - 1;
   return index;
 };
-const getOptionIndex = (options, selectedOption, valueProperty = 'value') => {
+const getOptionIndex = function (options, selectedOption) {
+  let valueProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'value';
   const index = options.findIndex(option => option[valueProperty] === selectedOption);
   return validateIndex(index, options);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-time-picker",
-  "version": "2.0.0-next.7",
+  "version": "2.0.0-rc.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Time Picker",
   "module": "./esm/index.js",
@@ -64,25 +64,25 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.0.0-next.7",
-    "@elliemae/ds-classnames": "2.0.0-next.7",
-    "@elliemae/ds-form": "2.0.0-next.7",
-    "@elliemae/ds-icons": "2.0.0-next.7",
-    "@elliemae/ds-popper": "2.0.0-next.7",
-    "@elliemae/ds-utilities": "2.0.0-next.7",
+    "@elliemae/ds-button": "2.0.0-rc.10",
+    "@elliemae/ds-classnames": "2.0.0-rc.10",
+    "@elliemae/ds-form": "2.0.0-rc.10",
+    "@elliemae/ds-icons": "2.0.0-rc.10",
+    "@elliemae/ds-popper": "2.0.0-rc.10",
+    "@elliemae/ds-utilities": "2.0.0-rc.10",
     "memoize-one": "~5.1.1",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "styled-components": "~5.3.1"
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.1"
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",

package/types/DSTimePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare const DSTimePicker: {
     ({ containerProps, innerRef, className, disabled, value, format, style, onChange, onOpen, isOpen, clearable, hasHeader, hasHeaderDisplay, "aria-label": ariaLabel, zIndex, placement, disabledTimes, minutesInterval, }: {
@@ -25,43 +26,157 @@ declare const DSTimePicker: {
     };
     propTypes: {
         /** a11y label */
-        'aria-label': any;
+        'aria-label': {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** inject props to time picker wrapper */
-        containerProps: any;
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Whether the time picker is disabled or not */
-        disabled: any;
+        disabled: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Time picker value */
-        value: any;
+        value: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Time format (hh:mm:ss, H:m:s) */
-        format: any;
+        format: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** toggle header style */
-        hasHeader: any;
+        hasHeader: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** toggle header display */
-        hasHeaderDisplay: any;
+        hasHeaderDisplay: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Handler when time picker value changes */
-        onChange: any;
+        onChange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Handler when the time picker menu opens */
-        onOpen: any;
+        onOpen: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Whether the time picker menu is opened or not */
-        isOpen: any;
+        isOpen: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** ref for time picker input */
-        innerRef: any;
+        innerRef: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Enable to clear the time picker value */
-        clearable: any;
+        clearable: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** class for time picker */
-        className: any;
+        className: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** style object */
-        style: any;
+        style: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** z index for menu */
-        zIndex: any;
+        zIndex: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** DSPopper placement */
-        placement: any;
+        placement: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** disabled time */
-        disabledTimes: any;
+        disabledTimes: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** steps for the picker */
-        minutesInterval: any;
+        minutesInterval: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const DSTimePickerWithSchema: any;
+declare const DSTimePickerWithSchema: {
+    (props?: {
+        containerProps?: {} | undefined;
+        innerRef: any;
+        className?: string | undefined;
+        disabled?: boolean | undefined;
+        value?: string | undefined;
+        format: any;
+        style?: {} | undefined;
+        onChange?: (() => null) | undefined;
+        onOpen?: (() => null) | undefined;
+        isOpen?: undefined;
+        clearable?: boolean | undefined;
+        hasHeader?: boolean | undefined;
+        hasHeaderDisplay?: boolean | undefined;
+        "aria-label": any;
+        zIndex?: string | undefined;
+        placement?: string | undefined;
+        disabledTimes: any;
+        minutesInterval?: number | undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    /** toggle header display */
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSTimePicker, DSTimePickerWithSchema };
 export default DSTimePicker;

package/types/TimePickerDropdown.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import PropTypes from 'prop-types';
 declare const TimePickerDropdown: {
-    ({ disabled, onClick, onOpen, isOpen, menu, zIndex, blockName, placement, }: {
+    ({ disabled, onClick, onOpen, isOpen, menu, zIndex, blockName, placement }: {
         disabled?: boolean | undefined;
         onClick: any;
         onOpen: any;