@elliemae/ds-form 3.0.0-next.0 → 3.0.0-next.4

package/cjs/DateInput/components/utils.js

@@ -1,231 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.some.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.some.js');
-var dsUtilities = require('@elliemae/ds-utilities');
-var moment = require('moment');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-
-const currentYear = new Date().getFullYear();
-const isArrowIncrementDecrement = key => key === 'ArrowDown' || key === 'ArrowUp'; // TODO remove and keep `true` behavior ( PUI-4141 )
-
-const setNativeValue = (element, value) => {
-  if (!Object.getOwnPropertyDescriptor(element, 'value')) return;
-  const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;
-  const prototype = Object.getPrototypeOf(element);
-  const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set;
-
-  if (valueSetter && valueSetter !== prototypeValueSetter) {
-    prototypeValueSetter.call(element, value);
-  } else {
-    valueSetter.call(element, value);
-  }
-
-  element.dispatchEvent(new Event('input', {
-    bubbles: true
-  }));
-};
-
-const formatTimeNumber = (value, shouldAddLeadingZeros, leadingZeros) => {
-  if (value === null || value === undefined) return '';
-  return shouldAddLeadingZeros ? dsUtilities.addLeadingZeros(leadingZeros)(value) : String(value);
-};
-
-const formatDay = (format, value) => {
-  const shouldAddLeadingZeros = format.indexOf('DD') > -1;
-  return formatTimeNumber(value, shouldAddLeadingZeros, 2);
-};
-const formatYear = (format, value) => {
-  const shouldAddLeadingZeros = format.indexOf('YYYY') > -1;
-  return formatTimeNumber(value, shouldAddLeadingZeros, 4);
-};
-const formatMonth = (format, value) => {
-  const shouldAddLeadingZeros = format.indexOf('MM') > -1;
-  return formatTimeNumber(value, shouldAddLeadingZeros, 2);
-};
-const parseTimeNumberFromText = stringValue => {
-  const parsedInt = dsUtilities.parseInt(stringValue);
-  if (dsUtilities.isNaN(parsedInt)) return null;
-  return parsedInt;
-}; // trigger onBlur for entire DateInput control if focus is not in day, month, year
-
-const triggerOnBlur = function (blurEvent) {
-  let onBlur = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => {};
-  const {
-    target: currentEl = {},
-    relatedTarget
-  } = blurEvent || {};
-  const nextElement = currentEl.nextElementSibling;
-  const {
-    nextElementSibling
-  } = nextElement || {}; // relatedTarget points to the element that is currently having focus
-
-  if (!nextElementSibling || nextElementSibling !== relatedTarget) {
-    onBlur(blurEvent);
-  }
-};
-const focusNextInput = currentEl => {
-  const nextElement = currentEl.nextElementSibling;
-
-  if (nextElement && nextElement.nextElementSibling) {
-    nextElement.nextElementSibling.focus();
-  }
-};
-const focusPreviousInput = currentEl => {
-  const previousElement = currentEl.previousElementSibling;
-
-  if (previousElement && previousElement.previousElementSibling) {
-    previousElement.previousElementSibling.focus();
-  }
-};
-const getValidTimeNumber = function (_ref, number) {
-  let {
-    min,
-    max
-  } = _ref;
-  let valueString = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-  let onError = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : () => null;
-  if (valueString === '0' || number === 0) return null;
-  if (number === undefined || number === null) return null;
-
-  if (number > max) {
-    onError();
-    return max;
-  }
-
-  if (number < min) {
-    onError();
-    return min;
-  }
-
-  return number;
-};
-const shouldFocusNextInput = function (max) {
-  let number = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  let stringValue = arguments.length > 2 ? arguments[2] : undefined;
-  if (stringValue.length > 1 && !stringValue.startsWith('0')) return true;
-  return number * 10 > max;
-};
-const getDateValuesFromTime = (time, format) => {
-  if (!time || !time.format) return {};
-  const month = time.format('MM');
-  const day = time.format('DD');
-  const year = time.format('YYYY');
-  return {
-    month: formatMonth(format, month),
-    day: formatDay(format, day),
-    year: formatYear(format, year)
-  };
-};
-const resetTimeValues = () => ({
-  month: '',
-  day: '',
-  year: ''
-});
-const onInputFocus = e => {
-  e.preventDefault();
-  e.stopPropagation();
-  e.target.select();
-};
-const getNextTimeValue = function (value, target, yearMinRange, yearMaxRange) {
-  let step = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
-  let incrementing = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true;
-  const parsedValue = parseTimeNumberFromText(value);
-  let result = incrementing ? parsedValue + step : parsedValue - step;
-
-  if (target === 'year') {
-    if (result < yearMinRange) result = currentYear;
-    if (result > yearMaxRange) result = currentYear;
-  }
-
-  return result;
-};
-const focusNextInputIfNeeded = (currentEl, max, number, stringValue, currentKey) => {
-  if (shouldFocusNextInput(max, number, stringValue) && !isArrowIncrementDecrement(currentKey)) {
-    focusNextInput(currentEl);
-  }
-};
-const commonInputProps = function () {
-  let digits = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 2;
-  let onKeyDown = arguments.length > 1 ? arguments[1] : undefined;
-  let placeholder = arguments.length > 2 ? arguments[2] : undefined;
-  const props = {
-    pattern: '[0-9]*',
-    placeholder,
-    type: 'text',
-    onKeyDown,
-    onFocus: onInputFocus
-  };
-  if (digits === 4) props.placeholder = 'YYYY';
-  return props;
-};
-const handleCompletedDate = (time, date, show, INTERNAL_V2_NO_MUTATION) => {
-  // clone time to avoid mutation when INTERNAL_V2_NO_MUTATION is true
-  const newDate = INTERNAL_V2_NO_MUTATION ? time && moment__default["default"](time) || moment__default["default"]() : time || moment__default["default"]();
-  const {
-    year,
-    month,
-    day
-  } = date;
-  const {
-    showYear,
-    showMonth,
-    showDay
-  } = show;
-  if (time && !year && !month && !day) return '';
-  newDate.value = "".concat(year, "-").concat(month, "-").concat(day);
-  if (showMonth && month) newDate.month(dsUtilities.parseInt(month - 1, 10));
-  if (showDay && day) newDate.date(dsUtilities.parseInt(day, 10));
-  if (showYear && year) newDate.year(dsUtilities.parseInt(year, 10));
-  return newDate;
-};
-const isTimeCompletelySet = (date, show, range) => {
-  let neededValues = [];
-  const {
-    year,
-    month,
-    day
-  } = date;
-  if (day.length < 1 || month.length < 1) return false;
-  const {
-    showYear,
-    showMonth,
-    showDay
-  } = show;
-  const {
-    yearMinRange,
-    yearMaxRange
-  } = range;
-  if (showMonth) neededValues = [...neededValues, month || null];
-  if (showDay) neededValues = [...neededValues, day || null];
-  if (showYear) neededValues = [...neededValues, year || null];
-  const isValidYear = year < yearMaxRange && year > yearMinRange;
-  return !neededValues.some(value => !value) && isValidYear;
-};
-
-exports.commonInputProps = commonInputProps;
-exports.focusNextInput = focusNextInput;
-exports.focusNextInputIfNeeded = focusNextInputIfNeeded;
-exports.focusPreviousInput = focusPreviousInput;
-exports.formatDay = formatDay;
-exports.formatMonth = formatMonth;
-exports.formatYear = formatYear;
-exports.getDateValuesFromTime = getDateValuesFromTime;
-exports.getNextTimeValue = getNextTimeValue;
-exports.getValidTimeNumber = getValidTimeNumber;
-exports.handleCompletedDate = handleCompletedDate;
-exports.isArrowIncrementDecrement = isArrowIncrementDecrement;
-exports.isTimeCompletelySet = isTimeCompletelySet;
-exports.onInputFocus = onInputFocus;
-exports.parseTimeNumberFromText = parseTimeNumberFromText;
-exports.resetTimeValues = resetTimeValues;
-exports.setNativeValue = setNativeValue;
-exports.shouldFocusNextInput = shouldFocusNextInput;
-exports.triggerOnBlur = triggerOnBlur;

