@elliemae/ds-date-picker 3.0.0-next.2 → 3.0.0-next.6

package/cjs/components/DatePickerDay/DatePickerDay.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const Day = _ref => {
-  let {
-    className = 'date-picker-content-day',
-    date = ''
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"]("div", {
-    className: className,
-    "data-testid": "datepicker-day-".concat(date)
-  }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
-    className: "".concat(className, "-half"),
-    "data-testid": "datepicker-day"
-  }, void 0, date));
-};
-
-module.exports = Day;

package/cjs/components/DatePickerDropdown.js

@@ -1,65 +0,0 @@
-'use strict';
-
-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 _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('react');
-var dsClassnames = require('@elliemae/ds-classnames');
-var DSPopper = require('@elliemae/ds-popper');
-var DatePickerPicker = require('./DatePickerPicker/DatePickerPicker.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
-
-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 {
-  classNameElement
-} = dsClassnames.convertPropToCssClassName('datepicker-range');
-
-const noop = () => null;
-
-function DatePickerDropdown(_ref) {
-  let {
-    disabled = false,
-    readOnly,
-    onClick = noop,
-    isOpen,
-    menu,
-    zIndex = 1,
-    pickerProps,
-    pickerRef
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
-    contentComponent: menu,
-    isOpen: isOpen,
-    modifiers: {
-      preventOverflow: {
-        enabled: true,
-        padding: 0,
-        boundariesElement: 'window'
-      }
-    },
-    showArrow: false,
-    triggerComponent: /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/jsxRuntime.jsx(DatePickerPicker.Picker, _objectSpread(_objectSpread({
-      innerRef: pickerRef
-    }, pickerProps), {}, {
-      className: classNameElement('picker'),
-      disabled: disabled,
-      onClick: onClick,
-      readOnly: readOnly
-    }))),
-    zIndex: zIndex
-  });
-}
-
-module.exports = DatePickerDropdown;

package/cjs/components/DatePickerHeader/DatePickerHeader.js

@@ -1,56 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var moment = require('moment');
-var dsForm = require('@elliemae/ds-form');
-var dsClassnames = require('@elliemae/ds-classnames');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-
-const DATE_FORMAT = 'MMDDYYYY';
-const blockname = 'date-picker-header';
-const Header = dsClassnames.aggregatedClasses('div')(blockname);
-
-const isFn = variable => typeof variable === 'function';
-
-const DatePickerHeader = _ref => {
-  let {
-    onInputChange = () => null,
-    selectedDate,
-    updateKeyDate
-  } = _ref;
-  const [value, setValue] = React.useState(isFn(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format) ? selectedDate.format(DATE_FORMAT) : '');
-  React.useEffect(() => {
-    if (isFn(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format)) {
-      setValue(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format(DATE_FORMAT));
-    }
-  }, [selectedDate]);
-
-  const handleOnChange = newDate => {
-    setValue(newDate);
-  };
-
-  const handleOnKeyDown = e => {
-    if (e.key === 'Enter' && value.length === DATE_FORMAT.length) {
-      const momentValue = moment__default["default"](value, DATE_FORMAT);
-      onInputChange(momentValue);
-      updateKeyDate(momentValue);
-    }
-  };
-
-  return /*#__PURE__*/_jsx__default["default"](Header, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInputGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSDateInputV2, {
-    onChange: handleOnChange,
-    onKeyDown: handleOnKeyDown,
-    value: value,
-    containerProps: {
-      'data-testid': 'start-date'
-    }
-  })));
-};
-
-module.exports = DatePickerHeader;

package/cjs/components/DatePickerNavigation/DatePickerNavigation.js

@@ -1,32 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var ChevronRight = require('@elliemae/ds-icons/ChevronRight');
-var Icon = require('@elliemae/ds-basic/Icon');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var ChevronRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRight);
-
-const Navigation = _ref => {
-  let {
-    className = 'date-picker-navigation',
-    icon: Icon$1 = ChevronRight__default["default"],
-    color = Icon.DSIconColors.NEUTRAL,
-    size = Icon.DSIconSizes.S,
-    innerRef
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"]("div", {
-    tabIndex: 0,
-    "data-testid": "date-picker-nav"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Icon$1, {
-    className: className,
-    color: color,
-    innerRef: innerRef,
-    size: size
-  }));
-};
-
-module.exports = Navigation;

