@elliemae/ds-controlled-form 1.57.1-rc.0 → 2.0.0-alpha.11

package/cjs/controlled-date-time-picker/parts/DateInputs/YYYYInput.js

@@ -3,35 +3,33 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../ControlledDateTimePickerDatatestid.js');
-var controlledDateTimePicker_parts_Styleds = require('../Styleds.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
+var ControlledDateTimePickerDatatestid = require('../../ControlledDateTimePickerDatatestid.js');
+var Styleds = require('../Styleds.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var regExpNumbers = /^[0-9]+$/;
+const regExpNumbers = /^[0-9]+$/;
 
-var isInvalidYear = function isInvalidYear(year) {
+const isInvalidYear = year => {
   if (year === '') return false;
-  var numberOnly = regExpNumbers.test(year);
+  const numberOnly = regExpNumbers.test(year);
   return year.length > 4 || !numberOnly || Number.parseInt(year, 10) > 9999;
 };
 
-var YYYYInput = /*#__PURE__*/React__default['default'].memo(function (_ref) {
-  var onChange = _ref.onChange,
-      onBlur = _ref.onBlur,
-      onFocus = _ref.onFocus,
-      onKeyDown = _ref.onKeyDown,
-      value = _ref.value,
-      disabled = _ref.disabled,
-      placeholder = _ref.placeholder,
-      contextRef = _ref.contextRef,
-      ariaCurrentValueForInputs = _ref.ariaCurrentValueForInputs;
-  var validateOnChange = React.useCallback(function (e) {
+const YYYYInput = /*#__PURE__*/React__default["default"].memo(({
+  onChange,
+  onBlur,
+  onFocus,
+  onKeyDown,
+  value,
+  placeholder,
+  contextRef,
+  ariaCurrentValueForInputs
+}) => {
+  const validateOnChange = React.useCallback(e => {
     var _e$target;
 
     if (isInvalidYear(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value)) {
@@ -41,7 +39,7 @@ var YYYYInput = /*#__PURE__*/React__default['default'].memo(function (_ref) {
 
     onChange(e);
   }, [onChange]);
-  return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Styleds.StyledMin4DigitsInput, {
+  return /*#__PURE__*/jsxRuntime.jsx(Styleds.StyledMin4DigitsInput, {
     onChange: validateOnChange,
     onBlur: onBlur,
     onFocus: onFocus,
@@ -50,11 +48,8 @@ var YYYYInput = /*#__PURE__*/React__default['default'].memo(function (_ref) {
     ref: contextRef,
     placeholder: placeholder,
     "aria-label": "year input field, ".concat(ariaCurrentValueForInputs),
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.YEAR,
-    disabled: disabled,
-    "aria-disabled": disabled
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.YEAR
   });
 });
 
 exports.YYYYInput = YYYYInput;
-//# sourceMappingURL=YYYYInput.js.map

package/cjs/controlled-date-time-picker/parts/DateInputs/useDateInputs.js

@@ -4,14 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var controlledDateTimePicker_ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
-var controlledDateTimePicker_utils_stringHelpers = require('../../utils/stringHelpers.js');
-var controlledDateTimePicker_utils_dateHelpers = require('../../utils/dateHelpers.js');
-var controlledDateTimePicker_utils_constants = require('../../utils/constants.js');
-require('../../ControlledDateTimePickerTypes.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../utils/numberHelpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
+var ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
+var stringHelpers = require('../../utils/stringHelpers.js');
+var dateHelpers = require('../../utils/dateHelpers.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -19,219 +14,188 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var useDateInputs = function useDateInputs() {
-  var _useContext = React.useContext(controlledDateTimePicker_ControlledDateTimePickerCTX.ControlledDateTimePickerContext),
-      _useContext$props = _useContext.props,
-      appOnMonthChange = _useContext$props.onMonthChange,
-      appOnDayChange = _useContext$props.onDayChange,
-      appOnYearChange = _useContext$props.onYearChange,
-      getIsDisabledDay = _useContext$props.getIsDisabledDay,
-      getIsOutOfRangeDay = _useContext$props.getIsOutOfRangeDay,
-      disabled = _useContext$props.disabled,
-      month = _useContext.month,
-      day = _useContext.day,
-      year = _useContext.year,
-      hideTime = _useContext.hideTime,
-      monthInputRef = _useContext.monthInputRef,
-      dayInputRef = _useContext.dayInputRef,
-      yearInputRef = _useContext.yearInputRef,
-      hourInputRef = _useContext.hourInputRef,
-      meridiemInputRef = _useContext.meridiemInputRef,
-      clearButtonRef = _useContext.clearButtonRef,
-      pickerButtonRef = _useContext.pickerButtonRef,
-      handleChangeComposedDateString = _useContext.handleChangeComposedDateString,
-      setLatestInteractionRegion = _useContext.setLatestInteractionRegion,
-      withClearBtn = _useContext.withClearBtn,
-      withAnyPicker = _useContext.withAnyPicker,
-      withAnyRightController = _useContext.withAnyRightController,
-      autoFocusMonthInput = _useContext.autoFocusMonthInput,
-      lastSegmentRef = _useContext.lastSegmentRef;
-
-  var onHomeKeyDown = React.useCallback(function () {
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const useDateInputs = () => {
+  const {
+    props: {
+      onMonthChange: appOnMonthChange,
+      onDayChange: appOnDayChange,
+      onYearChange: appOnYearChange,
+      getIsDisabledDay,
+      getIsOutOfRangeDay
+    },
+    month,
+    day,
+    year,
+    hideTime,
+    monthInputRef,
+    dayInputRef,
+    yearInputRef,
+    hourInputRef,
+    meridiemInputRef,
+    clearButtonRef,
+    pickerButtonRef,
+    handleChangeComposedDateString,
+    setLatestInteractionRegion,
+    withClearBtn,
+    withAnyPicker,
+    withAnyRightController,
+    autoFocusMonthInput
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const onHomeKeyDown = React.useCallback(() => {
     var _monthInputRef$curren, _monthInputRef$curren2;
 
     monthInputRef === null || monthInputRef === void 0 ? void 0 : (_monthInputRef$curren = monthInputRef.current) === null || _monthInputRef$curren === void 0 ? void 0 : (_monthInputRef$curren2 = _monthInputRef$curren.focus) === null || _monthInputRef$curren2 === void 0 ? void 0 : _monthInputRef$curren2.call(_monthInputRef$curren);
   }, [monthInputRef]);
-  var onEndKeyDown = React.useCallback(function () {
+  const onEndKeyDown = React.useCallback(() => {
     var _pickerButtonRef$curr, _pickerButtonRef$curr2, _clearButtonRef$curre, _clearButtonRef$curre2, _meridiemInputRef$cur, _meridiemInputRef$cur2, _yearInputRef$current, _yearInputRef$current2;
 
     if (withAnyPicker) pickerButtonRef === null || pickerButtonRef === void 0 ? void 0 : (_pickerButtonRef$curr = pickerButtonRef.current) === null || _pickerButtonRef$curr === void 0 ? void 0 : (_pickerButtonRef$curr2 = _pickerButtonRef$curr.focus) === null || _pickerButtonRef$curr2 === void 0 ? void 0 : _pickerButtonRef$curr2.call(_pickerButtonRef$curr);else if (withClearBtn) clearButtonRef === null || clearButtonRef === void 0 ? void 0 : (_clearButtonRef$curre = clearButtonRef.current) === null || _clearButtonRef$curre === void 0 ? void 0 : (_clearButtonRef$curre2 = _clearButtonRef$curre.focus) === null || _clearButtonRef$curre2 === void 0 ? void 0 : _clearButtonRef$curre2.call(_clearButtonRef$curre);else if (!hideTime) meridiemInputRef === null || meridiemInputRef === void 0 ? void 0 : (_meridiemInputRef$cur = meridiemInputRef.current) === null || _meridiemInputRef$cur === void 0 ? void 0 : (_meridiemInputRef$cur2 = _meridiemInputRef$cur.focus) === null || _meridiemInputRef$cur2 === void 0 ? void 0 : _meridiemInputRef$cur2.call(_meridiemInputRef$cur);else yearInputRef === null || yearInputRef === void 0 ? void 0 : (_yearInputRef$current = yearInputRef.current) === null || _yearInputRef$current === void 0 ? void 0 : (_yearInputRef$current2 = _yearInputRef$current.focus) === null || _yearInputRef$current2 === void 0 ? void 0 : _yearInputRef$current2.call(_yearInputRef$current);
   }, [withAnyPicker, pickerButtonRef, withClearBtn, clearButtonRef, hideTime, meridiemInputRef, yearInputRef]);
-  var setLatestInteractionRegionDateInputs = React.useCallback(function () {
+  const setLatestInteractionRegionDateInputs = React.useCallback(() => {
     setLatestInteractionRegion('date-inputs');
   }, [setLatestInteractionRegion]);
-  var handleChangeMonth = React.useCallback(function (newMonth, e) {
-    var metaInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : controlledDateTimePicker_utils_constants.defaultMetaInfo;
-    var newDateString = controlledDateTimePicker_utils_stringHelpers.getFormattedDateString({
+  const handleChangeMonth = React.useCallback((newMonth, e, metaInfo = {
+    isAutomaticFillTrigger: false
+  }) => {
+    const newDateString = stringHelpers.getFormattedDateString({
       month: newMonth,
-      day: day,
-      year: year
+      day,
+      year
     });
 
-    var finalMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, metaInfo), controlledDateTimePicker_utils_dateHelpers.getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {}, {
-      newDateString: newDateString
+    const finalMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, metaInfo), dateHelpers.getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {}, {
+      newDateString
     });
 
     appOnMonthChange(newMonth, e, finalMetaInfo);
     handleChangeComposedDateString(newDateString, finalMetaInfo);
   }, [day, year, getIsOutOfRangeDay, getIsDisabledDay, appOnMonthChange, handleChangeComposedDateString]);
-  var onMonthFocus = React.useCallback(function () {
+  const onMonthFocus = React.useCallback(() => {
     setLatestInteractionRegionDateInputs();
   }, [setLatestInteractionRegionDateInputs]);
-  var onMonthChange = React.useCallback(function (e) {
+  const onMonthChange = React.useCallback(e => {
     var _e$target, _dayInputRef$current, _dayInputRef$current$;
 
-    var newMonth = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value; // converts months 2~9 to 02~09
+    let newMonth = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value; // converts months 2~9 to 02~09
 
-    if (Number.parseInt(newMonth, 10) > 1) newMonth = controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders(newMonth, 2);
+    if (Number.parseInt(newMonth, 10) > 1) newMonth = stringHelpers.prependStringWithPlaceHolders(newMonth, 2);
     handleChangeMonth(newMonth, e); // auto-advance functionality:
 
     if (newMonth.length === 2) dayInputRef === null || dayInputRef === void 0 ? void 0 : (_dayInputRef$current = dayInputRef.current) === null || _dayInputRef$current === void 0 ? void 0 : (_dayInputRef$current$ = _dayInputRef$current.focus) === null || _dayInputRef$current$ === void 0 ? void 0 : _dayInputRef$current$.call(_dayInputRef$current);
   }, [dayInputRef, handleChangeMonth]);
-  var onMonthKeyDown = React.useCallback(function (e) {
-    var _lastSegmentRef$curre, _lastSegmentRef$curre2;
-
-    var key = e.key,
-        ctrlKey = e.ctrlKey,
-        metaKey = e.metaKey;
-    var monthStringConvertedToInteger = Number.parseInt(month, 10);
-    if (controlledDateTimePicker_utils_constants.homeEndArrowUpDownDashSlashesKeys.includes(key)) e.preventDefault();
-    if (controlledDateTimePicker_utils_constants.homeEndArrowUpDownDashSlashesKeys.includes(key)) e.stopPropagation();
+  const onMonthKeyDown = React.useCallback(e => {
+    const {
+      key
+    } = e;
+    const preventDefaultKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown'];
+    const stopPropagationKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown'];
+    if (preventDefaultKeys.includes(key)) e.preventDefault();
+    if (stopPropagationKeys.includes(key)) e.stopPropagation();
     if (key === 'Home') onHomeKeyDown();
     if (key === 'End') onEndKeyDown();
 
     if (key === 'ArrowUp' || key === 'ArrowDown') {
-      var monthInteger = Number.isNaN(monthStringConvertedToInteger) ? 0 : monthStringConvertedToInteger;
-      var newMonth;
+      const monthStringConvertedToInteger = Number.parseInt(month, 10);
+      const monthInteger = Number.isNaN(monthStringConvertedToInteger) ? 0 : monthStringConvertedToInteger;
+      let newMonth;
       if (key === 'ArrowUp') newMonth = monthInteger + 1 <= 12 ? monthInteger + 1 : monthInteger;else newMonth = monthInteger - 1 > 0 ? monthInteger - 1 : 1;
-      newMonth = controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders("".concat(newMonth), 2);
+      newMonth = stringHelpers.prependStringWithPlaceHolders("".concat(newMonth), 2);
       handleChangeMonth(newMonth, e);
     }
-
-    if (!Number.isNaN(monthStringConvertedToInteger) && (key === '-' || key === '/' || key === '\\')) {
-      var _dayInputRef$current2, _dayInputRef$current3;
-
-      var _newMonth = controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders("".concat(monthStringConvertedToInteger), 2);
-
-      handleChangeMonth(_newMonth, e); // auto-advance functionality:
-
-      if (_newMonth.length === 2) dayInputRef === null || dayInputRef === void 0 ? void 0 : (_dayInputRef$current2 = dayInputRef.current) === null || _dayInputRef$current2 === void 0 ? void 0 : (_dayInputRef$current3 = _dayInputRef$current2.focus) === null || _dayInputRef$current3 === void 0 ? void 0 : _dayInputRef$current3.call(_dayInputRef$current2);
-    } // focus last fragment on fill with now
-
-
-    if ((ctrlKey || metaKey) && key === ';') lastSegmentRef === null || lastSegmentRef === void 0 ? void 0 : (_lastSegmentRef$curre = lastSegmentRef.current) === null || _lastSegmentRef$curre === void 0 ? void 0 : (_lastSegmentRef$curre2 = _lastSegmentRef$curre.focus) === null || _lastSegmentRef$curre2 === void 0 ? void 0 : _lastSegmentRef$curre2.call(_lastSegmentRef$curre);
-  }, [month, onHomeKeyDown, onEndKeyDown, lastSegmentRef, handleChangeMonth, dayInputRef]);
-  var onMonthBlur = React.useCallback(function (e) {
+  }, [onHomeKeyDown, onEndKeyDown, month, handleChangeMonth]);
+  const onMonthBlur = React.useCallback(e => {
     var _e$target2;
 
-    var newMonth = e === null || e === void 0 ? void 0 : (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.value;
+    const newMonth = e === null || e === void 0 ? void 0 : (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.value;
     if (newMonth === '0') handleChangeMonth('01', e, {
       isAutomaticFillTrigger: true
-    });else if (newMonth.length > 0 && newMonth.length < 2) handleChangeMonth(controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders(newMonth, 2), e, {
+    });else if (newMonth.length > 0 && newMonth.length < 2) handleChangeMonth(stringHelpers.prependStringWithPlaceHolders(newMonth, 2), e, {
       isAutomaticFillTrigger: true
     });
   }, [handleChangeMonth]);
-  var handleChangeDay = React.useCallback(function (newDay, e) {
-    var metaInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : controlledDateTimePicker_utils_constants.defaultMetaInfo;
-    var newDateString = controlledDateTimePicker_utils_stringHelpers.getFormattedDateString({
-      month: month,
+  const handleChangeDay = React.useCallback((newDay, e, metaInfo = {
+    isAutomaticFillTrigger: false
+  }) => {
+    const newDateString = stringHelpers.getFormattedDateString({
+      month,
       day: newDay,
-      year: year
+      year
     });
 
-    var finalMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, metaInfo), controlledDateTimePicker_utils_dateHelpers.getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {}, {
-      newDateString: newDateString
+    const finalMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, metaInfo), dateHelpers.getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {}, {
+      newDateString
     });
 
     appOnDayChange(newDay, e, finalMetaInfo);
     handleChangeComposedDateString(newDateString, finalMetaInfo);
   }, [month, year, getIsOutOfRangeDay, getIsDisabledDay, appOnDayChange, handleChangeComposedDateString]);
-  var onDayFocus = React.useCallback(function () {
+  const onDayFocus = React.useCallback(() => {
     setLatestInteractionRegionDateInputs();
   }, [setLatestInteractionRegionDateInputs]);
-  var onDayChange = React.useCallback(function (e) {
+  const onDayChange = React.useCallback(e => {
     var _e$target3, _yearInputRef$current3, _yearInputRef$current4;
 
-    var newDay = e === null || e === void 0 ? void 0 : (_e$target3 = e.target) === null || _e$target3 === void 0 ? void 0 : _e$target3.value; // converts days 4~9 to 04~09
+    let newDay = e === null || e === void 0 ? void 0 : (_e$target3 = e.target) === null || _e$target3 === void 0 ? void 0 : _e$target3.value; // converts days 4~9 to 04~09
 
-    if (Number.parseInt(newDay, 10) > 3) newDay = controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders(newDay, 2);
+    if (Number.parseInt(newDay, 10) > 3) newDay = stringHelpers.prependStringWithPlaceHolders(newDay, 2);
     handleChangeDay(newDay, e); // auto-advance functionality:
 
     if (newDay.length === 2) yearInputRef === null || yearInputRef === void 0 ? void 0 : (_yearInputRef$current3 = yearInputRef.current) === null || _yearInputRef$current3 === void 0 ? void 0 : (_yearInputRef$current4 = _yearInputRef$current3.focus) === null || _yearInputRef$current4 === void 0 ? void 0 : _yearInputRef$current4.call(_yearInputRef$current3);
   }, [handleChangeDay, yearInputRef]);
-  var onDayKeyDown = React.useCallback(function (e) {
-    var _lastSegmentRef$curre3, _lastSegmentRef$curre4;
-
-    var key = e.key,
-        ctrlKey = e.ctrlKey,
-        metaKey = e.metaKey;
-    var dayStringConvertedToInteger = Number.parseInt(day, 10);
-    if (controlledDateTimePicker_utils_constants.homeEndArrowUpDownDashSlashesKeys.includes(key)) e.preventDefault();
-    if (controlledDateTimePicker_utils_constants.homeEndArrowUpDownDashSlashesKeys.includes(key)) e.stopPropagation();
+  const onDayKeyDown = React.useCallback(e => {
+    const {
+      key
+    } = e;
+    const preventDefaultKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown'];
+    const stopPropagationKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown'];
+    if (preventDefaultKeys.includes(key)) e.preventDefault();
+    if (stopPropagationKeys.includes(key)) e.stopPropagation();
     if (key === 'Home') onHomeKeyDown();
     if (key === 'End') onEndKeyDown();
 
     if (key === 'ArrowUp' || key === 'ArrowDown') {
-      var dayInteger = Number.isNaN(dayStringConvertedToInteger) ? 0 : dayStringConvertedToInteger;
-      var newDay;
+      const dayStringConvertedToInteger = Number.parseInt(day, 10);
+      const dayInteger = Number.isNaN(dayStringConvertedToInteger) ? 0 : dayStringConvertedToInteger;
+      let newDay;
       if (key === 'ArrowUp') newDay = dayInteger + 1 <= 31 ? dayInteger + 1 : dayInteger;else newDay = dayInteger - 1 > 0 ? dayInteger - 1 : 1;
-      newDay = controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders("".concat(newDay), 2);
+      newDay = stringHelpers.prependStringWithPlaceHolders("".concat(newDay), 2);
       handleChangeDay(newDay, e);
     }
-
-    if (!Number.isNaN(dayStringConvertedToInteger) && (key === '-' || key === '/' || key === '\\')) {
-      var _yearInputRef$current5, _yearInputRef$current6;
-
-      var _newDay = controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders("".concat(dayStringConvertedToInteger), 2);
-
-      handleChangeDay(_newDay, e); // auto-advance functionality:
-
-      if (_newDay.length === 2) yearInputRef === null || yearInputRef === void 0 ? void 0 : (_yearInputRef$current5 = yearInputRef.current) === null || _yearInputRef$current5 === void 0 ? void 0 : (_yearInputRef$current6 = _yearInputRef$current5.focus) === null || _yearInputRef$current6 === void 0 ? void 0 : _yearInputRef$current6.call(_yearInputRef$current5);
-    } // regressive backspace functionality
-
-
-    if (key === 'Backspace' && (day === null || day === void 0 ? void 0 : day.length) === 0) {
-      var _monthInputRef$curren3, _monthInputRef$curren4;
-
-      monthInputRef === null || monthInputRef === void 0 ? void 0 : (_monthInputRef$curren3 = monthInputRef.current) === null || _monthInputRef$curren3 === void 0 ? void 0 : (_monthInputRef$curren4 = _monthInputRef$curren3.focus) === null || _monthInputRef$curren4 === void 0 ? void 0 : _monthInputRef$curren4.call(_monthInputRef$curren3);
-    } // focus last fragment on fill with now
-
-
-    if ((ctrlKey || metaKey) && key === ';') lastSegmentRef === null || lastSegmentRef === void 0 ? void 0 : (_lastSegmentRef$curre3 = lastSegmentRef.current) === null || _lastSegmentRef$curre3 === void 0 ? void 0 : (_lastSegmentRef$curre4 = _lastSegmentRef$curre3.focus) === null || _lastSegmentRef$curre4 === void 0 ? void 0 : _lastSegmentRef$curre4.call(_lastSegmentRef$curre3);
-  }, [day, onHomeKeyDown, onEndKeyDown, lastSegmentRef, handleChangeDay, yearInputRef, monthInputRef]);
-  var onDayBlur = React.useCallback(function (e) {
+  }, [onHomeKeyDown, onEndKeyDown, handleChangeDay, day]);
+  const onDayBlur = React.useCallback(e => {
     var _e$target4;
 
-    var newDay = e === null || e === void 0 ? void 0 : (_e$target4 = e.target) === null || _e$target4 === void 0 ? void 0 : _e$target4.value;
+    const newDay = e === null || e === void 0 ? void 0 : (_e$target4 = e.target) === null || _e$target4 === void 0 ? void 0 : _e$target4.value;
     if (newDay === '0') handleChangeDay('01', e, {
       isAutomaticFillTrigger: true
-    });else if (newDay.length > 0 && newDay.length < 2) handleChangeDay(controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders(newDay, 2), e, {
+    });else if (newDay.length > 0 && newDay.length < 2) handleChangeDay(stringHelpers.prependStringWithPlaceHolders(newDay, 2), e, {
       isAutomaticFillTrigger: true
     });
   }, [handleChangeDay]);
-  var handleChangeYear = React.useCallback(function (newYear, e) {
-    var metaInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : controlledDateTimePicker_utils_constants.defaultMetaInfo;
-    var newDateString = controlledDateTimePicker_utils_stringHelpers.getFormattedDateString({
-      month: month,
-      day: day,
+  const handleChangeYear = React.useCallback((newYear, e, metaInfo = {
+    isAutomaticFillTrigger: false
+  }) => {
+    const newDateString = stringHelpers.getFormattedDateString({
+      month,
+      day,
       year: newYear
     });
 
-    var finalMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, metaInfo), controlledDateTimePicker_utils_dateHelpers.getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {}, {
-      newDateString: newDateString
+    const finalMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, metaInfo), dateHelpers.getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {}, {
+      newDateString
     });
 
     appOnYearChange(newYear, e, finalMetaInfo);
     handleChangeComposedDateString(newDateString, finalMetaInfo);
   }, [month, day, getIsOutOfRangeDay, getIsDisabledDay, appOnYearChange, handleChangeComposedDateString]);
-  var onYearFocus = React.useCallback(function () {
+  const onYearFocus = React.useCallback(() => {
     setLatestInteractionRegionDateInputs();
   }, [setLatestInteractionRegionDateInputs]);
-  var onYearChange = React.useCallback(function (e) {
+  const onYearChange = React.useCallback(e => {
     var _e$target5;
 
-    var newYear = e === null || e === void 0 ? void 0 : (_e$target5 = e.target) === null || _e$target5 === void 0 ? void 0 : _e$target5.value;
+    const newYear = e === null || e === void 0 ? void 0 : (_e$target5 = e.target) === null || _e$target5 === void 0 ? void 0 : _e$target5.value;
     handleChangeYear(newYear, e); // auto-advance functionality:
 
     if (newYear.length === 4) {
@@ -244,82 +208,52 @@ var useDateInputs = function useDateInputs() {
       }
     }
   }, [handleChangeYear, hideTime, hourInputRef, withAnyRightController, withAnyPicker, pickerButtonRef, withClearBtn, clearButtonRef]);
-  var onYearKeyDown = React.useCallback(function (e) {
-    var _lastSegmentRef$curre5, _lastSegmentRef$curre6;
-
-    var key = e.key,
-        ctrlKey = e.ctrlKey,
-        metaKey = e.metaKey;
-    var yearStringConvertedToInteger = Number.parseInt(year, 10);
-    if (controlledDateTimePicker_utils_constants.homeEndArrowUpDownSpaceKeys.includes(key)) e.preventDefault();
-    if (controlledDateTimePicker_utils_constants.homeEndArrowUpDownSpaceKeys.includes(key)) e.stopPropagation();
+  const onYearKeyDown = React.useCallback(e => {
+    const {
+      key
+    } = e;
+    const preventDefaultKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown'];
+    const stopPropagationKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown'];
+    if (preventDefaultKeys.includes(key)) e.preventDefault();
+    if (stopPropagationKeys.includes(key)) e.stopPropagation();
     if (key === 'Home') onHomeKeyDown();
     if (key === 'End') onEndKeyDown();
 
     if (key === 'ArrowUp' || key === 'ArrowDown') {
-      var yearInteger = Number.isNaN(yearStringConvertedToInteger) ? 0 : yearStringConvertedToInteger;
-      var newYear;
+      const yearStringConvertedToInteger = Number.parseInt(year, 10);
+      const yearInteger = Number.isNaN(yearStringConvertedToInteger) ? 0 : yearStringConvertedToInteger;
+      let newYear;
       if (key === 'ArrowUp') newYear = yearInteger + 1 <= 9999 ? yearInteger + 1 : yearInteger;else newYear = yearInteger - 1 > 0 ? yearInteger - 1 : 1;
-      newYear = controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders("".concat(newYear), 4);
+      newYear = stringHelpers.prependStringWithPlaceHolders("".concat(newYear), 4);
       handleChangeYear(newYear, e);
     }
-
-    if (!Number.isNaN(yearStringConvertedToInteger) && key === ' ') {
-      var _newYear = controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders("".concat(yearStringConvertedToInteger), 4);
-
-      handleChangeYear(_newYear, e); // auto-advance functionality:
-
-      if (_newYear.length === 4) {
-        var _hourInputRef$current3, _hourInputRef$current4;
-
-        if (!hideTime) hourInputRef === null || hourInputRef === void 0 ? void 0 : (_hourInputRef$current3 = hourInputRef.current) === null || _hourInputRef$current3 === void 0 ? void 0 : (_hourInputRef$current4 = _hourInputRef$current3.focus) === null || _hourInputRef$current4 === void 0 ? void 0 : _hourInputRef$current4.call(_hourInputRef$current3);else if (withAnyRightController) {
-          var _clearButtonRef$curre5, _clearButtonRef$curre6, _pickerButtonRef$curr5, _pickerButtonRef$curr6;
-
-          if (withClearBtn) (_clearButtonRef$curre5 = clearButtonRef.current) === null || _clearButtonRef$curre5 === void 0 ? void 0 : (_clearButtonRef$curre6 = _clearButtonRef$curre5.focus) === null || _clearButtonRef$curre6 === void 0 ? void 0 : _clearButtonRef$curre6.call(_clearButtonRef$curre5);else if (withAnyPicker) pickerButtonRef === null || pickerButtonRef === void 0 ? void 0 : (_pickerButtonRef$curr5 = pickerButtonRef.current) === null || _pickerButtonRef$curr5 === void 0 ? void 0 : (_pickerButtonRef$curr6 = _pickerButtonRef$curr5.focus) === null || _pickerButtonRef$curr6 === void 0 ? void 0 : _pickerButtonRef$curr6.call(_pickerButtonRef$curr5); // pending approval from Seda, check which one should be focused first...
-        }
-      }
-    } // regressive backspace functionality
-
-
-    if (key === 'Backspace' && (year === null || year === void 0 ? void 0 : year.length) === 0) {
-      var _dayInputRef$current4, _dayInputRef$current5;
-
-      dayInputRef === null || dayInputRef === void 0 ? void 0 : (_dayInputRef$current4 = dayInputRef.current) === null || _dayInputRef$current4 === void 0 ? void 0 : (_dayInputRef$current5 = _dayInputRef$current4.focus) === null || _dayInputRef$current5 === void 0 ? void 0 : _dayInputRef$current5.call(_dayInputRef$current4);
-    } // focus last fragment on fill with now
-
-
-    if ((ctrlKey || metaKey) && key === ';') lastSegmentRef === null || lastSegmentRef === void 0 ? void 0 : (_lastSegmentRef$curre5 = lastSegmentRef.current) === null || _lastSegmentRef$curre5 === void 0 ? void 0 : (_lastSegmentRef$curre6 = _lastSegmentRef$curre5.focus) === null || _lastSegmentRef$curre6 === void 0 ? void 0 : _lastSegmentRef$curre6.call(_lastSegmentRef$curre5);
-  }, [year, onHomeKeyDown, onEndKeyDown, lastSegmentRef, handleChangeYear, hideTime, hourInputRef, withAnyRightController, withClearBtn, clearButtonRef, withAnyPicker, pickerButtonRef, dayInputRef]);
-  var onYearBlur = React.useCallback(function (e) {
+  }, [onHomeKeyDown, onEndKeyDown, handleChangeYear, year]);
+  const onYearBlur = React.useCallback(e => {
     var _e$target6;
 
-    var newYear = e === null || e === void 0 ? void 0 : (_e$target6 = e.target) === null || _e$target6 === void 0 ? void 0 : _e$target6.value;
-    if (newYear.length > 0 && newYear.length < 4) handleChangeYear(controlledDateTimePicker_utils_stringHelpers.fillStringWithPlaceHolders(newYear, 4, '0'), e, {
+    const newYear = e === null || e === void 0 ? void 0 : (_e$target6 = e.target) === null || _e$target6 === void 0 ? void 0 : _e$target6.value;
+    if (newYear.length > 0 && newYear.length < 4) handleChangeYear(stringHelpers.fillStringWithPlaceHolders(newYear, 4, '0'), e, {
       isAutomaticFillTrigger: true
     });
   }, [handleChangeYear]);
-  return React.useMemo(function () {
-    return {
-      month: month,
-      day: day,
-      year: year,
-      autoFocusMonthInput: autoFocusMonthInput,
-      disabled: disabled,
-      onMonthFocus: onMonthFocus,
-      onMonthChange: onMonthChange,
-      onDayFocus: onDayFocus,
-      onDayChange: onDayChange,
-      onYearFocus: onYearFocus,
-      onYearChange: onYearChange,
-      onMonthBlur: onMonthBlur,
-      onDayBlur: onDayBlur,
-      onYearBlur: onYearBlur,
-      onMonthKeyDown: onMonthKeyDown,
-      onDayKeyDown: onDayKeyDown,
-      onYearKeyDown: onYearKeyDown
-    };
-  }, [month, day, year, autoFocusMonthInput, disabled, onMonthFocus, onMonthChange, onDayFocus, onDayChange, onYearFocus, onYearChange, onMonthBlur, onDayBlur, onYearBlur, onMonthKeyDown, onDayKeyDown, onYearKeyDown]);
+  return React.useMemo(() => ({
+    month,
+    day,
+    year,
+    autoFocusMonthInput,
+    onMonthFocus,
+    onMonthChange,
+    onDayFocus,
+    onDayChange,
+    onYearFocus,
+    onYearChange,
+    onMonthBlur,
+    onDayBlur,
+    onYearBlur,
+    onMonthKeyDown,
+    onDayKeyDown,
+    onYearKeyDown
+  }), [month, day, year, autoFocusMonthInput, onMonthFocus, onMonthChange, onDayFocus, onDayChange, onYearFocus, onYearChange, onMonthBlur, onDayBlur, onYearBlur, onMonthKeyDown, onDayKeyDown, onYearKeyDown]);
 };
 
 exports.useDateInputs = useDateInputs;
-//# sourceMappingURL=useDateInputs.js.map