@elliemae/ds-form 3.0.0-next.1 → 3.0.0-next.5

package/dist/esm/DateInput/components/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/DateInput/components/utils.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport { addLeadingZeros, parseInt, isNaN } from '@elliemae/ds-utilities';\nimport moment from 'moment';\n\nconst currentYear = new Date().getFullYear();\n\nexport const isArrowIncrementDecrement = (key) => key === 'ArrowDown' || key === 'ArrowUp';\n\n// TODO remove and keep `true` behavior ( PUI-4141 )\nexport const setNativeValue = (element, value) => {\n  if (!Object.getOwnPropertyDescriptor(element, 'value')) return;\n  const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;\n  const prototype = Object.getPrototypeOf(element);\n  const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set;\n\n  if (valueSetter && valueSetter !== prototypeValueSetter) {\n    prototypeValueSetter.call(element, value);\n  } else {\n    valueSetter.call(element, value);\n  }\n  element.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\nconst formatTimeNumber = (value, shouldAddLeadingZeros, leadingZeros) => {\n  if (value === null || value === undefined) return '';\n  return shouldAddLeadingZeros ? addLeadingZeros(leadingZeros)(value) : String(value);\n};\n\nexport const formatDay = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('DD') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros, 2);\n};\nexport const formatYear = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('YYYY') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros, 4);\n};\nexport const formatMonth = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('MM') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros, 2);\n};\n\nexport const parseTimeNumberFromText = (stringValue) => {\n  const parsedInt = parseInt(stringValue);\n\n  if (isNaN(parsedInt)) return null;\n\n  return parsedInt;\n};\n\n// trigger onBlur for entire DateInput control if focus is not in day, month, year\nexport const triggerOnBlur = (blurEvent, onBlur = () => {}) => {\n  const { target: currentEl = {}, relatedTarget } = blurEvent || {};\n  const nextElement = currentEl.nextElementSibling;\n  const { nextElementSibling } = nextElement || {};\n  // relatedTarget points to the element that is currently having focus\n  if (!nextElementSibling || nextElementSibling !== relatedTarget) {\n    onBlur(blurEvent);\n  }\n};\n\nexport const focusNextInput = (currentEl) => {\n  const nextElement = currentEl.nextElementSibling;\n  if (nextElement && nextElement.nextElementSibling) {\n    nextElement.nextElementSibling.focus();\n  }\n};\n\nexport const focusPreviousInput = (currentEl) => {\n  const previousElement = currentEl.previousElementSibling;\n  if (previousElement && previousElement.previousElementSibling) {\n    previousElement.previousElementSibling.focus();\n  }\n};\n\nexport const getValidTimeNumber = ({ min, max }, number, valueString = '', onError = () => null) => {\n  if (valueString === '0' || number === 0) return null;\n  if (number === undefined || number === null) return null;\n  if (number > max) {\n    onError();\n    return max;\n  }\n  if (number < min) {\n    onError();\n    return min;\n  }\n  return number;\n};\n\nexport const shouldFocusNextInput = (max, number = 0, stringValue) => {\n  if (stringValue.length > 1 && !stringValue.startsWith('0')) return true;\n  return number * 10 > max;\n};\n\nexport const getDateValuesFromTime = (time, format) => {\n  if (!time || !time.format) return {};\n  const month = time.format('MM');\n  const day = time.format('DD');\n  const year = time.format('YYYY');\n  return {\n    month: formatMonth(format, month),\n    day: formatDay(format, day),\n    year: formatYear(format, year),\n  };\n};\n\nexport const resetTimeValues = () => ({\n  month: '',\n  day: '',\n  year: '',\n});\n\nexport const onInputFocus = (e) => {\n  e.preventDefault();\n  e.stopPropagation();\n  e.target.select();\n};\n\nexport const getNextTimeValue = (value, target, yearMinRange, yearMaxRange, step = 1, incrementing = true) => {\n  const parsedValue = parseTimeNumberFromText(value);\n  let result = incrementing ? parsedValue + step : parsedValue - step;\n  if (target === 'year') {\n    if (result < yearMinRange) result = currentYear;\n    if (result > yearMaxRange) result = currentYear;\n  }\n  return result;\n};\n\nexport const focusNextInputIfNeeded = (currentEl, max, number, stringValue, currentKey) => {\n  if (shouldFocusNextInput(max, number, stringValue) && !isArrowIncrementDecrement(currentKey)) {\n    focusNextInput(currentEl);\n  }\n};\n\nexport const commonInputProps = (digits = 2, onKeyDown, placeholder) => {\n  const props = {\n    pattern: '[0-9]*',\n    placeholder,\n    type: 'text',\n    onKeyDown,\n    onFocus: onInputFocus,\n  };\n  if (digits === 4) props.placeholder = 'YYYY';\n  return props;\n};\n\nexport const handleCompletedDate = (time, date, show, INTERNAL_V2_NO_MUTATION) => {\n  // clone time to avoid mutation when INTERNAL_V2_NO_MUTATION is true\n  const newDate = INTERNAL_V2_NO_MUTATION ? (time && moment(time)) || moment() : time || moment();\n\n  const { year, month, day } = date;\n  const { showYear, showMonth, showDay } = show;\n\n  if (time && !year && !month && !day) return '';\n\n  newDate.value = `${year}-${month}-${day}`;\n\n  if (showMonth && month) newDate.month(parseInt(month - 1, 10));\n  if (showDay && day) newDate.date(parseInt(day, 10));\n  if (showYear && year) newDate.year(parseInt(year, 10));\n\n  return newDate;\n};\n\nexport const isTimeCompletelySet = (date, show, range) => {\n  let neededValues = [];\n  const { year, month, day } = date;\n  if ((day && day.length < 1) || (month && month.length < 1)) return false;\n  const { showYear, showMonth, showDay } = show;\n  const { yearMinRange, yearMaxRange } = range;\n\n  if (showMonth) neededValues = [...neededValues, month || null];\n  if (showDay) neededValues = [...neededValues, day || null];\n  if (showYear) neededValues = [...neededValues, year || null];\n\n  const isValidYear = year < yearMaxRange && year > yearMinRange;\n\n  return !neededValues.some((value) => !value) && isValidYear;\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/DateInput/defaultProps.js