package/cjs/components/DatePickerPicker/DatePickerPicker.js

@@ -1,74 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var PropTypes = require('prop-types');
-var Icon = require('@elliemae/ds-basic/Icon');
-var DatePicker = require('@elliemae/ds-icons/DatePicker');
-var DSButton = require('@elliemae/ds-button');
-var propTypes = require('@elliemae/ds-shared/prop-types');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-var _DatePicker;
-
-const _excluded = ["className", "disabled", "icon", "size", "buttonActionType", "onClick", "onBlur", "readOnly", "tabIndex", "innerRef"];
-const Picker = _ref => {
-  let {
-    className = 'date-picker-icon',
-    disabled = false,
-    icon = _DatePicker || (_DatePicker = /*#__PURE__*/_jsx__default["default"](DatePicker__default["default"], {})),
-    size = Icon.DSIconSizes.M,
-    buttonActionType = 'secondary',
-    onClick = () => null,
-    onBlur = () => null,
-    readOnly = false,
-    tabIndex = 0,
-    innerRef
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  return /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-    innerRef: innerRef,
-    "aria-label": rest['aria-label'] || 'Date Picker Button',
-    buttonType: buttonActionType,
-    className: className,
-    color: !disabled ? Icon.DSIconColors.PRIMARY : Icon.DSIconColors.NEUTRAL,
-    disabled: disabled,
-    icon: icon,
-    onBlur: onBlur,
-    onClick: onClick,
-    readOnly: readOnly,
-    size: size,
-    tabIndex: tabIndex,
-    "data-testid": "btn-date-picker"
-  });
-};
-const PickerPropsTypes = {
-  innerRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
-    current: PropTypes__default["default"].any
-  })]),
-  className: PropTypes__default["default"].string,
-  disabled: PropTypes__default["default"].bool,
-  icon: PropTypes__default["default"].element,
-  size: PropTypes__default["default"].oneOf(propTypes.iconSizes),
-  buttonActionType: PropTypes__default["default"].oneOf(DSButton.buttonTypes),
-  onClick: PropTypes__default["default"].func,
-  onFocus: PropTypes__default["default"].func,
-  onBlur: PropTypes__default["default"].func,
-  readOnly: PropTypes__default["default"].bool,
-  tabIndex: PropTypes__default["default"].number
-};
-
-exports.Picker = Picker;
-exports.PickerPropsTypes = PickerPropsTypes;
-exports["default"] = Picker;

package/cjs/components/DatePickerRange/DatePickerRange.js

