@elliemae/ds-time-picker 3.1.0-next.2 → 3.1.0-next.5

package/dist/cjs/DSTimePicker.js

@@ -27,7 +27,7 @@ __export(DSTimePicker_exports, {
 module.exports = __toCommonJS(DSTimePicker_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_moment = __toESM(require("moment"));
 var import_TimePickerImpl = __toESM(require("./TimePickerImpl"));
 const DSTimePicker = ({
@@ -73,28 +73,28 @@ DSTimePicker.defaultProps = {
   format: "hh:mm:ss A"
 };
 const props = {
-  "aria-label": import_react_desc.PropTypes.string.description("a11y label"),
-  containerProps: import_react_desc.PropTypes.object.description("inject props to time picker wrapper"),
-  disabled: import_react_desc.PropTypes.bool.description("Whether the time picker is disabled or not"),
-  value: import_react_desc.PropTypes.instanceOf(import_moment.default).description("Time picker value"),
-  format: import_react_desc.PropTypes.string.description("Time format (hh:mm:ss, H:m:s)"),
-  hasHeader: import_react_desc.PropTypes.bool.description("toggle header style"),
-  hasHeaderDisplay: import_react_desc.PropTypes.bool.description("toggle header display"),
-  onChange: import_react_desc.PropTypes.func.description("Handler when time picker value changes"),
-  onOpen: import_react_desc.PropTypes.func.description("Handler when the time picker menu opens"),
-  isOpen: import_react_desc.PropTypes.bool.description("Whether the time picker menu is opened or not"),
-  innerRef: import_react_desc.PropTypes.func.description("ref for time picker input"),
-  clearable: import_react_desc.PropTypes.bool.description("Enable to clear the time picker value"),
-  className: import_react_desc.PropTypes.string.description("class for time picker"),
-  style: import_react_desc.PropTypes.object.description("style object"),
-  zIndex: import_react_desc.PropTypes.number.description("z index for menu"),
-  placement: import_react_desc.PropTypes.string.description("DSPopper placement"),
-  disabledTimes: import_react_desc.PropTypes.object.description("disabled time"),
-  minutesInterval: import_react_desc.PropTypes.number.description("steps for the picker")
+  "aria-label": import_ds_utilities.PropTypes.string.description("a11y label"),
+  containerProps: import_ds_utilities.PropTypes.object.description("inject props to time picker wrapper"),
+  disabled: import_ds_utilities.PropTypes.bool.description("Whether the time picker is disabled or not"),
+  value: import_ds_utilities.PropTypes.instanceOf(import_moment.default).description("Time picker value"),
+  format: import_ds_utilities.PropTypes.string.description("Time format (hh:mm:ss, H:m:s)"),
+  hasHeader: import_ds_utilities.PropTypes.bool.description("toggle header style"),
+  hasHeaderDisplay: import_ds_utilities.PropTypes.bool.description("toggle header display"),
+  onChange: import_ds_utilities.PropTypes.func.description("Handler when time picker value changes"),
+  onOpen: import_ds_utilities.PropTypes.func.description("Handler when the time picker menu opens"),
+  isOpen: import_ds_utilities.PropTypes.bool.description("Whether the time picker menu is opened or not"),
+  innerRef: import_ds_utilities.PropTypes.func.description("ref for time picker input"),
+  clearable: import_ds_utilities.PropTypes.bool.description("Enable to clear the time picker value"),
+  className: import_ds_utilities.PropTypes.string.description("class for time picker"),
+  style: import_ds_utilities.PropTypes.object.description("style object"),
+  zIndex: import_ds_utilities.PropTypes.number.description("z index for menu"),
+  placement: import_ds_utilities.PropTypes.string.description("DSPopper placement"),
+  disabledTimes: import_ds_utilities.PropTypes.object.description("disabled time"),
+  minutesInterval: import_ds_utilities.PropTypes.number.description("steps for the picker")
 };
 DSTimePicker.propTypes = props;
 DSTimePicker.displayName = "DSTimePicker";
-const DSTimePickerWithSchema = (0, import_react_desc.describe)(DSTimePicker);
+const DSTimePickerWithSchema = (0, import_ds_utilities.describe)(DSTimePicker);
 DSTimePickerWithSchema.propTypes = props;
 var DSTimePicker_default = DSTimePicker;
 //# sourceMappingURL=DSTimePicker.js.map

package/dist/cjs/DSTimePicker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSTimePicker.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport Moment from 'moment';\nimport TimePickerImpl from './TimePickerImpl';\n\nconst DSTimePicker = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  disabled = false,\n  value = '',\n  format,\n  style = {},\n  onChange = () => null,\n  onOpen = () => null,\n  isOpen = undefined,\n  clearable = false,\n  hasHeader = true,\n  hasHeaderDisplay = false,\n  'aria-label': ariaLabel,\n  zIndex = 'auto',\n  placement = 'bottom',\n  disabledTimes,\n  minutesInterval = 1,\n}) => (\n  <TimePickerImpl\n    ref={innerRef}\n    aria-label={ariaLabel}\n    className={className}\n    clearable={clearable}\n    containerProps={containerProps}\n    disabled={disabled}\n    format={format}\n    hasHeader={hasHeader}\n    hasHeaderDisplay={hasHeaderDisplay}\n    isOpen={isOpen}\n    onChange={onChange}\n    onOpen={onOpen}\n    placement={placement}\n    style={style}\n    value={value}\n    zIndex={zIndex}\n    minutesInterval={minutesInterval}\n    disabledTimes={disabledTimes}\n  />\n);\n\nDSTimePicker.defaultProps = {\n  format: 'hh:mm:ss A',\n};\n\nconst props = {\n  /** a11y label */\n  'aria-label': PropTypes.string.description('a11y label'),\n  /** inject props to time picker wrapper */\n  containerProps: PropTypes.object.description(\n    'inject props to time picker wrapper',\n  ),\n  /** Whether the time picker is disabled or not */\n  disabled: PropTypes.bool.description(\n    'Whether the time picker is disabled or not',\n  ),\n  /** Time picker value */\n  value: PropTypes.instanceOf(Moment).description('Time picker value'),\n  /** Time format (hh:mm:ss, H:m:s) */\n  format: PropTypes.string.description('Time format (hh:mm:ss, H:m:s)'),\n  /** toggle header style */\n  hasHeader: PropTypes.bool.description('toggle header style'),\n  /** toggle header display */\n  hasHeaderDisplay: PropTypes.bool.description('toggle header display'),\n  /** Handler when time picker value changes */\n  onChange: PropTypes.func.description(\n    'Handler when time picker value changes',\n  ),\n  /** Handler when the time picker menu opens */\n  onOpen: PropTypes.func.description('Handler when the time picker menu opens'),\n  /** Whether the time picker menu is opened or not */\n  isOpen: PropTypes.bool.description(\n    'Whether the time picker menu is opened or not',\n  ),\n  /** ref for time picker input */\n  innerRef: PropTypes.func.description('ref for time picker input'),\n  /** Enable to clear the time picker value */\n  clearable: PropTypes.bool.description(\n    'Enable to clear the time picker value',\n  ),\n  /** class for time picker */\n  className: PropTypes.string.description('class for time picker'),\n  /** style object */\n  style: PropTypes.object.description('style object'),\n  /** z index for menu */\n  zIndex: PropTypes.number.description('z index for menu'),\n  /** DSPopper placement */\n  placement: PropTypes.string.description('DSPopper placement'),\n  /** disabled time */\n  disabledTimes: PropTypes.object.description('disabled time'),\n  /** steps for the picker */\n  minutesInterval: PropTypes.number.description('steps for the picker'),\n};\n\nDSTimePicker.propTypes = props;\nDSTimePicker.displayName = 'DSTimePicker';\nconst DSTimePickerWithSchema = describe(DSTimePicker);\nDSTimePickerWithSchema.propTypes = props;\n\nexport { DSTimePicker, DSTimePickerWithSchema };\nexport default DSTimePicker;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,oBAAmB;AACnB,4BAA2B;AAE3B,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EACjB,SAAS,MAAM;AAAA,EACf,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA,kBAAkB;AAAA,MAElB,mDAAC;AAAA,EACC,KAAK;AAAA,EACL,cAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF;AAGF,aAAa,eAAe;AAAA,EAC1B,QAAQ;AACV;AAEA,MAAM,QAAQ;AAAA,EAEZ,cAAc,4BAAU,OAAO,YAAY,YAAY;AAAA,EAEvD,gBAAgB,4BAAU,OAAO,YAC/B,qCACF;AAAA,EAEA,UAAU,4BAAU,KAAK,YACvB,4CACF;AAAA,EAEA,OAAO,4BAAU,WAAW,qBAAM,EAAE,YAAY,mBAAmB;AAAA,EAEnE,QAAQ,4BAAU,OAAO,YAAY,+BAA+B;AAAA,EAEpE,WAAW,4BAAU,KAAK,YAAY,qBAAqB;AAAA,EAE3D,kBAAkB,4BAAU,KAAK,YAAY,uBAAuB;AAAA,EAEpE,UAAU,4BAAU,KAAK,YACvB,wCACF;AAAA,EAEA,QAAQ,4BAAU,KAAK,YAAY,yCAAyC;AAAA,EAE5E,QAAQ,4BAAU,KAAK,YACrB,+CACF;AAAA,EAEA,UAAU,4BAAU,KAAK,YAAY,2BAA2B;AAAA,EAEhE,WAAW,4BAAU,KAAK,YACxB,uCACF;AAAA,EAEA,WAAW,4BAAU,OAAO,YAAY,uBAAuB;AAAA,EAE/D,OAAO,4BAAU,OAAO,YAAY,cAAc;AAAA,EAElD,QAAQ,4BAAU,OAAO,YAAY,kBAAkB;AAAA,EAEvD,WAAW,4BAAU,OAAO,YAAY,oBAAoB;AAAA,EAE5D,eAAe,4BAAU,OAAO,YAAY,eAAe;AAAA,EAE3D,iBAAiB,4BAAU,OAAO,YAAY,sBAAsB;AACtE;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,gCAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport Moment from 'moment';\nimport TimePickerImpl from './TimePickerImpl';\n\nconst DSTimePicker = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  disabled = false,\n  value = '',\n  format,\n  style = {},\n  onChange = () => null,\n  onOpen = () => null,\n  isOpen = undefined,\n  clearable = false,\n  hasHeader = true,\n  hasHeaderDisplay = false,\n  'aria-label': ariaLabel,\n  zIndex = 'auto',\n  placement = 'bottom',\n  disabledTimes,\n  minutesInterval = 1,\n}) => (\n  <TimePickerImpl\n    ref={innerRef}\n    aria-label={ariaLabel}\n    className={className}\n    clearable={clearable}\n    containerProps={containerProps}\n    disabled={disabled}\n    format={format}\n    hasHeader={hasHeader}\n    hasHeaderDisplay={hasHeaderDisplay}\n    isOpen={isOpen}\n    onChange={onChange}\n    onOpen={onOpen}\n    placement={placement}\n    style={style}\n    value={value}\n    zIndex={zIndex}\n    minutesInterval={minutesInterval}\n    disabledTimes={disabledTimes}\n  />\n);\n\nDSTimePicker.defaultProps = {\n  format: 'hh:mm:ss A',\n};\n\nconst props = {\n  /** a11y label */\n  'aria-label': PropTypes.string.description('a11y label'),\n  /** inject props to time picker wrapper */\n  containerProps: PropTypes.object.description(\n    'inject props to time picker wrapper',\n  ),\n  /** Whether the time picker is disabled or not */\n  disabled: PropTypes.bool.description(\n    'Whether the time picker is disabled or not',\n  ),\n  /** Time picker value */\n  value: PropTypes.instanceOf(Moment).description('Time picker value'),\n  /** Time format (hh:mm:ss, H:m:s) */\n  format: PropTypes.string.description('Time format (hh:mm:ss, H:m:s)'),\n  /** toggle header style */\n  hasHeader: PropTypes.bool.description('toggle header style'),\n  /** toggle header display */\n  hasHeaderDisplay: PropTypes.bool.description('toggle header display'),\n  /** Handler when time picker value changes */\n  onChange: PropTypes.func.description(\n    'Handler when time picker value changes',\n  ),\n  /** Handler when the time picker menu opens */\n  onOpen: PropTypes.func.description('Handler when the time picker menu opens'),\n  /** Whether the time picker menu is opened or not */\n  isOpen: PropTypes.bool.description(\n    'Whether the time picker menu is opened or not',\n  ),\n  /** ref for time picker input */\n  innerRef: PropTypes.func.description('ref for time picker input'),\n  /** Enable to clear the time picker value */\n  clearable: PropTypes.bool.description(\n    'Enable to clear the time picker value',\n  ),\n  /** class for time picker */\n  className: PropTypes.string.description('class for time picker'),\n  /** style object */\n  style: PropTypes.object.description('style object'),\n  /** z index for menu */\n  zIndex: PropTypes.number.description('z index for menu'),\n  /** DSPopper placement */\n  placement: PropTypes.string.description('DSPopper placement'),\n  /** disabled time */\n  disabledTimes: PropTypes.object.description('disabled time'),\n  /** steps for the picker */\n  minutesInterval: PropTypes.number.description('steps for the picker'),\n};\n\nDSTimePicker.propTypes = props;\nDSTimePicker.displayName = 'DSTimePicker';\nconst DSTimePickerWithSchema = describe(DSTimePicker);\nDSTimePickerWithSchema.propTypes = props;\n\nexport { DSTimePicker, DSTimePickerWithSchema };\nexport default DSTimePicker;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,oBAAmB;AACnB,4BAA2B;AAE3B,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EACjB,SAAS,MAAM;AAAA,EACf,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA,kBAAkB;AAAA,MAElB,mDAAC;AAAA,EACC,KAAK;AAAA,EACL,cAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF;AAGF,aAAa,eAAe;AAAA,EAC1B,QAAQ;AACV;AAEA,MAAM,QAAQ;AAAA,EAEZ,cAAc,8BAAU,OAAO,YAAY,YAAY;AAAA,EAEvD,gBAAgB,8BAAU,OAAO,YAC/B,qCACF;AAAA,EAEA,UAAU,8BAAU,KAAK,YACvB,4CACF;AAAA,EAEA,OAAO,8BAAU,WAAW,qBAAM,EAAE,YAAY,mBAAmB;AAAA,EAEnE,QAAQ,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAEpE,WAAW,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAE3D,kBAAkB,8BAAU,KAAK,YAAY,uBAAuB;AAAA,EAEpE,UAAU,8BAAU,KAAK,YACvB,wCACF;AAAA,EAEA,QAAQ,8BAAU,KAAK,YAAY,yCAAyC;AAAA,EAE5E,QAAQ,8BAAU,KAAK,YACrB,+CACF;AAAA,EAEA,UAAU,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAEhE,WAAW,8BAAU,KAAK,YACxB,uCACF;AAAA,EAEA,WAAW,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EAE/D,OAAO,8BAAU,OAAO,YAAY,cAAc;AAAA,EAElD,QAAQ,8BAAU,OAAO,YAAY,kBAAkB;AAAA,EAEvD,WAAW,8BAAU,OAAO,YAAY,oBAAoB;AAAA,EAE5D,eAAe,8BAAU,OAAO,YAAY,eAAe;AAAA,EAE3D,iBAAiB,8BAAU,OAAO,YAAY,sBAAsB;AACtE;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
   "names": []
 }