@@ -0,0 +1,25 @@
+import * as React from "react";
+const noop = () => null;
+const currentYear = new Date().getFullYear();
+const defaultProps = {
+  className: "",
+  style: {},
+  onFocus: noop,
+  onBlur: noop,
+  onClear: noop,
+  onChange: noop,
+  onKeyDown: noop,
+  onError: noop,
+  format: "MM:DD:YYYY",
+  value: "",
+  clearable: true,
+  disabled: false,
+  yearMaxRange: currentYear + 100,
+  yearMinRange: currentYear - 100,
+  containerProps: {},
+  INTERNAL_V2_NO_MUTATION: false
+};
+export {
+  defaultProps
+};
+//# sourceMappingURL=defaultProps.js.map

package/dist/esm/DateInput/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/DateInput/defaultProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const noop = () => null;\nconst currentYear = new Date().getFullYear();\n\nexport const defaultProps = {\n  className: '',\n  style: {},\n  onFocus: noop,\n  onBlur: noop,\n  onClear: noop,\n  onChange: noop,\n  onKeyDown: noop,\n  onError: noop,\n  format: 'MM:DD:YYYY',\n  value: '',\n  clearable: true,\n  disabled: false,\n  yearMaxRange: currentYear + 100,\n  yearMinRange: currentYear - 100,\n  containerProps: {},\n  INTERNAL_V2_NO_MUTATION: false,\n};\n"],
+  "mappings": "AAAA;ACAA,MAAM,OAAO,MAAM;AACnB,MAAM,cAAc,IAAI,OAAO;AAExB,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc,cAAc;AAAA,EAC5B,cAAc,cAAc;AAAA,EAC5B,gBAAgB;AAAA,EAChB,yBAAyB;AAAA;",
+  "names": []
+}

package/dist/esm/DateInput/index.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+export * from "./DSDateInput";
+//# sourceMappingURL=index.js.map

package/dist/esm/DateInput/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/DateInput/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSDateInput';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/dist/esm/DateInput/props.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+const props = {
+  containerProps: PropTypes.object.description("props injected to date input wrapper node"),
+  innerRef: PropTypes.oneOfType([
+    PropTypes.func,
+    PropTypes.shape({ current: PropTypes.any })
+  ]).description("inner ref for input wrapper"),
+  className: PropTypes.string.description("class for input"),
+  style: PropTypes.object.description("Set style for the date input"),
+  onBlur: PropTypes.func.description("Triggers the onBlur when focus moves out of date input"),
+  onFocus: PropTypes.func.description("Triggers the onFocus when the component gets the focus"),
+  onClear: PropTypes.func.description("Triggers the onClear"),
+  onKeyDown: PropTypes.func.description("Triggers the onKeyDown"),
+  onChange: PropTypes.func.description("Allows a function that is triggered once the date input changes"),
+  onError: PropTypes.func.description("Triggers the onError once one input date is wrong"),
+  format: PropTypes.string.description("Format type for date input"),
+  value: PropTypes.string.description("Default value once the component is initialized"),
+  clearable: PropTypes.bool.description("Whether the date input is clearable or not"),
+  disabled: PropTypes.bool.description("Whether the date input is disabled or not"),
+  yearMaxRange: PropTypes.number.description("Max year that can be accepted by the date input"),
+  yearMinRange: PropTypes.number.description("Min year that can be accepted by the date input")
+};
+export {
+  props
+};
+//# sourceMappingURL=props.js.map