@@ -1,119 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-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 reactDates = require('react-dates');
-var moment = require('moment');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsIcons = require('@elliemae/ds-icons');
-var DatePickerDay = require('../DatePickerDay/DatePickerDay.js');
-var DatePickerNavigation = require('../DatePickerNavigation/DatePickerNavigation.js');
-var DatePickerRangeHeader = require('../DatePickerRangeHeader/DatePickerRangeHeader.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-
-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 blockname = 'date-range';
-const Wrapper = dsClassnames.aggregatedClasses('div')(blockname, 'wrapper');
-const {
-  classNameElement,
-  classNameBlock
-} = dsClassnames.convertPropToCssClassName('datepicker');
-const START_DATE = 'startDate';
-const END_DATE = 'endDate';
-
-const DatePickerRangeDate = _ref => {
-  let {
-    dateStart,
-    dateEnd,
-    displayFormatDay = 'D',
-    showHeader = true,
-    otherProps
-  } = _ref;
-  const [selectedDateStart, setSelectedDateStart] = React.useState(dateStart);
-  const [selectedDateEnd, setSelectedDateEnd] = React.useState(dateEnd);
-  const [focusedInput, setFocusedInput] = React.useState(START_DATE);
-  const datePickerRef = React.useRef();
-
-  const handleFocusChange = () => {
-    setFocusedInput(focusedInput === START_DATE ? END_DATE : START_DATE);
-  };
-
-  const handleDatesChange = _ref2 => {
-    let {
-      startDate,
-      endDate
-    } = _ref2;
-    setSelectedDateStart(startDate);
-    setSelectedDateEnd(endDate);
-  };
-
-  const handleStartInputChange = newDate => {
-    setSelectedDateStart(newDate);
-  };
-
-  const handleEndInputChange = newDate => {
-    setSelectedDateEnd(newDate);
-  };
-
-  const getSafeDateStartValue = () => {
-    if (selectedDateStart) {
-      return moment__default["default"](selectedDateStart);
-    }
-  };
-
-  const getSafeDateEndValue = () => {
-    if (selectedDateEnd) {
-      return moment__default["default"](selectedDateEnd);
-    }
-  };
-
-  const safeStartDate = getSafeDateStartValue();
-  const safeEndDate = getSafeDateEndValue();
-  return /*#__PURE__*/_jsx__default["default"](Wrapper, {}, void 0, showHeader && /*#__PURE__*/_jsx__default["default"](DatePickerRangeHeader, {
-    onEndInputChange: handleEndInputChange,
-    onStartInputChange: handleStartInputChange,
-    selectedEndDate: safeEndDate,
-    selectedStartDate: safeStartDate
-  }), /*#__PURE__*/jsxRuntime.jsx("div", {
-    ref: datePickerRef,
-    className: classNameBlock('wrapper-day-picker-single-date-controller'),
-    children: /*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerRangeController, _objectSpread(_objectSpread({}, otherProps), {}, {
-      enableOutsideDays: true,
-      endDate: safeEndDate,
-      focused: true,
-      focusedInput: focusedInput,
-      hideKeyboardShortcutsPanel: true,
-      navNext: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
-        className: classNameElement('navigation-next')
-      }),
-      navPrev: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
-        className: classNameElement('navigation-prev'),
-        icon: dsIcons.ChevronLeft
-      }),
-      onDatesChange: handleDatesChange,
-      onFocusChange: handleFocusChange,
-      renderDayContents: date => /*#__PURE__*/_jsx__default["default"](DatePickerDay, {
-        className: classNameElement('day-contents'),
-        date: date.format(displayFormatDay)
-      }),
-      startDate: safeStartDate
-    }))
-  }));
-};
-
-module.exports = DatePickerRangeDate;

package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js

