@elliemae/ds-controlled-form 2.3.0-alpha.9 → 2.3.0-next.3

package/cjs/controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js

@@ -0,0 +1,255 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
+var constants = require('../../utils/constants.js');
+var stringHelpers = require('../../utils/stringHelpers.js');
+
+/* eslint-disable complexity */
+const useTimeInputs = () => {
+  const {
+    props: {
+      minutesInterval,
+      disabled
+    },
+    lastSegmentRef,
+    hours,
+    minutes,
+    meridiem,
+    hideDate,
+    withAnyRightController,
+    withAnyPicker,
+    withClearBtn,
+    isWithDateInputs,
+    hourInputRef,
+    minutesInputRef,
+    meridiemInputRef,
+    yearInputRef,
+    clearButtonRef,
+    pickerButtonRef,
+    monthInputRef,
+    autoFocusHourInput,
+    handleChangeHours,
+    handleChangeMinutes,
+    handleChangeMeridiem,
+    setLatestInteractionRegion
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const setLatestInteractionRegionTimeInputs = React.useCallback(() => {
+    setLatestInteractionRegion('time-inputs');
+  }, [setLatestInteractionRegion]);
+  const onHomeKeyDown = React.useCallback(() => {
+    var _monthInputRef$curren, _monthInputRef$curren2, _hourInputRef$current, _hourInputRef$current2;
+
+    if (!hideDate) 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);else hourInputRef === null || hourInputRef === void 0 ? void 0 : (_hourInputRef$current = hourInputRef.current) === null || _hourInputRef$current === void 0 ? void 0 : (_hourInputRef$current2 = _hourInputRef$current.focus) === null || _hourInputRef$current2 === void 0 ? void 0 : _hourInputRef$current2.call(_hourInputRef$current);
+  }, [hideDate, monthInputRef, hourInputRef]);
+  const onEndKeyDown = React.useCallback(() => {
+    var _pickerButtonRef$curr, _pickerButtonRef$curr2, _clearButtonRef$curre, _clearButtonRef$curre2, _meridiemInputRef$cur, _meridiemInputRef$cur2;
+
+    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 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);
+  }, [withAnyPicker, pickerButtonRef, withClearBtn, clearButtonRef, meridiemInputRef]);
+  const onHoursFocus = React.useCallback(() => {
+    setLatestInteractionRegionTimeInputs();
+  }, [setLatestInteractionRegionTimeInputs]);
+  const onHoursChange = React.useCallback(e => {
+    var _e$target, _minutesInputRef$curr, _minutesInputRef$curr2;
+
+    let newHours = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value; // converts hours 2~9 to 07~09
+
+    if (Number.parseInt(newHours, 10) > 1) newHours = stringHelpers.prependStringWithPlaceHolders(newHours, 2);
+    handleChangeHours(newHours, e); // auto-advance functionality:
+
+    if (newHours.length === 2) minutesInputRef === null || minutesInputRef === void 0 ? void 0 : (_minutesInputRef$curr = minutesInputRef.current) === null || _minutesInputRef$curr === void 0 ? void 0 : (_minutesInputRef$curr2 = _minutesInputRef$curr.focus) === null || _minutesInputRef$curr2 === void 0 ? void 0 : _minutesInputRef$curr2.call(_minutesInputRef$curr);
+  }, [minutesInputRef, handleChangeHours]);
+  const onHoursKeyDown = React.useCallback(e => {
+    var _lastSegmentRef$curre, _lastSegmentRef$curre2;
+
+    const {
+      key,
+      ctrlKey,
+      metaKey
+    } = e;
+    const hoursStringConvertedToInteger = Number.parseInt(hours, 10);
+    if (constants.homeEndArrowUpDownSemiKeys.includes(key)) e.preventDefault();
+    if (constants.homeEndArrowUpDownSemiKeys.includes(key)) e.stopPropagation();
+    if (key === 'Home') onHomeKeyDown();
+    if (key === 'End') onEndKeyDown();
+
+    if (key === 'ArrowUp' || key === 'ArrowDown') {
+      const hoursInteger = Number.isNaN(hoursStringConvertedToInteger) ? 0 : hoursStringConvertedToInteger;
+      let newHours;
+      if (key === 'ArrowUp') newHours = hoursInteger + 1 <= 12 ? hoursInteger + 1 : hoursInteger;else newHours = hoursInteger - 1 > 1 ? hoursInteger - 1 : 1;
+      newHours = stringHelpers.prependStringWithPlaceHolders("".concat(newHours), 2);
+      handleChangeHours(newHours, e);
+    }
+
+    if (!Number.isNaN(hoursStringConvertedToInteger) && key === ':') {
+      var _minutesInputRef$curr3, _minutesInputRef$curr4;
+
+      const newHours = stringHelpers.prependStringWithPlaceHolders("".concat(hoursStringConvertedToInteger), 2);
+      handleChangeHours(newHours, e); // auto-advance functionality:
+
+      if (newHours.length === 2) minutesInputRef === null || minutesInputRef === void 0 ? void 0 : (_minutesInputRef$curr3 = minutesInputRef.current) === null || _minutesInputRef$curr3 === void 0 ? void 0 : (_minutesInputRef$curr4 = _minutesInputRef$curr3.focus) === null || _minutesInputRef$curr4 === void 0 ? void 0 : _minutesInputRef$curr4.call(_minutesInputRef$curr3);
+    } // regressive backspace functionality
+
+
+    if (key === 'Backspace' && hours.length === 0 && isWithDateInputs) {
+      var _yearInputRef$current, _yearInputRef$current2;
+
+      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);
+    } // 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);
+  }, [hours, onHomeKeyDown, onEndKeyDown, isWithDateInputs, lastSegmentRef, handleChangeHours, minutesInputRef, yearInputRef]);
+  const onHoursBlur = React.useCallback(e => {
+    var _e$target2;
+
+    const newHours = e === null || e === void 0 ? void 0 : (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.value;
+    if (newHours === '0') handleChangeHours('01', e, {
+      isAutomaticFillTrigger: true
+    });else if (newHours.length > 0 && newHours.length < 2) handleChangeHours(stringHelpers.prependStringWithPlaceHolders(newHours, 2), e, {
+      isAutomaticFillTrigger: true
+    });
+  }, [handleChangeHours]);
+  const onMinutesFocus = React.useCallback(() => {
+    setLatestInteractionRegionTimeInputs();
+  }, [setLatestInteractionRegionTimeInputs]);
+  const onMinutesChange = React.useCallback(e => {
+    var _e$target3, _meridiemInputRef$cur3, _meridiemInputRef$cur4;
+
+    let newMinutes = e === null || e === void 0 ? void 0 : (_e$target3 = e.target) === null || _e$target3 === void 0 ? void 0 : _e$target3.value; // converts minutes 7~9 to 07~09
+
+    if (Number.parseInt(newMinutes, 10) > 6) newMinutes = stringHelpers.prependStringWithPlaceHolders(newMinutes, 2);
+    handleChangeMinutes(newMinutes, e); // auto-advance functionality:
+    // if (newMinutes.length === 2) secondsInputRef?.current?.focus?.();
+
+    if (newMinutes.length === 2) meridiemInputRef === null || meridiemInputRef === void 0 ? void 0 : (_meridiemInputRef$cur3 = meridiemInputRef.current) === null || _meridiemInputRef$cur3 === void 0 ? void 0 : (_meridiemInputRef$cur4 = _meridiemInputRef$cur3.focus) === null || _meridiemInputRef$cur4 === void 0 ? void 0 : _meridiemInputRef$cur4.call(_meridiemInputRef$cur3);
+  }, [meridiemInputRef, handleChangeMinutes]);
+  const onMinutesKeyDown = React.useCallback(e => {
+    var _lastSegmentRef$curre3, _lastSegmentRef$curre4;
+
+    const {
+      key,
+      ctrlKey,
+      metaKey
+    } = e;
+    const minutesStringConvertedToInteger = Number.parseInt(minutes, 10);
+    if (constants.homeEndArrowUpDownSpaceKeys.includes(key)) e.preventDefault();
+    if (constants.homeEndArrowUpDownSpaceKeys.includes(key)) e.stopPropagation();
+    if (key === 'Home') onHomeKeyDown();
+    if (key === 'End') onEndKeyDown();
+
+    if (key === 'ArrowUp' || key === 'ArrowDown') {
+      const minutesInteger = Number.isNaN(minutesStringConvertedToInteger) ? 0 : minutesStringConvertedToInteger;
+      let newMinutes;
+      if (key === 'ArrowUp') newMinutes = minutesInteger + minutesInterval <= 59 ? minutesInteger + minutesInterval : minutesInteger;else newMinutes = minutesInteger - minutesInterval > 0 ? minutesInteger - minutesInterval : 0;
+      newMinutes = stringHelpers.prependStringWithPlaceHolders("".concat(newMinutes), 2);
+      handleChangeMinutes(newMinutes, e);
+    }
+
+    if (!Number.isNaN(minutesStringConvertedToInteger) && key === ' ') {
+      var _meridiemInputRef$cur5, _meridiemInputRef$cur6;
+
+      const newMinutes = stringHelpers.prependStringWithPlaceHolders("".concat(minutesStringConvertedToInteger), 2);
+      handleChangeMinutes(newMinutes, e); // auto-advance functionality:
+      // if (newMinutes.length === 2) secondsInputRef?.current?.focus?.();
+
+      if (newMinutes.length === 2) meridiemInputRef === null || meridiemInputRef === void 0 ? void 0 : (_meridiemInputRef$cur5 = meridiemInputRef.current) === null || _meridiemInputRef$cur5 === void 0 ? void 0 : (_meridiemInputRef$cur6 = _meridiemInputRef$cur5.focus) === null || _meridiemInputRef$cur6 === void 0 ? void 0 : _meridiemInputRef$cur6.call(_meridiemInputRef$cur5);
+    } // regressive backspace functionality
+
+
+    if (key === 'Backspace' && (minutes === null || minutes === void 0 ? void 0 : minutes.length) === 0) {
+      var _hourInputRef$current3, _hourInputRef$current4;
+
+      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);
+    } // 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);
+  }, [minutes, onHomeKeyDown, onEndKeyDown, lastSegmentRef, minutesInterval, handleChangeMinutes, meridiemInputRef, hourInputRef]);
+  const onMinutesBlur = React.useCallback(e => {
+    var _e$target4;
+
+    const newMinutes = e === null || e === void 0 ? void 0 : (_e$target4 = e.target) === null || _e$target4 === void 0 ? void 0 : _e$target4.value;
+    if (newMinutes.length > 0 && newMinutes.length < 2) handleChangeMinutes(stringHelpers.prependStringWithPlaceHolders(newMinutes, 2), e, {
+      isAutomaticFillTrigger: true
+    });
+  }, [handleChangeMinutes]);
+  const onMeridiemFocus = React.useCallback(() => {
+    setLatestInteractionRegionTimeInputs();
+  }, [setLatestInteractionRegionTimeInputs]);
+  const onMeridiemChange = React.useCallback(e => {
+    var _e$target5, _e$target5$value, _e$target5$value$toUp;
+
+    let newMeridiem = e === null || e === void 0 ? void 0 : (_e$target5 = e.target) === null || _e$target5 === void 0 ? void 0 : (_e$target5$value = _e$target5.value) === null || _e$target5$value === void 0 ? void 0 : (_e$target5$value$toUp = _e$target5$value.toUpperCase) === null || _e$target5$value$toUp === void 0 ? void 0 : _e$target5$value$toUp.call(_e$target5$value); // if new value is length 1,
+    //   if previous value was empty, auto-complete
+    //   if previous value was not empty, set to empty (regressive backspace)
+
+    if (newMeridiem.length === 1) if (meridiem === '') newMeridiem = "".concat(newMeridiem, "M");else newMeridiem = '';
+    handleChangeMeridiem(newMeridiem, e); // auto-advance functionality:
+
+    if (newMeridiem.length === 2 && withAnyRightController) {
+      var _clearButtonRef$curre3, _clearButtonRef$curre4, _pickerButtonRef$curr3, _pickerButtonRef$curr4;
+
+      if (withClearBtn) (_clearButtonRef$curre3 = clearButtonRef.current) === null || _clearButtonRef$curre3 === void 0 ? void 0 : (_clearButtonRef$curre4 = _clearButtonRef$curre3.focus) === null || _clearButtonRef$curre4 === void 0 ? void 0 : _clearButtonRef$curre4.call(_clearButtonRef$curre3);else if (withAnyPicker) pickerButtonRef === null || pickerButtonRef === void 0 ? void 0 : (_pickerButtonRef$curr3 = pickerButtonRef.current) === null || _pickerButtonRef$curr3 === void 0 ? void 0 : (_pickerButtonRef$curr4 = _pickerButtonRef$curr3.focus) === null || _pickerButtonRef$curr4 === void 0 ? void 0 : _pickerButtonRef$curr4.call(_pickerButtonRef$curr3);
+    }
+  }, [meridiem, handleChangeMeridiem, withAnyRightController, withClearBtn, clearButtonRef, withAnyPicker, pickerButtonRef]);
+  const onMeridiemKeyDown = React.useCallback(e => {
+    var _lastSegmentRef$curre5, _lastSegmentRef$curre6;
+
+    const {
+      key,
+      ctrlKey,
+      metaKey
+    } = e;
+    if (constants.homeEndArrowUpDownKeys.includes(key)) e.preventDefault();
+    if (constants.homeEndArrowUpDownKeys.includes(key)) e.stopPropagation();
+    if (key === 'Home') onHomeKeyDown();
+    if (key === 'End') onEndKeyDown();
+    if (key === 'ArrowUp' && meridiem !== 'AM') handleChangeMeridiem('AM', e);
+    if (key === 'ArrowDown' && meridiem !== 'PM') handleChangeMeridiem('PM', e); // regressive backspace functionality
+
+    if (key === 'Backspace') {
+      var _minutesInputRef$curr5, _minutesInputRef$curr6;
+
+      if ((meridiem === null || meridiem === void 0 ? void 0 : meridiem.length) === 2) handleChangeMeridiem('', e);else minutesInputRef === null || minutesInputRef === void 0 ? void 0 : (_minutesInputRef$curr5 = minutesInputRef.current) === null || _minutesInputRef$curr5 === void 0 ? void 0 : (_minutesInputRef$curr6 = _minutesInputRef$curr5.focus) === null || _minutesInputRef$curr6 === void 0 ? void 0 : _minutesInputRef$curr6.call(_minutesInputRef$curr5);
+    } // 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);
+  }, [onHomeKeyDown, onEndKeyDown, meridiem, handleChangeMeridiem, lastSegmentRef, minutesInputRef]);
+  const onMeridiemBlur = React.useCallback(e => {
+    var _e$target6, _e$target6$value, _e$target6$value$toUp;
+
+    const newMeridiem = e === null || e === void 0 ? void 0 : (_e$target6 = e.target) === null || _e$target6 === void 0 ? void 0 : (_e$target6$value = _e$target6.value) === null || _e$target6$value === void 0 ? void 0 : (_e$target6$value$toUp = _e$target6$value.toUpperCase) === null || _e$target6$value$toUp === void 0 ? void 0 : _e$target6$value$toUp.call(_e$target6$value);
+    if (newMeridiem.length === 1) handleChangeMeridiem("".concat(newMeridiem, "M"), e, {
+      isAutomaticFillTrigger: true
+    });
+  }, [handleChangeMeridiem]);
+  return React.useMemo(() => ({
+    hours,
+    minutes,
+    meridiem,
+    autoFocusHourInput,
+    disabled,
+    handleChangeHours,
+    onHoursFocus,
+    onHoursChange,
+    handleChangeMinutes,
+    onMinutesFocus,
+    onMinutesChange,
+    handleChangeMeridiem,
+    onMeridiemFocus,
+    onMeridiemChange,
+    onHoursBlur,
+    onMinutesBlur,
+    onMeridiemBlur,
+    onHoursKeyDown,
+    onMinutesKeyDown,
+    onMeridiemKeyDown
+  }), [hours, minutes, meridiem, autoFocusHourInput, disabled, handleChangeHours, onHoursFocus, onHoursChange, handleChangeMinutes, onMinutesFocus, onMinutesChange, handleChangeMeridiem, onMeridiemFocus, onMeridiemChange, onHoursBlur, onMinutesBlur, onMeridiemBlur, onHoursKeyDown, onMinutesKeyDown, onMeridiemKeyDown]);
+};
+
+exports.useTimeInputs = useTimeInputs;

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

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const fixedValues = {
+  smallInputWidth: '28px',
+  largeInputWidth: '40px',
+  separatorWidth: '7px'
+};
+
+exports.fixedValues = fixedValues;