package/dist/esm/DateInput/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/DateInput/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const props = {\n  /** props injected to date input wrapper node */\n  containerProps: PropTypes.object.description(\n    'props injected to date input wrapper node',\n  ),\n  /** inner ref for input wrapper */\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('inner ref for input wrapper'),\n  /** class for input */\n  className: PropTypes.string.description('class for input'),\n  /**\n   * Set style for the date input\n   */\n  style: PropTypes.object.description('Set style for the date input'),\n  /**\n   * Triggers the onBlur when focus moves out of date input\n   */\n  onBlur: PropTypes.func.description(\n    'Triggers the onBlur when focus moves out of date input',\n  ),\n  /**\n   * Triggers the onFocus when the component gets the focus\n   */\n  onFocus: PropTypes.func.description(\n    'Triggers the onFocus when the component gets the focus',\n  ),\n  /**\n   * Triggers the onClear\n   */\n  onClear: PropTypes.func.description('Triggers the onClear'),\n  /**\n   * Triggers the onKeyDown\n   */\n  onKeyDown: PropTypes.func.description('Triggers the onKeyDown'),\n  /**\n   * Allows a function that is triggered once the date input changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the date input changes',\n  ),\n  /**\n   * Triggers the onError once one input date is wrong\n   */\n  onError: PropTypes.func.description(\n    'Triggers the onError once one input date is wrong',\n  ),\n  /**\n   * Format type for date input\n   */\n  format: PropTypes.string.description('Format type for date input'),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description(\n    'Default value once the component is initialized',\n  ),\n  /**\n   * Whether the date input is clearable or not\n   */\n  clearable: PropTypes.bool.description(\n    'Whether the date input is clearable or not',\n  ),\n  /**\n   * Whether the date input is disabled or not\n   */\n  disabled: PropTypes.bool.description(\n    'Whether the date input is disabled or not',\n  ),\n  /**\n   * Max year that can be accepted by the date input\n   */\n  yearMaxRange: PropTypes.number.description(\n    'Max year that can be accepted by the date input',\n  ),\n  /**\n   * Min year that can be accepted by the date input\n   */\n  yearMinRange: PropTypes.number.description(\n    'Min year that can be accepted by the date input',\n  ),\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAGF,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA,KACpC,YAAY;AAAA,EAEf,WAAW,UAAU,OAAO,YAAY;AAAA,EAIxC,OAAO,UAAU,OAAO,YAAY;AAAA,EAIpC,QAAQ,UAAU,KAAK,YACrB;AAAA,EAKF,SAAS,UAAU,KAAK,YACtB;AAAA,EAKF,SAAS,UAAU,KAAK,YAAY;AAAA,EAIpC,WAAW,UAAU,KAAK,YAAY;AAAA,EAItC,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,SAAS,UAAU,KAAK,YACtB;AAAA,EAKF,QAAQ,UAAU,OAAO,YAAY;AAAA,EAIrC,OAAO,UAAU,OAAO,YACtB;AAAA,EAKF,WAAW,UAAU,KAAK,YACxB;AAAA,EAKF,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,cAAc,UAAU,OAAO,YAC7B;AAAA,EAKF,cAAc,UAAU,OAAO,YAC7B;AAAA;",
+  "names": []
+}

package/dist/esm/DateInputV2/components/DSDateInput.js

@@ -0,0 +1,51 @@
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { DSInput } from "../../Input";
+import { DateInputs } from "./DateInputs";
+import { props, defaultProps } from "./props";
+const DSDateInputV2 = ({
+  onFocus,
+  onBlur,
+  onChange,
+  onDateChange,
+  onKeyDown,
+  onError,
+  value,
+  disabled,
+  containerProps,
+  tabIndex,
+  innerRef
+}) => /* @__PURE__ */ React2.createElement(DSInput, {
+  innerRef,
+  containerProps,
+  customInputType: ({ innerRef: ir }) => /* @__PURE__ */ React2.createElement(DateInputs, {
+    disabled,
+    innerRef: ir,
+    onBlur,
+    onChange,
+    onDateChange,
+    onCustomKeyDown: onKeyDown,
+    onError,
+    time: value,
+    tabIndex
+  }),
+  disableTooltip: false,
+  disabled,
+  onBlur,
+  onFocus,
+  onKeyDown,
+  value,
+  tabIndex
+});
+DSDateInputV2.defaultProps = defaultProps;
+DSDateInputV2.propTypes = props;
+const DSDateInputV2WithSchema = describe(DSDateInputV2);
+DSDateInputV2WithSchema.propTypes = props;
+var DSDateInput_default = DSDateInputV2;
+export {
+  DSDateInputV2,
+  DSDateInputV2WithSchema,
+  DSDateInput_default as default
+};
+//# sourceMappingURL=DSDateInput.js.map

package/dist/esm/DateInputV2/components/DSDateInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/DateInputV2/components/DSDateInput.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport { DSInput } from '../../Input';\nimport { DateInputs } from './DateInputs';\nimport { props, defaultProps } from './props';\n\nconst DSDateInputV2 = ({\n  onFocus,\n  onBlur,\n  onChange,\n  onDateChange,\n  onKeyDown,\n  onError,\n  value,\n  disabled,\n  containerProps,\n  tabIndex,\n  innerRef,\n}) => (\n  <DSInput\n    innerRef={innerRef}\n    containerProps={containerProps}\n    customInputType={({ innerRef: ir }) => (\n      <DateInputs\n        disabled={disabled}\n        innerRef={ir}\n        onBlur={onBlur}\n        onChange={onChange}\n        onDateChange={onDateChange}\n        onCustomKeyDown={onKeyDown}\n        onError={onError}\n        time={value}\n        tabIndex={tabIndex}\n      />\n    )}\n    disableTooltip={false}\n    disabled={disabled}\n    onBlur={onBlur}\n    onFocus={onFocus}\n    onKeyDown={onKeyDown}\n    value={value}\n    tabIndex={tabIndex}\n  />\n);\n\nDSDateInputV2.defaultProps = defaultProps;\n\nDSDateInputV2.propTypes = props;\n\nconst DSDateInputV2WithSchema = describe(DSDateInputV2);\nDSDateInputV2WithSchema.propTypes = props;\n\nexport { DSDateInputV2, DSDateInputV2WithSchema };\nexport default DSDateInputV2;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC,SAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC,EAAE,UAAU,SAC5B,qCAAC,YAAD;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA,MAAM;AAAA,IACN;AAAA;AAAA,EAGJ,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAIJ,cAAc,eAAe;AAE7B,cAAc,YAAY;AAE1B,MAAM,0BAA0B,SAAS;AACzC,wBAAwB,YAAY;AAGpC,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/esm/DateInputV2/components/DateInputs.js