@@ -1,144 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var moment = require('moment');
-var dsForm = require('@elliemae/ds-form');
-var dsClassnames = require('@elliemae/ds-classnames');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-
-const blockname = 'date-range-picker';
-const DATE_FORMAT = 'MMDDYYYY'; // When year is greater than 999 it means the user finished writing
-// the year for the range, because they must type 4 numbers for the year
-// to be higher than 999
-
-const MAGIC_NUMBER = 999;
-const Header = dsClassnames.aggregatedClasses('div')(blockname, 'header', _ref => {
-  let {
-    invalidDate
-  } = _ref;
-  return {
-    invalidDate
-  };
-});
-
-const DatePickerRangeHeader = _ref2 => {
-  let {
-    onStartInputChange = () => null,
-    onEndInputChange = () => null,
-    onFocusChange = () => null,
-    selectedStartDate,
-    selectedEndDate,
-    handleDatesChange,
-    autoJumpOnEdit = true
-  } = _ref2;
-  const [startValue, setStartValue] = React.useState(selectedStartDate);
-  const [endValue, setEndValue] = React.useState(selectedEndDate);
-  const startInputRef = React.useRef();
-  const endInputRef = React.useRef();
-  React.useEffect(() => {
-    if (selectedStartDate) {
-      setStartValue(selectedStartDate.format(DATE_FORMAT));
-    }
-
-    if (selectedEndDate) {
-      setEndValue(selectedEndDate.format(DATE_FORMAT));
-    }
-  }, [selectedStartDate, selectedEndDate]);
-
-  const isValidRangeDate = (start, end) => {
-    let isValidRange = false;
-
-    if (start && end) {
-      const momentStart = moment__default["default"](start, DATE_FORMAT);
-      const momentEnd = moment__default["default"](end, DATE_FORMAT);
-      isValidRange = momentStart.isBefore(momentEnd);
-    }
-
-    return isValidRange;
-  };
-
-  const handleOnFocus = inputType => onFocusChange(inputType);
-
-  const handleOnChangeStart = newStartValue => {
-    var _endInputRef$current, _endInputRef$current$;
-
-    const y = newStartValue.substring(4);
-    const momentValue = moment__default["default"](newStartValue, DATE_FORMAT);
-
-    if (newStartValue && newStartValue.length === DATE_FORMAT.length) {
-      onStartInputChange(momentValue);
-    }
-
-    setStartValue(newStartValue);
-
-    if (autoJumpOnEdit && parseInt(y, 10) > MAGIC_NUMBER && endInputRef !== null && endInputRef !== void 0 && (_endInputRef$current = endInputRef.current) !== null && _endInputRef$current !== void 0 && (_endInputRef$current$ = _endInputRef$current.firstChild) !== null && _endInputRef$current$ !== void 0 && _endInputRef$current$.focus) {
-      endInputRef.current.firstChild.focus();
-    }
-  };
-
-  const handleOnChangeEnd = newEndValue => {
-    const momentValue = moment__default["default"](newEndValue, DATE_FORMAT);
-
-    if (isValidRangeDate(startValue, newEndValue) && newEndValue && newEndValue.length === DATE_FORMAT.length) {
-      onEndInputChange(momentValue);
-    }
-
-    setEndValue(newEndValue);
-  };
-
-  const handleOnKeyDownStart = e => {
-    const isValid = isValidRangeDate(startValue, endValue);
-    const momentStart = moment__default["default"](startValue, DATE_FORMAT);
-    const momentEnd = moment__default["default"](endValue, DATE_FORMAT);
-
-    if (e.key === 'Enter' && startValue) {
-      onStartInputChange(momentStart);
-      if (isValid) handleDatesChange({
-        startDate: momentStart,
-        endDate: momentEnd
-      });
-    }
-  };
-
-  const handleOnKeyDownEnd = e => {
-    const isValid = isValidRangeDate(startValue, endValue);
-    const momentStart = moment__default["default"](startValue, DATE_FORMAT);
-    const momentEnd = moment__default["default"](endValue, DATE_FORMAT);
-
-    if (e.key === 'Enter' && isValid) {
-      handleDatesChange({
-        startDate: momentStart,
-        endDate: momentEnd
-      });
-      onEndInputChange(momentEnd);
-    }
-  };
-
-  return /*#__PURE__*/_jsx__default["default"](Header, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInputGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSDateInputV2, {
-    containerProps: {
-      'data-testid': 'start-date'
-    },
-    innerRef: startInputRef,
-    onChange: handleOnChangeStart,
-    onFocus: () => handleOnFocus('startDate'),
-    onKeyDown: handleOnKeyDownStart,
-    value: startValue
-  }), /*#__PURE__*/_jsx__default["default"](dsForm.DSDateInputV2, {
-    containerProps: {
-      'data-testid': 'end-date'
-    },
-    innerRef: endInputRef,
-    onChange: handleOnChangeEnd,
-    onFocus: () => handleOnFocus('endDate'),
-    onKeyDown: handleOnKeyDownEnd,
-    value: endValue
-  })));
-};
-
-module.exports = DatePickerRangeHeader;

