@elliemae/ds-controlled-form 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/controlled-date-time-picker/config/useControlledDateTimePicker.js

@@ -1,71 +1,61 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useControlledDateTimePicker_exports = {};
-__export(useControlledDateTimePicker_exports, {
-  useControlledDateTimePicker: () => useControlledDateTimePicker
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_useGetPropsWithDefault = require("./useGetPropsWithDefault");
-var import_useGetDestructuredValues = require("./useGetDestructuredValues");
-var import_ControlledDateTimePickerTypes = require("../ControlledDateTimePickerTypes");
-var import_useValidateProps = require("./useValidateProps");
-var import_dateHelpers = require("../utils/dateHelpers");
-var import_timeHelpers = require("../utils/timeHelpers");
-var import_stringHelpers = require("../utils/stringHelpers");
-var import_constants = require("../utils/constants");
-const useControlledDateTimePicker = (props) => {
-  (0, import_useValidateProps.useValidateProps)(props);
-  const monthInputRef = (0, import_react.useRef)();
-  const dayInputRef = (0, import_react.useRef)();
-  const yearInputRef = (0, import_react.useRef)();
-  const hourInputRef = (0, import_react.useRef)();
-  const minutesInputRef = (0, import_react.useRef)();
-  const meridiemInputRef = (0, import_react.useRef)();
-  const clearButtonRef = (0, import_react.useRef)();
-  const pickerButtonRef = (0, import_react.useRef)();
-  const prevYearBtnRef = (0, import_react.useRef)();
-  const prevMonthBtnRef = (0, import_react.useRef)();
-  const nextMonthBtnRef = (0, import_react.useRef)();
-  const nextYearBtnRef = (0, import_react.useRef)();
-  const calendarDaysWrapperRef = (0, import_react.useRef)();
-  const prevHourBtnRef = (0, import_react.useRef)();
-  const currHourBtnRef = (0, import_react.useRef)();
-  const nextHourBtnRef = (0, import_react.useRef)();
-  const prevMinutesBtnRef = (0, import_react.useRef)();
-  const currMinutesBtnRef = (0, import_react.useRef)();
-  const nextMinutesBtnRef = (0, import_react.useRef)();
-  const prevMeridiemBtnRef = (0, import_react.useRef)();
-  const currMeridiemBtnRef = (0, import_react.useRef)();
-  const nextMeridiemBtnRef = (0, import_react.useRef)();
-  const propsWithDefaults = (0, import_useGetPropsWithDefault.useGetDatePickerWithDefaultsProps)(props);
-  const dataAttrs = (0, import_ds_props_helpers.getDataProps)(props);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var useGetPropsWithDefault = require('./useGetPropsWithDefault.js');
+var useGetDestructuredValues = require('./useGetDestructuredValues.js');
+var ControlledDateTimePickerTypes = require('../ControlledDateTimePickerTypes.js');
+var useValidateProps = require('./useValidateProps.js');
+var dateHelpers = require('../utils/dateHelpers.js');
+var timeHelpers = require('../utils/timeHelpers.js');
+var stringHelpers = require('../utils/stringHelpers.js');
+var constants = require('../utils/constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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 useControlledDateTimePicker = props => {
+  // if we detect wrong props configuration we throw meaningful errors
+  useValidateProps.useValidateProps(props); // refs are used for "auto-advance" feature
+
+  const monthInputRef = React.useRef();
+  const dayInputRef = React.useRef();
+  const yearInputRef = React.useRef();
+  const hourInputRef = React.useRef();
+  const minutesInputRef = React.useRef();
+  const meridiemInputRef = React.useRef();
+  const clearButtonRef = React.useRef();
+  const pickerButtonRef = React.useRef();
+  const prevYearBtnRef = React.useRef();
+  const prevMonthBtnRef = React.useRef();
+  const nextMonthBtnRef = React.useRef();
+  const nextYearBtnRef = React.useRef();
+  const calendarDaysWrapperRef = React.useRef();
+  const prevHourBtnRef = React.useRef();
+  const currHourBtnRef = React.useRef();
+  const nextHourBtnRef = React.useRef();
+  const prevMinutesBtnRef = React.useRef();
+  const currMinutesBtnRef = React.useRef();
+  const nextMinutesBtnRef = React.useRef();
+  const prevMeridiemBtnRef = React.useRef();
+  const currMeridiemBtnRef = React.useRef();
+  const nextMeridiemBtnRef = React.useRef();
+  const propsWithDefaults = useGetPropsWithDefault.useGetDatePickerWithDefaultsProps(props);
+  const dataAttrs = dsPropsHelpers.getDataProps(props);
   const {
     type,
     getIsDisabledDay,
@@ -86,24 +76,32 @@ const useControlledDateTimePicker = (props) => {
     time: appTime,
     dateTime: appDateTime
   } = propsWithDefaults;
-  const dateStringFromProps = (0, import_react.useMemo)(() => propsWithDefaults.dateTime && propsWithDefaults.dateTime !== "" ? (0, import_stringHelpers.dateTimeToDate)(propsWithDefaults.dateTime) : propsWithDefaults.date && propsWithDefaults.date !== "" ? propsWithDefaults.date : "__/__/____", [propsWithDefaults.date, propsWithDefaults.dateTime]);
-  const [tempDateString, setTempDateString] = (0, import_react.useState)(dateStringFromProps);
-  const timeStringFromProps = (0, import_react.useMemo)(() => propsWithDefaults.dateTime && propsWithDefaults.dateTime !== "" ? (0, import_stringHelpers.dateTimeToTime)(propsWithDefaults.dateTime) : propsWithDefaults.time && propsWithDefaults.time !== "" ? propsWithDefaults.time : "__:__ __", [propsWithDefaults.time, propsWithDefaults.dateTime]);
-  const [tempTimeString, setTimeString] = (0, import_react.useState)(timeStringFromProps);
-  const hideDate = type !== import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL && type !== import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.INPUTS && type !== import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL && type !== import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS;
-  const hideTime = type !== import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL && type !== import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.INPUTS && type !== import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL && type !== import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.INPUTS;
-  const hideDateTimePicker = type !== import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL && type !== import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER && type !== import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;
-  const hideDatePicker = type !== import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL && type !== import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER && type !== import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;
-  const hideTimePicker = type !== import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL && type !== import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.PICKER && type !== import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;
-  const isDateSelector = type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL || type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS || type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER || type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;
-  const isTimeSelector = type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL || type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.INPUTS || type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.PICKER || type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;
-  const isDateTimeSelector = type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL || type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.INPUTS || type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER || type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;
-  const isControllerOnly = type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY || type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY || type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;
-  const isWithTimeWheelToo = type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL || type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER || type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;
-  const isWithCalendarToo = type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL || type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER || type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;
+  const dateStringFromProps = React.useMemo(() => propsWithDefaults.dateTime && propsWithDefaults.dateTime !== '' ? stringHelpers.dateTimeToDate(propsWithDefaults.dateTime) : propsWithDefaults.date && propsWithDefaults.date !== '' ? propsWithDefaults.date : '__/__/____', [propsWithDefaults.date, propsWithDefaults.dateTime]); // don't use tempDateString to trigger useEffect for onDateChange
+  // that is an anti-pattern and leads to a lot of issue
+  // if you don't believe me, check date-time-picker v1 which is doing it
+
+  const [tempDateString, setTempDateString] = React.useState(dateStringFromProps);
+  const timeStringFromProps = React.useMemo(() => propsWithDefaults.dateTime && propsWithDefaults.dateTime !== '' ? stringHelpers.dateTimeToTime(propsWithDefaults.dateTime) : propsWithDefaults.time && propsWithDefaults.time !== '' ? propsWithDefaults.time : '__:__ __', [propsWithDefaults.time, propsWithDefaults.dateTime]); // don't use tempTimeString to trigger useEffect for onTimeChange
+  // that is an anti-pattern and leads to a lot of issue
+  // if you don't believe me, check date-time-picker v1 which is doing it
+
+  const [tempTimeString, setTimeString] = React.useState(timeStringFromProps);
+  const hideDate = type !== ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL && type !== ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.INPUTS && type !== ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL && type !== ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS;
+  const hideTime = type !== ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL && type !== ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.INPUTS && type !== ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL && type !== ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.INPUTS;
+  const hideDateTimePicker = type !== ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL && type !== ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER && type !== ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;
+  const hideDatePicker = type !== ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL && type !== ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER && type !== ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;
+  const hideTimePicker = type !== ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL && type !== ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.PICKER && type !== ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;
+  const isDateSelector = type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;
+  const isTimeSelector = type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.INPUTS || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.PICKER || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;
+  const isDateTimeSelector = type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.INPUTS || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;
+  const isControllerOnly = type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;
+  const isWithTimeWheelToo = type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;
+  const isWithCalendarToo = type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;
   const withAnyInputs = !hideDate || !hideTime;
   const withAnyPicker = !hideDateTimePicker || !hideTimePicker || !hideDatePicker;
-  const withClearBtn = isClearable && withAnyInputs && (dateStringFromProps !== "__/__/____" && dateStringFromProps !== "" || timeStringFromProps !== "__:__ __" && timeStringFromProps !== "");
+  const withClearBtn = isClearable && withAnyInputs && (dateStringFromProps !== '__/__/____' && dateStringFromProps !== '' || // date is not "empty-ish"
+  timeStringFromProps !== '__:__ __' && timeStringFromProps !== ''); // or time is not "empty-ish"
+
   const isWithDateInputs = withAnyInputs && (isDateTimeSelector || isDateSelector);
   const isWithDateInputsOnly = withAnyInputs && isDateSelector;
   const isWithTimeInputs = withAnyInputs && (isDateTimeSelector || isTimeSelector);
@@ -114,23 +112,11 @@ const useControlledDateTimePicker = (props) => {
   const autoFocusHourTimeWheel = isControllerOnly && isTimeSelector && autoFocus;
   const shouldPreserveClearableSpace = isClearable && withAnyInputs;
   const withAnyRightController = withAnyPicker || withClearBtn || shouldPreserveClearableSpace;
-  const [latestInteractionRegion, setLatestInteractionRegion] = (0, import_react.useState)("");
-  let firstSegmentRef = (0, import_react.useRef)();
-  if (isWithDateInputs)
-    firstSegmentRef = monthInputRef;
-  else if (isWithTimeInputs)
-    firstSegmentRef = hourInputRef;
-  else if (withAnyPicker)
-    firstSegmentRef = pickerButtonRef;
-  let lastSegmentRef = (0, import_react.useRef)();
-  if (withAnyPicker)
-    lastSegmentRef = pickerButtonRef;
-  else if (withClearBtn)
-    lastSegmentRef = clearButtonRef;
-  else if (isWithTimeInputs)
-    lastSegmentRef = meridiemInputRef;
-  else if (isWithDateInputs)
-    lastSegmentRef = yearInputRef;
+  const [latestInteractionRegion, setLatestInteractionRegion] = React.useState('');
+  let firstSegmentRef = React.useRef();
+  if (isWithDateInputs) firstSegmentRef = monthInputRef;else if (isWithTimeInputs) firstSegmentRef = hourInputRef;else if (withAnyPicker) firstSegmentRef = pickerButtonRef;
+  let lastSegmentRef = React.useRef();
+  if (withAnyPicker) lastSegmentRef = pickerButtonRef;else if (withClearBtn) lastSegmentRef = clearButtonRef;else if (isWithTimeInputs) lastSegmentRef = meridiemInputRef;else if (isWithDateInputs) lastSegmentRef = yearInputRef;
   const {
     month,
     day,
@@ -151,220 +137,235 @@ const useControlledDateTimePicker = (props) => {
     announcedMinutes,
     announcedMeridiem,
     announcedTimeValues
-  } = (0, import_useGetDestructuredValues.useGetDestructuredValues)({ date: appDate, time: appTime, dateTime: appDateTime, isDateTimeSelector });
-  const ariaCurrentValueForInputs = `current values: ${isWithDateInputs ? `${announcedDateValues}` : ""}${isDateTimeSelector ? ", " : ""}${isWithTimeInputs ? `${announcedTimeValues}` : ""}`;
-  const getDateMetaInfo = (0, import_react.useCallback)((newDateString = null, metaInfo = {}) => {
+  } = useGetDestructuredValues.useGetDestructuredValues({
+    date: appDate,
+    time: appTime,
+    dateTime: appDateTime,
+    isDateTimeSelector
+  });
+  const ariaCurrentValueForInputs = "current values: ".concat(isWithDateInputs ? "".concat(announcedDateValues) : '').concat(isDateTimeSelector ? ', ' : '').concat(isWithTimeInputs ? "".concat(announcedTimeValues) : '');
+  const getDateMetaInfo = React.useCallback(function () {
+    let newDateString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    let metaInfo = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     const finalDateString = newDateString || tempDateString;
-    return {
-      ...metaInfo,
-      ...(0, import_dateHelpers.getValidationDateStringMetaInfo)(finalDateString, getIsOutOfRangeDay, getIsDisabledDay)
-    };
+    return _objectSpread(_objectSpread({}, metaInfo), dateHelpers.getValidationDateStringMetaInfo(finalDateString, getIsOutOfRangeDay, getIsDisabledDay));
   }, [tempDateString, getIsDisabledDay, getIsOutOfRangeDay]);
-  const getTimeMetaInfo = (0, import_react.useCallback)((newTimeString = null, metaInfo = {}) => {
+  const getTimeMetaInfo = React.useCallback(function () {
+    let newTimeString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    let metaInfo = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     const finalTimeString = newTimeString || tempTimeString;
-    return {
-      ...metaInfo,
-      ...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(finalTimeString, getIsDisabledTime)
-    };
+    return _objectSpread(_objectSpread({}, metaInfo), timeHelpers.getValidationTimeStringMetaInfo(finalTimeString, getIsDisabledTime));
   }, [tempTimeString, getIsDisabledTime]);
-  const handleChangeComposedDateTimeString = (0, import_react.useCallback)((newDateString, newTimeString, metaInfo) => {
-    const appDateString = (0, import_stringHelpers.isEmptyDateStringMask)(newDateString) ? "" : newDateString;
-    const appTimeString = (0, import_stringHelpers.isEmptyTimeStringMask)(newTimeString) ? "" : newTimeString;
-    appOnDateChange(appDateString, metaInfo);
+  const handleChangeComposedDateTimeString = React.useCallback((newDateString, newTimeString, metaInfo) => {
+    const appDateString = stringHelpers.isEmptyDateStringMask(newDateString) ? '' : newDateString;
+    const appTimeString = stringHelpers.isEmptyTimeStringMask(newTimeString) ? '' : newTimeString;
+    appOnDateChange(appDateString, metaInfo); // don't do this on useEffect to avoid complete chaos
+
     setTempDateString(newDateString);
-    appOnTimeChange(appTimeString, metaInfo);
+    appOnTimeChange(appTimeString, metaInfo); // don't do this on useEffect to avoid complete chaos
+
     setTimeString(newTimeString);
-    const newDateTimeString = `${newDateString} ${newTimeString}`;
-    const newMetaInfo = {
-      ...getTimeMetaInfo(newTimeString, metaInfo),
-      ...getDateMetaInfo(newDateString, metaInfo),
+    const newDateTimeString = "".concat(newDateString, " ").concat(newTimeString);
+
+    const newMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, getTimeMetaInfo(newTimeString, metaInfo)), getDateMetaInfo(newDateString, metaInfo)), {}, {
       newDateString,
       newTimeString,
       newDateTimeString
-    };
-    const appDateTimeString = (0, import_stringHelpers.isEmptyDateTimeStringMask)(newDateTimeString) ? "" : newDateTimeString;
-    appOnDateTimeChange(appDateTimeString, newMetaInfo);
+    });
+
+    const appDateTimeString = stringHelpers.isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;
+    appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos
   }, [appOnDateChange, appOnTimeChange, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange]);
-  const handleChangeComposedDateString = (0, import_react.useCallback)((newDateString, metaInfo) => {
-    const appDateString = (0, import_stringHelpers.isEmptyDateStringMask)(newDateString) ? "" : newDateString;
-    appOnDateChange(appDateString, metaInfo);
+  const handleChangeComposedDateString = React.useCallback((newDateString, metaInfo) => {
+    // if we receive an "empty" mask, we comunicate empty string to the app
+    const appDateString = stringHelpers.isEmptyDateStringMask(newDateString) ? '' : newDateString;
+    appOnDateChange(appDateString, metaInfo); // don't do this on useEffect to avoid complete chaos
+
     setTempDateString(newDateString);
-    const newDateTimeString = `${newDateString} ${tempTimeString}`;
-    const newMetaInfo = {
-      ...getTimeMetaInfo(tempTimeString, metaInfo),
-      ...getDateMetaInfo(newDateString, metaInfo),
+    const newDateTimeString = "".concat(newDateString, " ").concat(tempTimeString);
+
+    const newMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, getTimeMetaInfo(tempTimeString, metaInfo)), getDateMetaInfo(newDateString, metaInfo)), {}, {
       newDateString,
       newTimeString: tempTimeString,
       newDateTimeString
-    };
-    const appDateTimeString = (0, import_stringHelpers.isEmptyDateTimeStringMask)(newDateTimeString) ? "" : newDateTimeString;
-    appOnDateTimeChange(appDateTimeString, newMetaInfo);
+    });
+
+    const appDateTimeString = stringHelpers.isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;
+    appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos
   }, [appOnDateChange, tempTimeString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange]);
-  const handleChangeComposedTimeString = (0, import_react.useCallback)((newTimeString, metaInfo) => {
-    const appTimeString = (0, import_stringHelpers.isEmptyTimeStringMask)(newTimeString) ? "" : newTimeString;
-    appOnTimeChange(appTimeString, metaInfo);
+  const handleChangeComposedTimeString = React.useCallback((newTimeString, metaInfo) => {
+    const appTimeString = stringHelpers.isEmptyTimeStringMask(newTimeString) ? '' : newTimeString;
+    appOnTimeChange(appTimeString, metaInfo); // don't do this on useEffect to avoid complete chaos
+
     setTimeString(newTimeString);
-    const newDateTimeString = `${tempDateString} ${newTimeString}`;
-    const newMetaInfo = {
-      ...getTimeMetaInfo(newTimeString, metaInfo),
-      ...getDateMetaInfo(tempDateString, metaInfo),
+    const newDateTimeString = "".concat(tempDateString, " ").concat(newTimeString);
+
+    const newMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, getTimeMetaInfo(newTimeString, metaInfo)), getDateMetaInfo(tempDateString, metaInfo)), {}, {
       newDateTimeString,
       newDateString: tempDateString,
       newTimeString
-    };
-    const appDateTimeString = (0, import_stringHelpers.isEmptyDateTimeStringMask)(newDateTimeString) ? "" : newDateTimeString;
-    appOnDateTimeChange(appDateTimeString, newMetaInfo);
+    });
+
+    const appDateTimeString = stringHelpers.isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;
+    appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos
   }, [appOnTimeChange, tempDateString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange]);
-  const handleChangeMonth = (0, import_react.useCallback)((newMonth, e, metaInfo = import_constants.defaultMetaInfo) => {
-    const newDateString = (0, import_stringHelpers.getFormattedDateString)({
+  const handleChangeMonth = React.useCallback(function (newMonth, e) {
+    let metaInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : constants.defaultMetaInfo;
+    const newDateString = stringHelpers.getFormattedDateString({
       month: newMonth,
       day,
       year
     });
-    const finalMetaInfo = {
-      ...metaInfo,
-      ...(0, import_dateHelpers.getValidationDateStringMetaInfo)(newDateString, getIsOutOfRangeDay, getIsDisabledDay),
+
+    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]);
-  const handleChangeDay = (0, import_react.useCallback)((newDay, e, metaInfo = import_constants.defaultMetaInfo) => {
-    const newDateString = (0, import_stringHelpers.getFormattedDateString)({
+  const handleChangeDay = React.useCallback(function (newDay, e) {
+    let metaInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : constants.defaultMetaInfo;
+    const newDateString = stringHelpers.getFormattedDateString({
       month,
       day: newDay,
       year
     });
-    const finalMetaInfo = {
-      ...metaInfo,
-      ...(0, import_dateHelpers.getValidationDateStringMetaInfo)(newDateString, getIsOutOfRangeDay, getIsDisabledDay),
+
+    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]);
-  const handleChangeYear = (0, import_react.useCallback)((newYear, e, metaInfo = import_constants.defaultMetaInfo) => {
-    const newDateString = (0, import_stringHelpers.getFormattedDateString)({
+  const handleChangeYear = React.useCallback(function (newYear, e) {
+    let metaInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : constants.defaultMetaInfo;
+    const newDateString = stringHelpers.getFormattedDateString({
       month,
       day,
       year: newYear
     });
-    const finalMetaInfo = {
-      ...metaInfo,
-      ...(0, import_dateHelpers.getValidationDateStringMetaInfo)(newDateString, getIsOutOfRangeDay, getIsDisabledDay),
+
+    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]);
-  const handleChangeHours = (0, import_react.useCallback)((newHours, e, metaInfo = import_constants.defaultMetaInfo) => {
-    const newTimeString = (0, import_stringHelpers.getFormattedTimeString)({
+  const handleChangeHours = React.useCallback(function (newHours, e) {
+    let metaInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : constants.defaultMetaInfo;
+    const newTimeString = stringHelpers.getFormattedTimeString({
       hours: newHours,
       minutes,
+      // seconds,
       meridiem
     });
-    const finalMetaInfo = {
-      ...metaInfo,
-      ...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(newTimeString, getIsDisabledTime),
+
+    const finalMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, metaInfo), timeHelpers.getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime)), {}, {
       newTimeString
-    };
+    });
+
     appOnHourChange(newHours, e, finalMetaInfo);
     handleChangeComposedTimeString(newTimeString, finalMetaInfo);
   }, [minutes, meridiem, getIsDisabledTime, appOnHourChange, handleChangeComposedTimeString]);
-  const handleChangeMinutes = (0, import_react.useCallback)((newMinutes, e, metaInfo = import_constants.defaultMetaInfo) => {
-    const newTimeString = (0, import_stringHelpers.getFormattedTimeString)({
+  const handleChangeMinutes = React.useCallback(function (newMinutes, e) {
+    let metaInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : constants.defaultMetaInfo;
+    const newTimeString = stringHelpers.getFormattedTimeString({
       hours,
       minutes: newMinutes,
+      // seconds,
       meridiem
     });
-    const finalMetaInfo = {
-      ...metaInfo,
-      ...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(newTimeString, getIsDisabledTime),
+
+    const finalMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, metaInfo), timeHelpers.getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime)), {}, {
       newTimeString
-    };
+    });
+
     appOnMinuteChange(newMinutes, e, finalMetaInfo);
     handleChangeComposedTimeString(newTimeString, finalMetaInfo);
   }, [hours, meridiem, getIsDisabledTime, appOnMinuteChange, handleChangeComposedTimeString]);
-  const handleChangeMeridiem = (0, import_react.useCallback)((newMeridiem, e, metaInfo = import_constants.defaultMetaInfo) => {
-    const newTimeString = (0, import_stringHelpers.getFormattedTimeString)({
+  const handleChangeMeridiem = React.useCallback(function (newMeridiem, e) {
+    let metaInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : constants.defaultMetaInfo;
+    const newTimeString = stringHelpers.getFormattedTimeString({
       hours,
       minutes,
+      // seconds,
       meridiem: newMeridiem
     });
-    const finalMetaInfo = {
-      ...metaInfo,
-      ...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(newTimeString, getIsDisabledTime),
+
+    const finalMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, metaInfo), timeHelpers.getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime)), {}, {
       newTimeString
-    };
+    });
+
     appOnMeridiemChange(newMeridiem, e, finalMetaInfo);
     handleChangeComposedTimeString(newTimeString, finalMetaInfo);
   }, [hours, minutes, getIsDisabledTime, appOnMeridiemChange, handleChangeComposedTimeString]);
-  const handleClearAll = (0, import_react.useCallback)((e) => {
+  const handleClearAll = React.useCallback(e => {
     const metaInfo = {
       isAutomaticFillTrigger: false,
       isClearButtonAction: true,
-      newDateString: "",
-      newTimeString: "",
-      newDateTimeString: ""
+      newDateString: '',
+      newTimeString: '',
+      newDateTimeString: ''
     };
-    const datePartsChangesMetainfo = { ...metaInfo };
-    const timePartsChangesMetainfo = { ...metaInfo };
+
+    const datePartsChangesMetainfo = _objectSpread({}, metaInfo);
+
+    const timePartsChangesMetainfo = _objectSpread({}, metaInfo);
+
     if (isDateSelector || isDateTimeSelector) {
       delete datePartsChangesMetainfo.newDateTimeString;
       delete datePartsChangesMetainfo.newTimeString;
-      appOnMonthChange("", e, datePartsChangesMetainfo);
-      appOnDayChange("", e, datePartsChangesMetainfo);
-      appOnYearChange("", e, datePartsChangesMetainfo);
+      appOnMonthChange('', e, datePartsChangesMetainfo);
+      appOnDayChange('', e, datePartsChangesMetainfo);
+      appOnYearChange('', e, datePartsChangesMetainfo);
     }
+
     if (isTimeSelector || isDateTimeSelector) {
       delete timePartsChangesMetainfo.newDateTimeString;
       delete timePartsChangesMetainfo.newDateString;
-      appOnHourChange("", e, timePartsChangesMetainfo);
-      appOnMinuteChange("", e, timePartsChangesMetainfo);
-      appOnMeridiemChange("", e, timePartsChangesMetainfo);
+      appOnHourChange('', e, timePartsChangesMetainfo);
+      appOnMinuteChange('', e, timePartsChangesMetainfo);
+      appOnMeridiemChange('', e, timePartsChangesMetainfo);
     }
-    if (isDateTimeSelector)
-      handleChangeComposedDateTimeString("__/__/____", "__:__ __", metaInfo);
-    if (isDateSelector)
-      handleChangeComposedDateString("__/__/____", datePartsChangesMetainfo);
-    if (isTimeSelector)
-      handleChangeComposedTimeString("__:__ __", timePartsChangesMetainfo);
-  }, [
-    appOnDayChange,
-    appOnHourChange,
-    appOnMeridiemChange,
-    appOnMinuteChange,
-    appOnMonthChange,
-    appOnYearChange,
-    handleChangeComposedDateString,
-    handleChangeComposedDateTimeString,
-    handleChangeComposedTimeString,
-    isDateSelector,
-    isDateTimeSelector,
-    isTimeSelector
-  ]);
-  const onFillWithCurrentDateKeys = (0, import_react.useCallback)((metaInfo = { isAutomaticFillTrigger: true }) => {
+
+    if (isDateTimeSelector) handleChangeComposedDateTimeString('__/__/____', '__:__ __', metaInfo);
+    if (isDateSelector) handleChangeComposedDateString('__/__/____', datePartsChangesMetainfo);
+    if (isTimeSelector) handleChangeComposedTimeString('__:__ __', timePartsChangesMetainfo);
+  }, [appOnDayChange, appOnHourChange, appOnMeridiemChange, appOnMinuteChange, appOnMonthChange, appOnYearChange, handleChangeComposedDateString, handleChangeComposedDateTimeString, handleChangeComposedTimeString, isDateSelector, isDateTimeSelector, isTimeSelector]);
+  const onFillWithCurrentDateKeys = React.useCallback(function () {
+    let metaInfo = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      isAutomaticFillTrigger: true
+    };
     const now = new Date();
-    const nowDateString = (0, import_dateHelpers.getDateStringFromDay)(now);
-    const nowTimeString = (0, import_dateHelpers.getTimeStringFromDay)(now);
-    const finalMetaInfo = {
-      ...metaInfo,
-      ...(0, import_dateHelpers.getValidationDateStringMetaInfo)(nowDateString, getIsOutOfRangeDay, getIsDisabledDay),
-      ...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(nowTimeString, getIsDisabledTime),
+    const nowDateString = dateHelpers.getDateStringFromDay(now);
+    const nowTimeString = dateHelpers.getTimeStringFromDay(now);
+
+    const finalMetaInfo = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaInfo), dateHelpers.getValidationDateStringMetaInfo(nowDateString, getIsOutOfRangeDay, getIsDisabledDay)), timeHelpers.getValidationTimeStringMetaInfo(nowTimeString, getIsDisabledTime)), {}, {
       newDateString: nowDateString
-    };
+    });
+
     handleChangeComposedDateTimeString(nowDateString, nowTimeString, finalMetaInfo);
   }, [getIsDisabledDay, getIsDisabledTime, getIsOutOfRangeDay, handleChangeComposedDateTimeString]);
-  const onGlobalKeyDown = (0, import_react.useCallback)((e) => {
-    const { key, ctrlKey, metaKey } = e;
-    if ((ctrlKey || metaKey) && key === ";") {
+  const onGlobalKeyDown = React.useCallback(e => {
+    const {
+      key,
+      ctrlKey,
+      metaKey
+    } = e;
+
+    if ((ctrlKey || metaKey) && key === ';') {
       onFillWithCurrentDateKeys();
     }
-    if ((ctrlKey || metaKey) && (key === "Delete" || key === "Backspace"))
-      handleClearAll(e);
+
+    if ((ctrlKey || metaKey) && (key === 'Delete' || key === 'Backspace')) handleClearAll(e);
   }, [handleClearAll, onFillWithCurrentDateKeys]);
-  const ctx = import_react.default.useMemo(() => ({
-    props: { ...propsWithDefaults, dataAttrs },
+  const ctx = React__default["default"].useMemo(() => ({
+    props: _objectSpread(_objectSpread({}, propsWithDefaults), {}, {
+      dataAttrs
+    }),
     monthInputRef,
     dayInputRef,
     yearInputRef,
@@ -451,70 +452,9 @@ const useControlledDateTimePicker = (props) => {
     announcedTimeValues,
     ariaCurrentValueForInputs,
     onGlobalKeyDown
-  }), [
-    dataAttrs,
-    propsWithDefaults,
-    dateStringFromProps,
-    tempDateString,
-    tempTimeString,
-    handleChangeComposedDateTimeString,
-    handleChangeComposedDateString,
-    handleChangeComposedTimeString,
-    handleChangeMonth,
-    handleChangeDay,
-    handleChangeYear,
-    handleChangeHours,
-    handleChangeMinutes,
-    handleChangeMeridiem,
-    handleClearAll,
-    hideDate,
-    hideTime,
-    hideDateTimePicker,
-    hideDatePicker,
-    hideTimePicker,
-    isDateSelector,
-    isTimeSelector,
-    isDateTimeSelector,
-    isControllerOnly,
-    isWithTimeWheelToo,
-    isWithCalendarToo,
-    isWithDateInputs,
-    isWithDateInputsOnly,
-    isWithTimeInputs,
-    isWithTimeInputsOnly,
-    autoFocusMonthInput,
-    autoFocusHourInput,
-    autoFocusPrevMonthArrow,
-    autoFocusHourTimeWheel,
-    latestInteractionRegion,
-    withAnyInputs,
-    withAnyPicker,
-    withClearBtn,
-    withAnyRightController,
-    shouldPreserveClearableSpace,
-    month,
-    day,
-    year,
-    monthNum,
-    dayNum,
-    yearNum,
-    announcedMonth,
-    announcedDay,
-    announcedYear,
-    announcedDateValues,
-    hours,
-    minutes,
-    meridiem,
-    hoursNum,
-    minutesNum,
-    announcedHours,
-    announcedMinutes,
-    announcedMeridiem,
-    announcedTimeValues,
-    ariaCurrentValueForInputs,
-    onGlobalKeyDown
-  ]);
+  }), [dataAttrs, propsWithDefaults, dateStringFromProps, tempDateString, tempTimeString, handleChangeComposedDateTimeString, handleChangeComposedDateString, handleChangeComposedTimeString, handleChangeMonth, handleChangeDay, handleChangeYear, handleChangeHours, handleChangeMinutes, handleChangeMeridiem, handleClearAll, hideDate, hideTime, hideDateTimePicker, hideDatePicker, hideTimePicker, isDateSelector, isTimeSelector, isDateTimeSelector, isControllerOnly, isWithTimeWheelToo, isWithCalendarToo, isWithDateInputs, isWithDateInputsOnly, isWithTimeInputs, isWithTimeInputsOnly, autoFocusMonthInput, autoFocusHourInput, autoFocusPrevMonthArrow, autoFocusHourTimeWheel, latestInteractionRegion, withAnyInputs, withAnyPicker, withClearBtn, withAnyRightController, shouldPreserveClearableSpace, month, day, year, monthNum, dayNum, yearNum, announcedMonth, announcedDay, announcedYear, announcedDateValues, hours, minutes, meridiem, hoursNum, minutesNum, announcedHours, announcedMinutes, announcedMeridiem, announcedTimeValues, ariaCurrentValueForInputs, onGlobalKeyDown] // refs are mutable so we don't need to listen to them
+  );
   return ctx;
 };
-module.exports = __toCommonJS(useControlledDateTimePicker_exports);
-//# sourceMappingURL=useControlledDateTimePicker.js.map
+
+exports.useControlledDateTimePicker = useControlledDateTimePicker;