package/cjs/controlled-date-time-picker/propTypes.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
+const propTypes = {
+  type: reactDesc.PropTypes.oneOf(['full-date-time', 'date-time-inputs', 'date-time-picker', 'date-time-picker-controller-only', 'full-date', 'date-inputs', 'date-picker', 'date-picker-controller-only', 'full-time', 'time-inputs', 'time-picker', 'time-picker-controller-only']).description('Type of time form control to use').defaultValue('full-date-time'),
+  disabled: reactDesc.PropTypes.bool.description('wheter or not the input is disabled').defaultValue('false'),
+  isClearable: reactDesc.PropTypes.bool.description('with or without clearable button').defaultValue('false'),
+  dateTime: reactDesc.PropTypes.string.description('when using date-time types, this is the value of the controller'),
+  date: reactDesc.PropTypes.string.description('when using date types, this is the value of the controller'),
+  time: reactDesc.PropTypes.string.description('when using time types, this is the value of the controller'),
+  onDateChange: reactDesc.PropTypes.func.description('(newDateString, metaInformations) => void').defaultValue(''),
+  onTimeChange: reactDesc.PropTypes.func.description('(newTimeString, metaInformations) => void').defaultValue(''),
+  onDateTimeChange: reactDesc.PropTypes.func.description('(newDateTimeString, metaInformations) => void').defaultValue(''),
+  onMonthChange: reactDesc.PropTypes.func.description('(newMonthString, event, metaInformations) => void').defaultValue(''),
+  onDayChange: reactDesc.PropTypes.func.description('(newDayString, event, metaInformations) => void').defaultValue(''),
+  onYearChange: reactDesc.PropTypes.func.description('(newYearString, event, metaInformations) => void').defaultValue(''),
+  onHourChange: reactDesc.PropTypes.func.description('(newHourString, event, metaInformations) => void').defaultValue(''),
+  onMinuteChange: reactDesc.PropTypes.func.description('(newMinuteString, event, metaInformations) => void').defaultValue(''),
+  onMeridiemChange: reactDesc.PropTypes.func.description('(newMeridiemString, event, metaInformations) => void').defaultValue(''),
+  getIsDisabledDay: reactDesc.PropTypes.func.description('(dayAsString) => true for marking as disabled, false for marking as valid').defaultValue(''),
+  getIsOutOfRangeDay: reactDesc.PropTypes.func.description('(dayAsString) => true for marking as disabled, false for marking as valid').defaultValue(''),
+  getIsDisabledTime: reactDesc.PropTypes.func.description('(timeAsString) => true for marking as disabled, false for marking as valid').defaultValue(''),
+  emptyPickerStartingMonth: reactDesc.PropTypes.string.description('which month to start the calendar on open, when value is empty, string following the "MM/__/YYYY" pattern'),
+  onCalendarOpenFocusedDay: reactDesc.PropTypes.string.description('which day to focus on calendar open when value is empty, string following the "MM/DD/YYYY" pattern').defaultValue('if value is empty current month, else month corresponding the month'),
+  minutesInterval: reactDesc.PropTypes.number.description('increments/decrements of minutes in time related controllers interactions').defaultValue('1'),
+  'data-testid': reactDesc.PropTypes.string.description('Unique id for tests.').defaultValue('')
+};
+
+exports.propTypes = propTypes;