package/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var dsGrid = require('@elliemae/ds-grid');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _ChevronDoubleLeft, _ChevronDoubleRight;
-const renderMonthElement = _ref => {
-  let {
-    month,
-    onYearSelect
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    height: "20px",
-    cols: ['auto', 1, 'auto'],
-    alignItems: "flex-end",
-    mr: "10px"
-  }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
-    role: "button",
-    tabIndex: "0",
-    "data-testid": "date-picker-prev-year-arrow",
-    onClick: () => onYearSelect(month, month.year() - 1)
-  }, void 0, _ChevronDoubleLeft || (_ChevronDoubleLeft = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronDoubleLeft, {
-    width: 13.6,
-    height: 13.6
-  })))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    "data-testid": "date-picker-header"
-  }, void 0, /*#__PURE__*/_jsx__default["default"]("strong", {}, void 0, month.format('MMMM YYYY'))), /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
-    role: "button",
-    tabIndex: "0",
-    "data-testid": "date-picker-next-year-arrow",
-    onClick: () => onYearSelect(month, month.year() + 1)
-  }, void 0, _ChevronDoubleRight || (_ChevronDoubleRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronDoubleRight, {
-    width: 13.6,
-    height: 13.6
-  })))));
-};
-
-exports.renderMonthElement = renderMonthElement;

package/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js

@@ -1,85 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var reactDates = require('react-dates');
-var moment = require('moment');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsIcons = require('@elliemae/ds-icons');
-var DatePickerDay = require('../DatePickerDay/DatePickerDay.js');
-var DatePickerNavigation = require('../DatePickerNavigation/DatePickerNavigation.js');
-var DatePickerHeader = require('../DatePickerHeader/DatePickerHeader.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-
-const _excluded = ["date", "displayFormatDay", "isDayHighlighted", "enableOutsideDays", "showHeader", "onChange"];
-const blockname = 'single-date';
-const Wrapper = dsClassnames.aggregatedClasses('div')(blockname, 'wrapper');
-const {
-  classNameElement,
-  classNameBlock
-} = dsClassnames.convertPropToCssClassName('datepicker');
-
-const DatePickerSingleDate = _ref => {
-  let {
-    date,
-    displayFormatDay = 'D',
-    isDayHighlighted = () => false,
-    enableOutsideDays = true,
-    showHeader = true,
-    onChange = () => null
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  const [selectedDate, setSelectedDate] = React.useState(date);
-  const [key, setKey] = React.useState(moment__default["default"]());
-  const datePickerRef = React.useRef();
-
-  const updateKeyDate = newDate => {
-    setKey(newDate);
-  };
-
-  const handleDateChange = newDate => {
-    setSelectedDate(newDate);
-    setTimeout(() => onChange(newDate), 500);
-  };
-
-  return /*#__PURE__*/_jsx__default["default"](Wrapper, {}, void 0, showHeader && /*#__PURE__*/_jsx__default["default"](DatePickerHeader, {
-    onInputChange: handleDateChange,
-    selectedDate: selectedDate,
-    updateKeyDate: updateKeyDate
-  }), /*#__PURE__*/jsxRuntime.jsx("div", {
-    ref: datePickerRef,
-    className: classNameBlock('wrapper-day-picker-single-date-controller'),
-    "data-testid": rest['data-testid'] || 'date-picker-single-date',
-    children: /*#__PURE__*/_jsx__default["default"](reactDates.DayPickerSingleDateController, {
-      date: selectedDate,
-      enableOutsideDays: enableOutsideDays,
-      focused: true,
-      hideKeyboardShortcutsPanel: true,
-      isDayHighlighted: isDayHighlighted,
-      keepOpenOnDateSelect: true,
-      navNext: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
-        className: classNameElement('navigation-next')
-      }),
-      navPrev: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
-        className: classNameElement('navigation-prev'),
-        icon: dsIcons.ChevronLeft
-      }),
-      onDateChange: handleDateChange,
-      renderDayContents: givenDate => /*#__PURE__*/_jsx__default["default"](DatePickerDay, {
-        className: classNameElement('day-contents'),
-        date: givenDate.format(displayFormatDay)
-      })
-    }, key)
-  }));
-};
-
-module.exports = DatePickerSingleDate;