package/dist/cjs/DSTimePickerMenu.js

@@ -40,9 +40,9 @@ __export(DSTimePickerMenu_exports, {
 module.exports = __toCommonJS(DSTimePickerMenu_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
+var import_ds_system = require("@elliemae/ds-system");
 var import_TimePickerMenu = __toESM(require("./TimePickerMenu"));
-const DSTimePickerMenuWrapper = import_styled_components.default.div`
+const DSTimePickerMenuWrapper = import_ds_system.styled.div`
   display: flex;
   height: 18.6rem;
 `;

package/dist/cjs/DSTimePickerMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSTimePickerMenu.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport styled from 'styled-components';\nimport TimePickerMenu from './TimePickerMenu';\n\nconst DSTimePickerMenuWrapper = styled.div`\n  display: flex;\n  height: 18.6rem;\n`;\nfunction DSTimePickerMenu(props) {\n  return (\n    <DSTimePickerMenuWrapper>\n      <TimePickerMenu {...props} />\n    </DSTimePickerMenuWrapper>\n  );\n}\nexport { DSTimePickerMenu };\nexport default DSTimePickerMenu;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAmB;AACnB,4BAA2B;AAE3B,MAAM,0BAA0B,iCAAO;AAAA;AAAA;AAAA;AAIvC,0BAA0B,OAAO;AAC/B,SACE,mDAAC,+BACC,mDAAC,kDAAmB,MAAO,CAC7B;AAEJ;AAEA,IAAO,2BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport TimePickerMenu from './TimePickerMenu';\n\nconst DSTimePickerMenuWrapper = styled.div`\n  display: flex;\n  height: 18.6rem;\n`;\nfunction DSTimePickerMenu(props) {\n  return (\n    <DSTimePickerMenuWrapper>\n      <TimePickerMenu {...props} />\n    </DSTimePickerMenuWrapper>\n  );\n}\nexport { DSTimePickerMenu };\nexport default DSTimePickerMenu;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,4BAA2B;AAE3B,MAAM,0BAA0B,wBAAO;AAAA;AAAA;AAAA;AAIvC,0BAA0B,OAAO;AAC/B,SACE,mDAAC,+BACC,mDAAC,kDAAmB,MAAO,CAC7B;AAEJ;AAEA,IAAO,2BAAQ;",
   "names": []
 }

package/dist/esm/DSTimePicker.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import React2 from "react";
-import { PropTypes, describe } from "react-desc";
+import { PropTypes, describe } from "@elliemae/ds-utilities";
 import Moment from "moment";
 import TimePickerImpl from "./TimePickerImpl";
 const DSTimePicker = ({

package/dist/esm/DSTimePicker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSTimePicker.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport Moment from 'moment';\nimport TimePickerImpl from './TimePickerImpl';\n\nconst DSTimePicker = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  disabled = false,\n  value = '',\n  format,\n  style = {},\n  onChange = () => null,\n  onOpen = () => null,\n  isOpen = undefined,\n  clearable = false,\n  hasHeader = true,\n  hasHeaderDisplay = false,\n  'aria-label': ariaLabel,\n  zIndex = 'auto',\n  placement = 'bottom',\n  disabledTimes,\n  minutesInterval = 1,\n}) => (\n  <TimePickerImpl\n    ref={innerRef}\n    aria-label={ariaLabel}\n    className={className}\n    clearable={clearable}\n    containerProps={containerProps}\n    disabled={disabled}\n    format={format}\n    hasHeader={hasHeader}\n    hasHeaderDisplay={hasHeaderDisplay}\n    isOpen={isOpen}\n    onChange={onChange}\n    onOpen={onOpen}\n    placement={placement}\n    style={style}\n    value={value}\n    zIndex={zIndex}\n    minutesInterval={minutesInterval}\n    disabledTimes={disabledTimes}\n  />\n);\n\nDSTimePicker.defaultProps = {\n  format: 'hh:mm:ss A',\n};\n\nconst props = {\n  /** a11y label */\n  'aria-label': PropTypes.string.description('a11y label'),\n  /** inject props to time picker wrapper */\n  containerProps: PropTypes.object.description(\n    'inject props to time picker wrapper',\n  ),\n  /** Whether the time picker is disabled or not */\n  disabled: PropTypes.bool.description(\n    'Whether the time picker is disabled or not',\n  ),\n  /** Time picker value */\n  value: PropTypes.instanceOf(Moment).description('Time picker value'),\n  /** Time format (hh:mm:ss, H:m:s) */\n  format: PropTypes.string.description('Time format (hh:mm:ss, H:m:s)'),\n  /** toggle header style */\n  hasHeader: PropTypes.bool.description('toggle header style'),\n  /** toggle header display */\n  hasHeaderDisplay: PropTypes.bool.description('toggle header display'),\n  /** Handler when time picker value changes */\n  onChange: PropTypes.func.description(\n    'Handler when time picker value changes',\n  ),\n  /** Handler when the time picker menu opens */\n  onOpen: PropTypes.func.description('Handler when the time picker menu opens'),\n  /** Whether the time picker menu is opened or not */\n  isOpen: PropTypes.bool.description(\n    'Whether the time picker menu is opened or not',\n  ),\n  /** ref for time picker input */\n  innerRef: PropTypes.func.description('ref for time picker input'),\n  /** Enable to clear the time picker value */\n  clearable: PropTypes.bool.description(\n    'Enable to clear the time picker value',\n  ),\n  /** class for time picker */\n  className: PropTypes.string.description('class for time picker'),\n  /** style object */\n  style: PropTypes.object.description('style object'),\n  /** z index for menu */\n  zIndex: PropTypes.number.description('z index for menu'),\n  /** DSPopper placement */\n  placement: PropTypes.string.description('DSPopper placement'),\n  /** disabled time */\n  disabledTimes: PropTypes.object.description('disabled time'),\n  /** steps for the picker */\n  minutesInterval: PropTypes.number.description('steps for the picker'),\n};\n\nDSTimePicker.propTypes = props;\nDSTimePicker.displayName = 'DSTimePicker';\nconst DSTimePickerWithSchema = describe(DSTimePicker);\nDSTimePickerWithSchema.propTypes = props;\n\nexport { DSTimePicker, DSTimePickerWithSchema };\nexport default DSTimePicker;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport Moment from 'moment';\nimport TimePickerImpl from './TimePickerImpl';\n\nconst DSTimePicker = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  disabled = false,\n  value = '',\n  format,\n  style = {},\n  onChange = () => null,\n  onOpen = () => null,\n  isOpen = undefined,\n  clearable = false,\n  hasHeader = true,\n  hasHeaderDisplay = false,\n  'aria-label': ariaLabel,\n  zIndex = 'auto',\n  placement = 'bottom',\n  disabledTimes,\n  minutesInterval = 1,\n}) => (\n  <TimePickerImpl\n    ref={innerRef}\n    aria-label={ariaLabel}\n    className={className}\n    clearable={clearable}\n    containerProps={containerProps}\n    disabled={disabled}\n    format={format}\n    hasHeader={hasHeader}\n    hasHeaderDisplay={hasHeaderDisplay}\n    isOpen={isOpen}\n    onChange={onChange}\n    onOpen={onOpen}\n    placement={placement}\n    style={style}\n    value={value}\n    zIndex={zIndex}\n    minutesInterval={minutesInterval}\n    disabledTimes={disabledTimes}\n  />\n);\n\nDSTimePicker.defaultProps = {\n  format: 'hh:mm:ss A',\n};\n\nconst props = {\n  /** a11y label */\n  'aria-label': PropTypes.string.description('a11y label'),\n  /** inject props to time picker wrapper */\n  containerProps: PropTypes.object.description(\n    'inject props to time picker wrapper',\n  ),\n  /** Whether the time picker is disabled or not */\n  disabled: PropTypes.bool.description(\n    'Whether the time picker is disabled or not',\n  ),\n  /** Time picker value */\n  value: PropTypes.instanceOf(Moment).description('Time picker value'),\n  /** Time format (hh:mm:ss, H:m:s) */\n  format: PropTypes.string.description('Time format (hh:mm:ss, H:m:s)'),\n  /** toggle header style */\n  hasHeader: PropTypes.bool.description('toggle header style'),\n  /** toggle header display */\n  hasHeaderDisplay: PropTypes.bool.description('toggle header display'),\n  /** Handler when time picker value changes */\n  onChange: PropTypes.func.description(\n    'Handler when time picker value changes',\n  ),\n  /** Handler when the time picker menu opens */\n  onOpen: PropTypes.func.description('Handler when the time picker menu opens'),\n  /** Whether the time picker menu is opened or not */\n  isOpen: PropTypes.bool.description(\n    'Whether the time picker menu is opened or not',\n  ),\n  /** ref for time picker input */\n  innerRef: PropTypes.func.description('ref for time picker input'),\n  /** Enable to clear the time picker value */\n  clearable: PropTypes.bool.description(\n    'Enable to clear the time picker value',\n  ),\n  /** class for time picker */\n  className: PropTypes.string.description('class for time picker'),\n  /** style object */\n  style: PropTypes.object.description('style object'),\n  /** z index for menu */\n  zIndex: PropTypes.number.description('z index for menu'),\n  /** DSPopper placement */\n  placement: PropTypes.string.description('DSPopper placement'),\n  /** disabled time */\n  disabledTimes: PropTypes.object.description('disabled time'),\n  /** steps for the picker */\n  minutesInterval: PropTypes.number.description('steps for the picker'),\n};\n\nDSTimePicker.propTypes = props;\nDSTimePicker.displayName = 'DSTimePicker';\nconst DSTimePickerWithSchema = describe(DSTimePicker);\nDSTimePickerWithSchema.propTypes = props;\n\nexport { DSTimePicker, DSTimePickerWithSchema };\nexport default DSTimePicker;\n"],
   "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EACjB,SAAS,MAAM;AAAA,EACf,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA,kBAAkB;AAAA,MAElB,qCAAC;AAAA,EACC,KAAK;AAAA,EACL,cAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF;AAGF,aAAa,eAAe;AAAA,EAC1B,QAAQ;AACV;AAEA,MAAM,QAAQ;AAAA,EAEZ,cAAc,UAAU,OAAO,YAAY,YAAY;AAAA,EAEvD,gBAAgB,UAAU,OAAO,YAC/B,qCACF;AAAA,EAEA,UAAU,UAAU,KAAK,YACvB,4CACF;AAAA,EAEA,OAAO,UAAU,WAAW,MAAM,EAAE,YAAY,mBAAmB;AAAA,EAEnE,QAAQ,UAAU,OAAO,YAAY,+BAA+B;AAAA,EAEpE,WAAW,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAE3D,kBAAkB,UAAU,KAAK,YAAY,uBAAuB;AAAA,EAEpE,UAAU,UAAU,KAAK,YACvB,wCACF;AAAA,EAEA,QAAQ,UAAU,KAAK,YAAY,yCAAyC;AAAA,EAE5E,QAAQ,UAAU,KAAK,YACrB,+CACF;AAAA,EAEA,UAAU,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAEhE,WAAW,UAAU,KAAK,YACxB,uCACF;AAAA,EAEA,WAAW,UAAU,OAAO,YAAY,uBAAuB;AAAA,EAE/D,OAAO,UAAU,OAAO,YAAY,cAAc;AAAA,EAElD,QAAQ,UAAU,OAAO,YAAY,kBAAkB;AAAA,EAEvD,WAAW,UAAU,OAAO,YAAY,oBAAoB;AAAA,EAE5D,eAAe,UAAU,OAAO,YAAY,eAAe;AAAA,EAE3D,iBAAiB,UAAU,OAAO,YAAY,sBAAsB;AACtE;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/DSTimePickerMenu.js

@@ -16,7 +16,7 @@ var __spreadValues = (a, b) => {
 };
 import * as React from "react";
 import React2 from "react";
-import styled from "styled-components";
+import { styled } from "@elliemae/ds-system";
 import TimePickerMenu from "./TimePickerMenu";
 const DSTimePickerMenuWrapper = styled.div`
   display: flex;

package/dist/esm/DSTimePickerMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSTimePickerMenu.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport styled from 'styled-components';\nimport TimePickerMenu from './TimePickerMenu';\n\nconst DSTimePickerMenuWrapper = styled.div`\n  display: flex;\n  height: 18.6rem;\n`;\nfunction DSTimePickerMenu(props) {\n  return (\n    <DSTimePickerMenuWrapper>\n      <TimePickerMenu {...props} />\n    </DSTimePickerMenuWrapper>\n  );\n}\nexport { DSTimePickerMenu };\nexport default DSTimePickerMenu;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport TimePickerMenu from './TimePickerMenu';\n\nconst DSTimePickerMenuWrapper = styled.div`\n  display: flex;\n  height: 18.6rem;\n`;\nfunction DSTimePickerMenu(props) {\n  return (\n    <DSTimePickerMenuWrapper>\n      <TimePickerMenu {...props} />\n    </DSTimePickerMenuWrapper>\n  );\n}\nexport { DSTimePickerMenu };\nexport default DSTimePickerMenu;\n"],
   "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAIvC,0BAA0B,OAAO;AAC/B,SACE,qCAAC,+BACC,qCAAC,mCAAmB,MAAO,CAC7B;AAEJ;AAEA,IAAO,2BAAQ;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-time-picker",
-  "version": "3.1.0-next.2",
+  "version": "3.1.0-next.5",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Time Picker",
   "files": [
@@ -66,24 +66,17 @@
     "reportFile": "tests.xml",
     "indent": 4
   },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
-    "test": "node ../../scripts/testing/test.mjs",
-    "lint": "node ../../scripts/lint.mjs",
-    "dts": "node ../../scripts/dts.mjs",
-    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
-  },
   "dependencies": {
-    "@elliemae/ds-button": "3.1.0-next.2",
-    "@elliemae/ds-classnames": "3.1.0-next.2",
-    "@elliemae/ds-form": "3.1.0-next.2",
-    "@elliemae/ds-icons": "3.1.0-next.2",
-    "@elliemae/ds-popper": "3.1.0-next.2",
-    "@elliemae/ds-utilities": "3.1.0-next.2",
+    "@elliemae/ds-button": "3.1.0-next.5",
+    "@elliemae/ds-classnames": "3.1.0-next.5",
+    "@elliemae/ds-form": "3.1.0-next.5",
+    "@elliemae/ds-icons": "3.1.0-next.5",
+    "@elliemae/ds-popper": "3.1.0-next.5",
+    "@elliemae/ds-system": "3.1.0-next.5",
+    "@elliemae/ds-utilities": "3.1.0-next.5",
     "memoize-one": "~5.1.1",
     "moment": "~2.29.1",
-    "prop-types": "~15.8.1",
-    "react-desc": "~4.1.3"
+    "prop-types": "~15.8.1"
   },
   "devDependencies": {
     "styled-components": "~5.3.3"
@@ -97,5 +90,13 @@
   "publishConfig": {
     "access": "public",
     "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }
-}
+}