package/cjs/controlled-date-time-picker/utils/constants.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+const announcableCardinalDays = {
+  1: 'first',
+  2: 'second',
+  3: 'third',
+  4: 'fourth',
+  5: 'fifth',
+  6: 'sixth',
+  7: 'seventh',
+  8: 'eighth',
+  9: 'ninth',
+  10: 'tenth',
+  11: 'eleventh',
+  12: 'twelfth',
+  13: 'thirteenth',
+  14: 'fourteenth',
+  15: 'fifteenth',
+  16: 'sixteenth',
+  17: 'seventeenth',
+  18: 'eighteenth',
+  19: 'ninteenth',
+  20: 'twentieth',
+  21: 'twentie first',
+  22: 'twentie second',
+  23: 'twentie third',
+  24: 'twentie fourth',
+  25: 'twentie fifth',
+  26: 'twentie sixth',
+  27: 'twentie seventh',
+  28: 'twentie eighth',
+  29: 'twentie ninth',
+  30: 'thirtieth',
+  31: 'thirty first'
+};
+const homeEndAllArrowKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+const homeEndKeys = ['Home', 'End'];
+const homeEndArrowUpDownDashSlashesKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', '-', '/', '\\'];
+const homeEndArrowUpDownSpaceKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', ' '];
+const homeEndArrowUpDownSemiKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown', ':'];
+const homeEndArrowUpDownKeys = ['Home', 'End', 'ArrowUp', 'ArrowDown'];
+const defaultMetaInfo = {
+  isAutomaticFillTrigger: false
+};
+
+exports.announcableCardinalDays = announcableCardinalDays;
+exports.defaultMetaInfo = defaultMetaInfo;
+exports.homeEndAllArrowKeys = homeEndAllArrowKeys;
+exports.homeEndArrowUpDownDashSlashesKeys = homeEndArrowUpDownDashSlashesKeys;
+exports.homeEndArrowUpDownKeys = homeEndArrowUpDownKeys;
+exports.homeEndArrowUpDownSemiKeys = homeEndArrowUpDownSemiKeys;
+exports.homeEndArrowUpDownSpaceKeys = homeEndArrowUpDownSpaceKeys;
+exports.homeEndKeys = homeEndKeys;
+exports.monthNames = monthNames;
+exports.weekDays = weekDays;