@@ -0,0 +1,196 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import React2, { useState, useEffect } from "react";
+import moment from "moment";
+import {
+  commonInputProps,
+  triggerOnBlur,
+  focusNextInput,
+  getFormattedDay,
+  getShouldShortcircuitDay,
+  getFormattedMonth,
+  getShouldShortcircuitMonth,
+  getFormattedYear
+} from "./utils";
+import { onKeyDownHelper } from "./helpers";
+import { DateInputDivider, DateInputWrapper, DateInputInput, DateInputFluidContainer } from "./styled";
+import { DateInputsPropTypes } from "./propsTypes";
+const FORMAT = "MMDDYYYY";
+const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown, time, tabIndex, innerRef }) => {
+  const [month, setMonth] = useState("");
+  const [day, setDay] = useState("");
+  const [year, setYear] = useState("");
+  const [onChangeDateTrigger, setOnChangeDateTrigger] = useState({});
+  const dayRef = React2.useRef();
+  const [haveInputsOnChangeTriggered, setHaveInputsOnChangeTriggered] = useState(false);
+  let digits = 2;
+  let placeholder = "";
+  const handleFluidClick = React2.useCallback((e) => {
+    if (!e.target.type && dayRef.current) {
+      dayRef.current.focus();
+    }
+  }, [dayRef.current]);
+  const triggerOnDateChange = React2.useCallback(() => {
+    if (month && day && year && haveInputsOnChangeTriggered) {
+      const momentValue = moment(`${month}${day}${year}`, "MMDDYYYY", true);
+      if (momentValue.isValid()) {
+        onDateChange(momentValue);
+      }
+      setHaveInputsOnChangeTriggered(false);
+    }
+  }, [day, month, year, haveInputsOnChangeTriggered]);
+  const onMonthChange = React2.useCallback((e, isArrowChange) => {
+    const value = getFormattedMonth(e.target.value);
+    const shouldAdvance = getShouldShortcircuitMonth(e.target.value);
+    setMonth(value);
+    setHaveInputsOnChangeTriggered(true);
+    if (e.target.value.length > 1 || shouldAdvance) {
+      if (!isArrowChange)
+        focusNextInput(e.target);
+      setOnChangeDateTrigger({});
+    }
+  }, []);
+  const onDayChange = React2.useCallback((e, isArrowChange) => {
+    const value = getFormattedDay(e.target.value);
+    const shouldAdvance = getShouldShortcircuitDay(e.target.value);
+    setDay(value);
+    setHaveInputsOnChangeTriggered(true);
+    if (e.target.value.length > 1 || shouldAdvance) {
+      if (!isArrowChange)
+        focusNextInput(e.target);
+      setOnChangeDateTrigger({});
+    }
+  }, []);
+  const onYearChange = React2.useCallback((e) => {
+    const value = getFormattedYear(e.target.value);
+    setYear(value);
+    setHaveInputsOnChangeTriggered(true);
+    setOnChangeDateTrigger({});
+  }, []);
+  useEffect(() => {
+    if (haveInputsOnChangeTriggered) {
+      const momentValue = moment(`${month}${day}${year}`, FORMAT, true);
+      onChange(`${month}${day}${year}`, momentValue.isValid() ? momentValue : null);
+    }
+  }, [day, month, year]);
+  useEffect(() => {
+    triggerOnDateChange();
+  }, [onChangeDateTrigger]);
+  useEffect(() => {
+    if (time && time !== `${month}${day}${year}` && moment(time, "MMDDYYYY").isValid()) {
+      const values = String(time || "");
+      if (values.slice(0, 2))
+        setMonth(values.slice(0, 2));
+      if (values.slice(2, 4))
+        setDay(values.slice(2, 4));
+      if (values.slice(4, 8))
+        setYear(values.slice(4, 8));
+    } else if (!time && (month || day || year)) {
+      setMonth("");
+      setDay("");
+      setYear("");
+    }
+  }, [time]);
+  const onKeyDown = (event) => onKeyDownHelper(event, {
+    onDayChange,
+    onMonthChange,
+    onYearChange
+  });
+  const renderMonthInput = () => {
+    placeholder = "MM";
+    const onMonthInputBlur = (e) => {
+      setOnChangeDateTrigger({});
+      triggerOnBlur(e, onBlur);
+    };
+    return /* @__PURE__ */ React2.createElement(DateInputInput, __spreadProps(__spreadValues({}, commonInputProps(digits, onKeyDown, placeholder)), {
+      autoComplete: "off",
+      key: "month-input",
+      "data-testid": "month",
+      disabled,
+      name: "month",
+      onBlur: onMonthInputBlur,
+      onChange: onMonthChange,
+      value: month,
+      tabIndex,
+      ref: dayRef
+    }));
+  };
+  const renderDayInput = () => {
+    placeholder = "DD";
+    const onDayInputBlur = (e) => {
+      setOnChangeDateTrigger({});
+      triggerOnBlur(e, onBlur);
+    };
+    return /* @__PURE__ */ React2.createElement(DateInputInput, __spreadProps(__spreadValues({}, commonInputProps(digits, onKeyDown, placeholder)), {
+      autoComplete: "off",
+      key: "day-input",
+      "data-testid": "day",
+      disabled,
+      name: "day",
+      onBlur: onDayInputBlur,
+      onChange: onDayChange,
+      value: day,
+      tabIndex
+    }));
+  };
+  const renderYearInput = () => {
+    placeholder = "YY";
+    digits = 4;
+    const onYearInputBlur = (e) => {
+      triggerOnBlur(e, onBlur);
+    };
+    return /* @__PURE__ */ React2.createElement(DateInputInput, __spreadProps(__spreadValues({}, commonInputProps(digits, onKeyDown, placeholder)), {
+      autoComplete: "off",
+      key: "year-input",
+      "data-testid": "year",
+      disabled,
+      name: "year",
+      onBlur: onYearInputBlur,
+      onChange: onYearChange,
+      value: year,
+      size: "l",
+      tabIndex
+    }));
+  };
+  const renderDateInputs = () => {
+    const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];
+    const inputsWithDividers = inputs.reduce((acc, input, index) => input ? acc.concat([index ? /* @__PURE__ */ React2.createElement(DateInputDivider, null, "/") : null, input]) : acc, []);
+    return [
+      inputsWithDividers,
+      React2.createElement("span", { key: "span" })
+    ];
+  };
+  return /* @__PURE__ */ React2.createElement(DateInputFluidContainer, {
+    onClick: handleFluidClick,
+    "data-testid": "date-input-fluidContainer"
+  }, /* @__PURE__ */ React2.createElement(DateInputWrapper, {
+    disabled,
+    ref: innerRef,
+    onKeyDown: onCustomKeyDown,
+    tabIndex: -1,
+    cols: ["auto", "6px", "auto", "6px", "auto"]
+  }, renderDateInputs()));
+};
+DateInputs.propTypes = DateInputsPropTypes;
+export {
+  DateInputs
+};
+//# sourceMappingURL=DateInputs.js.map