package/cjs/DateInput/defaultProps.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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
-};
-
-exports.defaultProps = defaultProps;

package/cjs/DateInput/index.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSDateInput = require('./DSDateInput.js');
-var DateInputImpl = require('./components/DateInputImpl.js');
-
-
-
-exports.DSDateInputWithSchema = DSDateInput.DSDateInputWithSchema;
-exports["default"] = DSDateInput["default"];
-exports.DateInputImpl = DateInputImpl;

package/cjs/DateInput/props.js

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

package/cjs/DateInputV2/components/DSDateInput.js

@@ -1,64 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var DSInput = require('../../Input/DSInput.js');
-var DateInputs = require('./DateInputs.js');
-var props = require('./props.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const DSDateInputV2 = _ref => {
-  let {
-    onFocus,
-    onBlur,
-    onChange,
-    onDateChange,
-    onKeyDown,
-    onError,
-    value,
-    disabled,
-    containerProps,
-    tabIndex,
-    innerRef
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](DSInput["default"], {
-    innerRef: innerRef,
-    containerProps: containerProps,
-    customInputType: _ref2 => {
-      let {
-        innerRef: ir
-      } = _ref2;
-      return /*#__PURE__*/_jsx__default["default"](DateInputs.DateInputs, {
-        disabled: disabled,
-        innerRef: ir,
-        onBlur: onBlur,
-        onChange: onChange,
-        onDateChange: onDateChange,
-        onCustomKeyDown: onKeyDown,
-        onError: onError,
-        time: value,
-        tabIndex: tabIndex
-      });
-    },
-    disableTooltip: false,
-    disabled: disabled,
-    onBlur: onBlur,
-    onFocus: onFocus,
-    onKeyDown: onKeyDown,
-    value: value,
-    tabIndex: tabIndex
-  });
-};
-
-DSDateInputV2.defaultProps = props.defaultProps;
-const DSDateInputV2WithSchema = reactDesc.describe(DSDateInputV2);
-DSDateInputV2WithSchema.propTypes = props.props;
-
-exports.DSDateInputV2 = DSDateInputV2;
-exports.DSDateInputV2WithSchema = DSDateInputV2WithSchema;