package/cjs/controlled-date-time-picker/utils/dateHelpers.js

@@ -0,0 +1,272 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var constants = require('./constants.js');
+var stringHelpers = require('./stringHelpers.js');
+var numberHelpers = require('./numberHelpers.js');
+
+const getLastDayOfMonth = (month, year) => new Date(year, month + 1, 0);
+const isValidDayForTheMonth = (month, year, day) => {
+  var _Date, _Date$getMonth;
+
+  return ((_Date = new Date(year, month, day)) === null || _Date === void 0 ? void 0 : (_Date$getMonth = _Date.getMonth) === null || _Date$getMonth === void 0 ? void 0 : _Date$getMonth.call(_Date)) === month;
+};
+const isValidDayForTheMonthDateString = dateString => {
+  var _getDayFromDateString, _getDayFromDateString2;
+
+  if (stringHelpers.isIncompleteString(dateString)) return true;
+  const {
+    month
+  } = stringHelpers.deconstructValuesFromDateString(dateString);
+  const monthInt = numberHelpers.convertToPositiveNumberIfPossible(month);
+  if (monthInt === -1) return false;
+  const monthDateMonth = monthInt - 1;
+  return ((_getDayFromDateString = getDayFromDateString(dateString)) === null || _getDayFromDateString === void 0 ? void 0 : (_getDayFromDateString2 = _getDayFromDateString.getMonth) === null || _getDayFromDateString2 === void 0 ? void 0 : _getDayFromDateString2.call(_getDayFromDateString)) === monthDateMonth;
+};
+const getValidationDateStringMetaInfo = function (dateString) {
+  let getIsOutOfRangeDay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : day => false;
+  let getIsDisabledDay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : day => false;
+  const metaInfo = {};
+
+  if (!stringHelpers.isIncompleteString(dateString)) {
+    metaInfo.isDayPresentInMonth = isValidDayForTheMonthDateString(dateString);
+    if (!metaInfo.isDayPresentInMonth) metaInfo.suggestedErrorMsg = 'The selected day is not part of the selected month';
+    const day = getDayFromDateString(dateString);
+
+    if (day) {
+      metaInfo.isOutOfRangeDay = getIsOutOfRangeDay(dateString);
+      metaInfo.isDisabledDay = getIsDisabledDay(dateString);
+      if (metaInfo.isOutOfRangeDay || metaInfo.isDisabledDay) metaInfo.suggestedErrorMsg = 'The selected day is not allowed';
+    }
+  }
+
+  return metaInfo;
+}; // code adapted from https://github.com/datejs/Datejs/blob/master/src/core.js
+
+const isLeapYear = year => year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;
+const getHowManyDaysInMonth = (year, month) => {
+  const daysPerMonth = [31, isLeapYear(year) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+  return daysPerMonth[month];
+};
+const dateIsLeapYear = date => isLeapYear(date.getFullYear());
+const dateGetDaysInMonth = date => getHowManyDaysInMonth(date.getFullYear(), date.getMonth());
+const dateAddMonths = (date, value) => {
+  const copiedDate = new Date(date.getTime());
+  const n = copiedDate.getDate();
+  copiedDate.setDate(1);
+  copiedDate.setMonth(copiedDate.getMonth() + value);
+  copiedDate.setDate(Math.min(n, dateGetDaysInMonth(copiedDate)));
+  return copiedDate;
+};
+const dateAddYear = (date, value) => dateAddMonths(date, value * 12);
+// sumFromDateValues supports negative values to "subtract"
+const sumFromDateValues = (_ref, _ref2) => {
+  let {
+    month,
+    year,
+    day = 1
+  } = _ref;
+  let {
+    monthsToSum = 0,
+    yearsToSum = 0,
+    daysToSum = 0
+  } = _ref2;
+  let newDate = new Date(year, month, day);
+  if (yearsToSum) newDate = dateAddYear(newDate, yearsToSum);
+  if (monthsToSum) newDate = dateAddMonths(newDate, monthsToSum);
+  if (daysToSum) newDate.setDate(newDate.getDate() + daysToSum);
+  return {
+    month: newDate.getMonth(),
+    day: newDate.getDate(),
+    year: newDate.getFullYear()
+  };
+};
+const sumValuesToDate = (day, sumValues) => {
+  const dateAsVals = getDateValuesFromDate(day);
+  const {
+    month,
+    year,
+    day: newD
+  } = sumFromDateValues(dateAsVals, sumValues);
+  return new Date(year, month, newD);
+};
+const subtractYears = function (date) {
+  let howManyMore = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  const newDate = new Date(date.getTime());
+  newDate.setFullYear(date.getFullYear() - howManyMore);
+  return newDate;
+};
+const subtractMonths = function (date) {
+  let howManyMore = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  const newDate = new Date(date.getTime());
+  newDate.setMonth(date.getMonth() - howManyMore);
+  return newDate;
+};
+const sumMonths = function (date) {
+  let howManyMore = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  const newDate = new Date(date.getTime());
+  newDate.setMonth(date.getMonth() + howManyMore);
+  return newDate;
+};
+const sumYears = function (date) {
+  let howManyMore = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  const newDate = new Date(date.getTime());
+  newDate.setFullYear(date.getFullYear() + howManyMore);
+  return newDate;
+};
+const getDaysInMonth = (month, year) => {
+  const date = new Date(year, month, 1);
+  const days = [];
+
+  while (date.getMonth() === month) {
+    days.push(new Date(date));
+    date.setDate(date.getDate() + 1);
+  }
+
+  return days;
+};
+const getLastXDaysFromPreviousMonth = (month, year, howMany) => {
+  const date = new Date(year, month, 1);
+  const days = [];
+
+  while (days.length !== howMany) {
+    date.setDate(date.getDate() - 1);
+    days.push(new Date(date));
+  }
+
+  return days.reverse();
+};
+const getFirstXDaysFromNextMonth = (month, year, howMany) => {
+  const date = sumMonths(new Date(year, month, 1), 1);
+  const days = [];
+
+  while (days.length !== howMany) {
+    days.push(new Date(date));
+    date.setDate(date.getDate() + 1);
+  }
+
+  return days;
+};
+const getFiveBySevenCurrentMonthDaysMatrix = (month, year) => {
+  var _currentMonthDays$, _currentMonthDays$$da, _currentMonthDays, _currentMonthDays$day;
+
+  const currentMonthDays = getDaysInMonth(month, year).map(day => ({
+    day,
+    dayAsString: getDateStringFromDay(day),
+    isPrevMonthDay: false,
+    isNextMonthDay: false,
+    isCurrMonthDay: true,
+    isHidden: false,
+    dayBtnRef: /*#__PURE__*/React.createRef()
+  }));
+  const firstDayOfTheMonthWeekDay = currentMonthDays === null || currentMonthDays === void 0 ? void 0 : (_currentMonthDays$ = currentMonthDays[0]) === null || _currentMonthDays$ === void 0 ? void 0 : (_currentMonthDays$$da = _currentMonthDays$.day) === null || _currentMonthDays$$da === void 0 ? void 0 : _currentMonthDays$$da.getDay();
+  const previousMonthDaysToPrepend = getLastXDaysFromPreviousMonth(month, year, firstDayOfTheMonthWeekDay).map(day => ({
+    day,
+    dayAsString: getDateStringFromDay(day),
+    isPrevMonthDay: true,
+    isNextMonthDay: false,
+    isCurrMonthDay: false,
+    isHidden: false,
+    dayBtnRef: /*#__PURE__*/React.createRef()
+  }));
+  const lastDayOfTheMonthWeekDay = currentMonthDays === null || currentMonthDays === void 0 ? void 0 : (_currentMonthDays = currentMonthDays[currentMonthDays.length - 1]) === null || _currentMonthDays === void 0 ? void 0 : (_currentMonthDays$day = _currentMonthDays.day) === null || _currentMonthDays$day === void 0 ? void 0 : _currentMonthDays$day.getDay();
+  const nextMonthDaysToAppend = getFirstXDaysFromNextMonth(month, year, 6 - lastDayOfTheMonthWeekDay).map(day => ({
+    day,
+    dayAsString: getDateStringFromDay(day),
+    isPrevMonthDay: false,
+    isNextMonthDay: true,
+    isCurrMonthDay: false,
+    isHidden: false,
+    dayBtnRef: /*#__PURE__*/React.createRef()
+  }));
+  return [...previousMonthDaysToPrepend, ...currentMonthDays, ...nextMonthDaysToAppend];
+};
+const getDateValuesFromDate = day => {
+  var _day$getMonth, _day$getDate, _day$getFullYear;
+
+  return {
+    month: day === null || day === void 0 ? void 0 : (_day$getMonth = day.getMonth) === null || _day$getMonth === void 0 ? void 0 : _day$getMonth.call(day),
+    day: day === null || day === void 0 ? void 0 : (_day$getDate = day.getDate) === null || _day$getDate === void 0 ? void 0 : _day$getDate.call(day),
+    year: day === null || day === void 0 ? void 0 : (_day$getFullYear = day.getFullYear) === null || _day$getFullYear === void 0 ? void 0 : _day$getFullYear.call(day)
+  };
+};
+const getDateStringFromDay = day => {
+  const monthFromDay = stringHelpers.prependStringWithPlaceHolders("".concat(day.getMonth() + 1), 2); // months from 1-12
+
+  const dayFromDay = stringHelpers.prependStringWithPlaceHolders("".concat(day.getDate()), 2);
+  const yearFromDay = stringHelpers.prependStringWithPlaceHolders("".concat(day.getFullYear()), 4);
+  return "".concat(monthFromDay, "/").concat(dayFromDay, "/").concat(yearFromDay);
+};
+const getTimeStringFromDay = day => {
+  const hoursNum = day.getHours();
+  const meridiem = hoursNum > 12 ? 'PM' : 'AM';
+  const twelveHourFormat = hoursNum > 12 ? hoursNum - 12 : hoursNum;
+  const minutesNum = day.getMinutes();
+  const hoursFromDay = stringHelpers.prependStringWithPlaceHolders("".concat(twelveHourFormat), 2);
+  const minutesFromDay = stringHelpers.prependStringWithPlaceHolders("".concat(minutesNum), 2);
+  return "".concat(hoursFromDay, ":").concat(minutesFromDay, " ").concat(meridiem);
+};
+const getDayFromDateString = dateString => {
+  const {
+    month,
+    day,
+    year
+  } = stringHelpers.deconstructValuesFromDateString(dateString);
+  const monthNum = numberHelpers.convertToPositiveNumberIfPossible(month);
+  const dayNum = numberHelpers.convertToPositiveNumberIfPossible(day);
+  const yearNum = numberHelpers.convertToPositiveNumberIfPossible(year);
+  if (monthNum !== -1 && dayNum !== -1 && yearNum !== -1 && isValidDayForTheMonth(monthNum - 1, yearNum, dayNum)) return new Date(yearNum, monthNum - 1, dayNum);
+  return null;
+};
+const getMonthNameByMonthNumber = monthNumber => constants.monthNames[monthNumber];
+const isSameDateMoment = (dateA, dateB) => {
+  var _dateA$getTime, _dateB$getTime;
+
+  return (dateA === null || dateA === void 0 ? void 0 : (_dateA$getTime = dateA.getTime) === null || _dateA$getTime === void 0 ? void 0 : _dateA$getTime.call(dateA)) === (dateB === null || dateB === void 0 ? void 0 : (_dateB$getTime = dateB.getTime) === null || _dateB$getTime === void 0 ? void 0 : _dateB$getTime.call(dateB));
+};
+const compareTwoDatesDayEquality = (dayA, dayB) => {
+  const {
+    day: currD,
+    month: currM,
+    year: currY
+  } = getDateValuesFromDate(dayA);
+  const {
+    day: focusD,
+    month: focusM,
+    year: focusY
+  } = getDateValuesFromDate(dayB);
+  return currD === focusD && currM === focusM && currY === focusY;
+};
+
+exports.compareTwoDatesDayEquality = compareTwoDatesDayEquality;
+exports.dateAddMonths = dateAddMonths;
+exports.dateAddYear = dateAddYear;
+exports.dateGetDaysInMonth = dateGetDaysInMonth;
+exports.dateIsLeapYear = dateIsLeapYear;
+exports.getDateStringFromDay = getDateStringFromDay;
+exports.getDateValuesFromDate = getDateValuesFromDate;
+exports.getDayFromDateString = getDayFromDateString;
+exports.getDaysInMonth = getDaysInMonth;
+exports.getFirstXDaysFromNextMonth = getFirstXDaysFromNextMonth;
+exports.getFiveBySevenCurrentMonthDaysMatrix = getFiveBySevenCurrentMonthDaysMatrix;
+exports.getHowManyDaysInMonth = getHowManyDaysInMonth;
+exports.getLastDayOfMonth = getLastDayOfMonth;
+exports.getLastXDaysFromPreviousMonth = getLastXDaysFromPreviousMonth;
+exports.getMonthNameByMonthNumber = getMonthNameByMonthNumber;
+exports.getTimeStringFromDay = getTimeStringFromDay;
+exports.getValidationDateStringMetaInfo = getValidationDateStringMetaInfo;
+exports.isLeapYear = isLeapYear;
+exports.isSameDateMoment = isSameDateMoment;
+exports.isValidDayForTheMonth = isValidDayForTheMonth;
+exports.isValidDayForTheMonthDateString = isValidDayForTheMonthDateString;
+exports.subtractMonths = subtractMonths;
+exports.subtractYears = subtractYears;
+exports.sumFromDateValues = sumFromDateValues;
+exports.sumMonths = sumMonths;
+exports.sumValuesToDate = sumValuesToDate;
+exports.sumYears = sumYears;

package/cjs/controlled-date-time-picker/utils/dateTimeHelpers.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var dateHelpers = require('./dateHelpers.js');
+var timeHelpers = require('./timeHelpers.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+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 getValidationDateTimeStringMetaInfo = (dateString, timeString, validators) => _objectSpread(_objectSpread({}, dateHelpers.getValidationDateStringMetaInfo(dateString, validators.getIsOutOfRangeDay, validators.getIsDisabledDay)), timeHelpers.getValidationTimeStringMetaInfo(timeString, validators.getIsDisabledTime));
+
+exports.getValidationDateTimeStringMetaInfo = getValidationDateTimeStringMetaInfo;