package/dist/esm/DateInputV2/components/DateInputs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/DateInputV2/components/DateInputs.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useState, useEffect } from 'react';\nimport moment from 'moment';\nimport {\n  commonInputProps,\n  triggerOnBlur,\n  focusNextInput,\n  getFormattedDay,\n  getShouldShortcircuitDay,\n  getFormattedMonth,\n  getShouldShortcircuitMonth,\n  getFormattedYear,\n} from './utils';\nimport { onKeyDownHelper } from './helpers';\nimport { DateInputDivider, DateInputWrapper, DateInputInput, DateInputFluidContainer } from './styled';\nimport { DateInputsPropTypes } from './propsTypes';\n\nconst FORMAT = 'MMDDYYYY';\n\nexport const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown, time, tabIndex, innerRef }) => {\n  const [month, setMonth] = useState('');\n  const [day, setDay] = useState('');\n  const [year, setYear] = useState('');\n  const [onChangeDateTrigger, setOnChangeDateTrigger] = useState({});\n  const dayRef = React.useRef<HTMLInputElement>();\n  const [haveInputsOnChangeTriggered, setHaveInputsOnChangeTriggered] = useState(false);\n\n  let digits = 2;\n  let placeholder = '';\n\n  const handleFluidClick = React.useCallback(\n    (e: React.MouseEvent<Element, MouseEvent>) => {\n      if (!(e.target as HTMLInputElement).type && dayRef.current) {\n        dayRef.current.focus();\n      }\n    },\n    [dayRef.current],\n  );\n\n  const triggerOnDateChange = React.useCallback(() => {\n    if (month && day && year && haveInputsOnChangeTriggered) {\n      const momentValue = moment(`${month}${day}${year}`, 'MMDDYYYY', true);\n      if (momentValue.isValid()) {\n        onDateChange(momentValue);\n      }\n      setHaveInputsOnChangeTriggered(false);\n    }\n  }, [day, month, year, haveInputsOnChangeTriggered]);\n\n  // isArrowChange is coming from the onKeyDown handler in helpers\n  const onMonthChange = React.useCallback((e, isArrowChange) => {\n    const value = getFormattedMonth(e.target.value);\n    const shouldAdvance = getShouldShortcircuitMonth(e.target.value);\n    setMonth(value);\n    setHaveInputsOnChangeTriggered(true);\n    if (e.target.value.length > 1 || shouldAdvance) {\n      if (!isArrowChange) focusNextInput(e.target);\n      setOnChangeDateTrigger({});\n    }\n  }, []);\n\n  // isArrowChange is coming from the onKeyDown handler in helpers\n  const onDayChange = React.useCallback((e, isArrowChange) => {\n    const value = getFormattedDay(e.target.value);\n    const shouldAdvance = getShouldShortcircuitDay(e.target.value);\n    setDay(value);\n    setHaveInputsOnChangeTriggered(true);\n    if (e.target.value.length > 1 || shouldAdvance) {\n      if (!isArrowChange) focusNextInput(e.target);\n      setOnChangeDateTrigger({});\n    }\n  }, []);\n\n  const onYearChange = React.useCallback((e) => {\n    const value = getFormattedYear(e.target.value);\n    setYear(value);\n    setHaveInputsOnChangeTriggered(true);\n    setOnChangeDateTrigger({});\n  }, []);\n\n  useEffect(() => {\n    // When component mounts haveInputsOnChangeTriggered is set to false\n    // so this is not triggered on mount but is triggered with all other changes\n    if (haveInputsOnChangeTriggered) {\n      const momentValue = moment(`${month}${day}${year}`, FORMAT, true);\n      onChange(`${month}${day}${year}`, momentValue.isValid() ? momentValue : null);\n    }\n  }, [day, month, year]);\n\n  useEffect(() => {\n    triggerOnDateChange();\n  }, [onChangeDateTrigger]);\n\n  useEffect(() => {\n    if (time && time !== `${month}${day}${year}` && moment(time, 'MMDDYYYY').isValid()) {\n      const values = String(time || '');\n      if (values.slice(0, 2)) setMonth(values.slice(0, 2));\n      if (values.slice(2, 4)) setDay(values.slice(2, 4));\n      if (values.slice(4, 8)) setYear(values.slice(4, 8));\n    } else if (!time && (month || day || year)) {\n      setMonth('');\n      setDay('');\n      setYear('');\n    }\n  }, [time]);\n\n  const onKeyDown = (event) =>\n    onKeyDownHelper(event, {\n      onDayChange,\n      onMonthChange,\n      onYearChange,\n    });\n\n  const renderMonthInput = () => {\n    placeholder = 'MM';\n    const onMonthInputBlur = (e) => {\n      setOnChangeDateTrigger({});\n      triggerOnBlur(e, onBlur);\n    };\n    return (\n      <DateInputInput\n        {...commonInputProps(digits, onKeyDown, placeholder)}\n        autoComplete=\"off\"\n        key=\"month-input\"\n        data-testid=\"month\"\n        disabled={disabled}\n        name=\"month\"\n        onBlur={onMonthInputBlur}\n        onChange={onMonthChange}\n        value={month}\n        tabIndex={tabIndex}\n        ref={dayRef}\n      />\n    );\n  };\n  const renderDayInput = () => {\n    placeholder = 'DD';\n    const onDayInputBlur = (e) => {\n      setOnChangeDateTrigger({});\n      triggerOnBlur(e, onBlur);\n    };\n    return (\n      <DateInputInput\n        {...commonInputProps(digits, onKeyDown, placeholder)}\n        autoComplete=\"off\"\n        key=\"day-input\"\n        data-testid=\"day\"\n        disabled={disabled}\n        name=\"day\"\n        onBlur={onDayInputBlur}\n        onChange={onDayChange}\n        value={day}\n        tabIndex={tabIndex}\n      />\n    );\n  };\n  const renderYearInput = () => {\n    placeholder = 'YY';\n    digits = 4;\n    const onYearInputBlur = (e) => {\n      triggerOnBlur(e, onBlur);\n    };\n    return (\n      <DateInputInput\n        {...commonInputProps(digits, onKeyDown, placeholder)}\n        autoComplete=\"off\"\n        key=\"year-input\"\n        data-testid=\"year\"\n        disabled={disabled}\n        name=\"year\"\n        onBlur={onYearInputBlur}\n        onChange={onYearChange}\n        value={year}\n        size=\"l\"\n        tabIndex={tabIndex}\n      />\n    );\n  };\n\n  const renderDateInputs = () => {\n    const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];\n    const inputsWithDividers = inputs.reduce(\n      (acc, input, index) => (input ? acc.concat([index ? <DateInputDivider>/</DateInputDivider> : null, input]) : acc),\n      [],\n    );\n\n    return [\n      inputsWithDividers,\n      React.createElement('span', { key: 'span' }), // hack for next/prev focus\n    ];\n  };\n\n  return (\n    <DateInputFluidContainer onClick={handleFluidClick} data-testid=\"date-input-fluidContainer\">\n      <DateInputWrapper\n        disabled={disabled}\n        ref={innerRef}\n        onKeyDown={onCustomKeyDown}\n        tabIndex={-1}\n        cols={['auto', '6px', 'auto', '6px', 'auto']}\n      >\n        {renderDateInputs()}\n      </DateInputWrapper>\n    </DateInputFluidContainer>\n  );\n};\n\nDateInputs.propTypes = DateInputsPropTypes;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/DateInputV2/components/helpers.js

@@ -0,0 +1,73 @@
+import * as React from "react";
+import { cloneDeep } from "lodash";
+import { focusNextInput, focusPreviousInput } from "./utils";
+const callChange = (event, handlers, isArrowChange) => {
+  if (event.target.name === "day")
+    handlers.onDayChange(event, isArrowChange);
+  if (event.target.name === "month")
+    handlers.onMonthChange(event, isArrowChange);
+  if (event.target.name === "year")
+    handlers.onYearChange(event, isArrowChange);
+};
+const setTarget = (event, v) => {
+  const n = cloneDeep(event);
+  let newValue = parseInt(n.target.value || 0, 10) + v;
+  if (newValue < 1)
+    newValue = "01";
+  if (event.target.name === "day" && newValue > 31)
+    newValue = 31;
+  if (event.target.name === "month" && newValue > 12)
+    newValue = 12;
+  n.target.value = newValue;
+  return n;
+};
+const onKeyDownHelper = (event, handlers) => {
+  switch (event.key) {
+    case "ArrowLeft": {
+      event.preventDefault();
+      focusPreviousInput(event.target);
+      break;
+    }
+    case "ArrowUp": {
+      event.preventDefault();
+      const n = setTarget(event, 1);
+      callChange(n, handlers, true);
+      break;
+    }
+    case "ArrowDown": {
+      event.preventDefault();
+      const n = setTarget(event, -1);
+      callChange(n, handlers, true);
+      break;
+    }
+    case "ArrowRight": {
+      event.preventDefault();
+      focusNextInput(event.target);
+      break;
+    }
+    case "Tab": {
+      if (event.shiftKey)
+        break;
+      if (event.target.value.length > 0 && event.target.name !== "year")
+        event.preventDefault();
+      callChange(event, handlers);
+      break;
+    }
+    case "Backspace": {
+      event.preventDefault();
+      const n = cloneDeep(event);
+      n.target.value = "";
+      callChange(n, handlers, true);
+      break;
+    }
+    case "Enter": {
+      break;
+    }
+    default:
+      break;
+  }
+};
+export {
+  onKeyDownHelper
+};
+//# sourceMappingURL=helpers.js.map

package/dist/esm/DateInputV2/components/helpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/DateInputV2/components/helpers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { cloneDeep } from 'lodash';\nimport { focusNextInput, focusPreviousInput } from './utils';\n\nconst callChange = (event, handlers, isArrowChange) => {\n  if (event.target.name === 'day') handlers.onDayChange(event, isArrowChange);\n  if (event.target.name === 'month')\n    handlers.onMonthChange(event, isArrowChange);\n  if (event.target.name === 'year') handlers.onYearChange(event, isArrowChange);\n};\n\nconst setTarget = (event, v) => {\n  const n = cloneDeep(event);\n  let newValue = parseInt(n.target.value || 0, 10) + v;\n  if (newValue < 1) newValue = '01';\n  if (event.target.name === 'day' && newValue > 31) newValue = 31;\n  if (event.target.name === 'month' && newValue > 12) newValue = 12;\n  n.target.value = newValue;\n  return n;\n};\n\n// eslint-disable-next-line max-statements, complexity\nexport const onKeyDownHelper = (event, handlers) => {\n  switch (event.key) {\n    case 'ArrowLeft': {\n      event.preventDefault();\n      focusPreviousInput(event.target);\n      break;\n    }\n    case 'ArrowUp': {\n      event.preventDefault();\n      const n = setTarget(event, 1);\n      callChange(n, handlers, true);\n      break;\n    }\n    case 'ArrowDown': {\n      event.preventDefault();\n      const n = setTarget(event, -1);\n      callChange(n, handlers, true);\n      break;\n    }\n    case 'ArrowRight': {\n      event.preventDefault();\n      focusNextInput(event.target);\n      break;\n    }\n    case 'Tab': {\n      if (event.shiftKey) break;\n      if (event.target.value.length > 0 && event.target.name !== 'year')\n        event.preventDefault();\n      callChange(event, handlers);\n      break;\n    }\n    case 'Backspace': {\n      // HTML Date input behavior, clear everything when deleting\n      event.preventDefault();\n      const n = cloneDeep(event);\n      n.target.value = '';\n      callChange(n, handlers, true);\n      break;\n    }\n    case 'Enter': {\n      break;\n    }\n    default:\n      break;\n  }\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,aAAa,CAAC,OAAO,UAAU,kBAAkB;AACrD,MAAI,MAAM,OAAO,SAAS;AAAO,aAAS,YAAY,OAAO;AAC7D,MAAI,MAAM,OAAO,SAAS;AACxB,aAAS,cAAc,OAAO;AAChC,MAAI,MAAM,OAAO,SAAS;AAAQ,aAAS,aAAa,OAAO;AAAA;AAGjE,MAAM,YAAY,CAAC,OAAO,MAAM;AAC9B,QAAM,IAAI,UAAU;AACpB,MAAI,WAAW,SAAS,EAAE,OAAO,SAAS,GAAG,MAAM;AACnD,MAAI,WAAW;AAAG,eAAW;AAC7B,MAAI,MAAM,OAAO,SAAS,SAAS,WAAW;AAAI,eAAW;AAC7D,MAAI,MAAM,OAAO,SAAS,WAAW,WAAW;AAAI,eAAW;AAC/D,IAAE,OAAO,QAAQ;AACjB,SAAO;AAAA;AAIF,MAAM,kBAAkB,CAAC,OAAO,aAAa;AAClD,UAAQ,MAAM;AAAA,SACP,aAAa;AAChB,YAAM;AACN,yBAAmB,MAAM;AACzB;AAAA;AAAA,SAEG,WAAW;AACd,YAAM;AACN,YAAM,IAAI,UAAU,OAAO;AAC3B,iBAAW,GAAG,UAAU;AACxB;AAAA;AAAA,SAEG,aAAa;AAChB,YAAM;AACN,YAAM,IAAI,UAAU,OAAO;AAC3B,iBAAW,GAAG,UAAU;AACxB;AAAA;AAAA,SAEG,cAAc;AACjB,YAAM;AACN,qBAAe,MAAM;AACrB;AAAA;AAAA,SAEG,OAAO;AACV,UAAI,MAAM;AAAU;AACpB,UAAI,MAAM,OAAO,MAAM,SAAS,KAAK,MAAM,OAAO,SAAS;AACzD,cAAM;AACR,iBAAW,OAAO;AAClB;AAAA;AAAA,SAEG,aAAa;AAEhB,YAAM;AACN,YAAM,IAAI,UAAU;AACpB,QAAE,OAAO,QAAQ;AACjB,iBAAW,GAAG,UAAU;AACxB;AAAA;AAAA,SAEG,SAAS;AACZ;AAAA;AAAA;AAGA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/DateInputV2/components/props.js

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+import { noop } from "lodash";
+const props = {
+  containerProps: PropTypes.object.description("Props to inject to date input wrapper"),
+  onBlur: PropTypes.func.description("Triggers the onBlur when focus moves out of date input"),
+  onFocus: PropTypes.func.description("Triggers the onFocus when the component gets the focus"),
+  onKeyDown: PropTypes.func.description("Triggers the onKeyDown"),
+  onChange: PropTypes.func.description("Allows a function that is triggered once the date input changes"),
+  onDateChange: PropTypes.func.description(" Triggers when the date is completely set and  only once you have blurred the corresponding input. For example if you are editing the day and the year and month are already set, once you completely set the day it will trigger."),
+  onError: PropTypes.func.description("Triggers the onError once one input date is wrong"),
+  value: PropTypes.string.description("Default value once the component is initialized MMDDYYYY"),
+  disabled: PropTypes.bool.description("Whether the date input is disabled or not"),
+  tabIndex: PropTypes.oneOfType([
+    PropTypes.number,
+    PropTypes.string
+  ]).description("tab index")
+};
+const defaultProps = {
+  onFocus: noop,
+  onBlur: noop,
+  onChange: noop,
+  onDateChange: noop,
+  onKeyDown: noop,
+  onError: noop,
+  value: "",
+  disabled: false,
+  containerProps: {}
+};
+export {
+  defaultProps,
+  props
+};
+//# sourceMappingURL=props.js.map

package/dist/esm/DateInputV2/components/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/DateInputV2/components/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\n\nexport const props = {\n  /** Props to inject to date input wrapper */\n  containerProps: PropTypes.object.description(\n    'Props to inject to date input wrapper',\n  ),\n  /**\n   * Triggers the onBlur when focus moves out of date input\n   */\n  onBlur: PropTypes.func.description(\n    'Triggers the onBlur when focus moves out of date input',\n  ),\n  /**\n   * Triggers the onFocus when the component gets the focus\n   */\n  onFocus: PropTypes.func.description(\n    'Triggers the onFocus when the component gets the focus',\n  ),\n  /**\n   * Triggers the onKeyDown\n   */\n  onKeyDown: PropTypes.func.description('Triggers the onKeyDown'),\n  /**\n   * Allows a function that is triggered once the date input changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the date input changes',\n  ),\n  /**\n   * Triggers when the date is completely set and  only once you have blurred the\n   * corresponding input. For example if you are editing the day and the year and month\n   * are already set, once you completely set the day it will trigger.\n   */\n  onDateChange: PropTypes.func.description(\n    ' Triggers when the date is completely set and  only once you have blurred the corresponding input. For example if you are editing the day and the year and month are already set, once you completely set the day it will trigger.',\n  ),\n  /**\n   * Triggers the onError once one input date is wrong\n   */\n  onError: PropTypes.func.description(\n    'Triggers the onError once one input date is wrong',\n  ),\n  /**\n   * Default value once the component is initialized MMDDYYYY\n   */\n  value: PropTypes.string.description(\n    'Default value once the component is initialized MMDDYYYY',\n  ),\n  /**\n   * Whether the date input is disabled or not\n   */\n  disabled: PropTypes.bool.description(\n    'Whether the date input is disabled or not',\n  ),\n  /**\n   * tab index\n   */\n  tabIndex: PropTypes.oneOfType([\n    PropTypes.number,\n    PropTypes.string,\n  ]).description('tab index'),\n};\n\nexport const defaultProps = {\n  onFocus: noop,\n  onBlur: noop,\n  onChange: noop,\n  onDateChange: noop,\n  onKeyDown: noop,\n  onError: noop,\n  value: '',\n  disabled: false,\n  containerProps: {},\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAKF,QAAQ,UAAU,KAAK,YACrB;AAAA,EAKF,SAAS,UAAU,KAAK,YACtB;AAAA,EAKF,WAAW,UAAU,KAAK,YAAY;AAAA,EAItC,UAAU,UAAU,KAAK,YACvB;AAAA,EAOF,cAAc,UAAU,KAAK,YAC3B;AAAA,EAKF,SAAS,UAAU,KAAK,YACtB;AAAA,EAKF,OAAO,UAAU,OAAO,YACtB;AAAA,EAKF,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA;AAGV,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,cAAc;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,gBAAgB;AAAA;",
+  "names": []
+}

package/dist/esm/DateInputV2/components/propsTypes.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import PropTypes from "prop-types";
+const DateInputsPropTypes = {
+  innerRef: PropTypes.oneOfType([
+    PropTypes.func,
+    PropTypes.shape({ current: PropTypes.any })
+  ]),
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func,
+  onDateChange: PropTypes.func,
+  onCustomKeyDown: PropTypes.func,
+  onError: PropTypes.func,
+  format: PropTypes.string,
+  showMonth: PropTypes.bool,
+  showDay: PropTypes.bool,
+  showYear: PropTypes.bool,
+  step: PropTypes.number,
+  yearMaxRange: PropTypes.number,
+  disabled: PropTypes.bool,
+  yearMinRange: PropTypes.number,
+  time: PropTypes.string,
+  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+};
+export {
+  DateInputsPropTypes
+};
+//# sourceMappingURL=propsTypes.js.map

package/dist/esm/DateInputV2/components/propsTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/DateInputV2/components/propsTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import PropTypes from 'prop-types';\n\nexport const DateInputsPropTypes = {\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]),\n  onBlur: PropTypes.func,\n  onChange: PropTypes.func,\n  onDateChange: PropTypes.func,\n  onCustomKeyDown: PropTypes.func,\n  onError: PropTypes.func,\n  format: PropTypes.string,\n  showMonth: PropTypes.bool,\n  showDay: PropTypes.bool,\n  showYear: PropTypes.bool,\n  step: PropTypes.number,\n  yearMaxRange: PropTypes.number,\n  disabled: PropTypes.bool,\n  yearMinRange: PropTypes.number,\n  time: PropTypes.string,\n  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,sBAAsB;AAAA,EACjC,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA;AAAA,EAEvC,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,cAAc,UAAU;AAAA,EACxB,iBAAiB,UAAU;AAAA,EAC3B,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAAA,EAChB,cAAc,UAAU;AAAA,EACxB,UAAU,UAAU;AAAA,EACpB,cAAc,UAAU;AAAA,EACxB,MAAM,UAAU;AAAA,EAChB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA;",
+  "names": []
+}