package/cjs/DateInputV2/components/DateInputs.js

@@ -1,217 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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.reduce.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.reduce.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 moment = require('moment');
-var utils = require('./utils.js');
-var helpers = require('./helpers.js');
-var styled = require('./styled.js');
-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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-
-var _DateInputDivider;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const FORMAT = 'MMDDYYYY';
-const DateInputs = _ref => {
-  let {
-    onBlur,
-    onChange,
-    onDateChange,
-    disabled,
-    onCustomKeyDown,
-    time,
-    tabIndex,
-    innerRef
-  } = _ref;
-  const [month, setMonth] = React.useState('');
-  const [day, setDay] = React.useState('');
-  const [year, setYear] = React.useState('');
-  const [onChangeDateTrigger, setOnChangeDateTrigger] = React.useState({});
-  const dayRef = React__default["default"].useRef();
-  const [haveInputsOnChangeTriggered, setHaveInputsOnChangeTriggered] = React.useState(false);
-  let digits = 2;
-  let placeholder = '';
-  const handleFluidClick = React__default["default"].useCallback(e => {
-    if (!e.target.type && dayRef.current) {
-      dayRef.current.focus();
-    }
-  }, [dayRef.current]);
-  const triggerOnDateChange = React__default["default"].useCallback(() => {
-    if (month && day && year && haveInputsOnChangeTriggered) {
-      const momentValue = moment__default["default"]("".concat(month).concat(day).concat(year), 'MMDDYYYY', true);
-
-      if (momentValue.isValid()) {
-        onDateChange(momentValue);
-      }
-
-      setHaveInputsOnChangeTriggered(false);
-    }
-  }, [day, month, year, haveInputsOnChangeTriggered]); // isArrowChange is coming from the onKeyDown handler in helpers
-
-  const onMonthChange = React__default["default"].useCallback((e, isArrowChange) => {
-    const value = utils.getFormattedMonth(e.target.value);
-    const shouldAdvance = utils.getShouldShortcircuitMonth(e.target.value);
-    setMonth(value);
-    setHaveInputsOnChangeTriggered(true);
-
-    if (e.target.value.length > 1 || shouldAdvance) {
-      if (!isArrowChange) utils.focusNextInput(e.target);
-      setOnChangeDateTrigger({});
-    }
-  }, []); // isArrowChange is coming from the onKeyDown handler in helpers
-
-  const onDayChange = React__default["default"].useCallback((e, isArrowChange) => {
-    const value = utils.getFormattedDay(e.target.value);
-    const shouldAdvance = utils.getShouldShortcircuitDay(e.target.value);
-    setDay(value);
-    setHaveInputsOnChangeTriggered(true);
-
-    if (e.target.value.length > 1 || shouldAdvance) {
-      if (!isArrowChange) utils.focusNextInput(e.target);
-      setOnChangeDateTrigger({});
-    }
-  }, []);
-  const onYearChange = React__default["default"].useCallback(e => {
-    const value = utils.getFormattedYear(e.target.value);
-    setYear(value);
-    setHaveInputsOnChangeTriggered(true);
-    setOnChangeDateTrigger({});
-  }, []);
-  React.useEffect(() => {
-    // When component mounts haveInputsOnChangeTriggered is set to false
-    // so this is not triggered on mount but is triggered with all other changes
-    if (haveInputsOnChangeTriggered) {
-      const momentValue = moment__default["default"]("".concat(month).concat(day).concat(year), FORMAT, true);
-      onChange("".concat(month).concat(day).concat(year), momentValue.isValid() ? momentValue : null);
-    }
-  }, [day, month, year]);
-  React.useEffect(() => {
-    triggerOnDateChange();
-  }, [onChangeDateTrigger]);
-  React.useEffect(() => {
-    if (time && time !== "".concat(month).concat(day).concat(year) && moment__default["default"](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 => helpers.onKeyDownHelper(event, {
-    onDayChange,
-    onMonthChange,
-    onYearChange
-  });
-
-  const renderMonthInput = () => {
-    placeholder = 'MM';
-
-    const onMonthInputBlur = e => {
-      setOnChangeDateTrigger({});
-      utils.triggerOnBlur(e, onBlur);
-    };
-
-    return /*#__PURE__*/React.createElement(styled.DateInputInput, _objectSpread(_objectSpread({}, utils.commonInputProps(digits, onKeyDown, placeholder)), {}, {
-      autoComplete: "off",
-      key: "month-input",
-      "data-testid": "month",
-      disabled: disabled,
-      name: "month",
-      onBlur: onMonthInputBlur,
-      onChange: onMonthChange,
-      value: month,
-      tabIndex: tabIndex,
-      ref: dayRef
-    }));
-  };
-
-  const renderDayInput = () => {
-    placeholder = 'DD';
-
-    const onDayInputBlur = e => {
-      setOnChangeDateTrigger({});
-      utils.triggerOnBlur(e, onBlur);
-    };
-
-    return /*#__PURE__*/React.createElement(styled.DateInputInput, _objectSpread(_objectSpread({}, utils.commonInputProps(digits, onKeyDown, placeholder)), {}, {
-      autoComplete: "off",
-      key: "day-input",
-      "data-testid": "day",
-      disabled: disabled,
-      name: "day",
-      onBlur: onDayInputBlur,
-      onChange: onDayChange,
-      value: day,
-      tabIndex: tabIndex
-    }));
-  };
-
-  const renderYearInput = () => {
-    placeholder = 'YY';
-    digits = 4;
-
-    const onYearInputBlur = e => {
-      utils.triggerOnBlur(e, onBlur);
-    };
-
-    return /*#__PURE__*/React.createElement(styled.DateInputInput, _objectSpread(_objectSpread({}, utils.commonInputProps(digits, onKeyDown, placeholder)), {}, {
-      autoComplete: "off",
-      key: "year-input",
-      "data-testid": "year",
-      disabled: disabled,
-      name: "year",
-      onBlur: onYearInputBlur,
-      onChange: onYearChange,
-      value: year,
-      size: "l",
-      tabIndex: tabIndex
-    }));
-  };
-
-  const renderDateInputs = () => {
-    const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];
-    const inputsWithDividers = inputs.reduce((acc, input, index) => input ? acc.concat([index ? _DateInputDivider || (_DateInputDivider = /*#__PURE__*/_jsx__default["default"](styled.DateInputDivider, {}, void 0, "/")) : null, input]) : acc, []);
-    return [inputsWithDividers, /*#__PURE__*/React__default["default"].createElement('span', {
-      key: 'span'
-    }) // hack for next/prev focus
-    ];
-  };
-
-  return /*#__PURE__*/_jsx__default["default"](styled.DateInputFluidContainer, {
-    onClick: handleFluidClick,
-    "data-testid": "date-input-fluidContainer"
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.DateInputWrapper, {
-    disabled: disabled,
-    ref: innerRef,
-    onKeyDown: onCustomKeyDown,
-    tabIndex: -1,
-    cols: ['auto', '6px', 'auto', '6px', 'auto'],
-    children: renderDateInputs()
-  }));
-};
-
-exports.DateInputs = DateInputs;