@elliemae/ds-date-range-picker 2.3.1 → 3.0.0-alpha.3

package/esm/DSDateRangePicker.js

@@ -1,191 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import moment from 'moment';
-import 'react-dates/initialize';
-import { DateRangePickerPhrases } from 'react-dates/lib/defaultPhrases';
-export { default as DayPickerRangeController } from './components/DayPickerRangeController.js';
-import DSDateRangePickerImpl from './components/DSDateRangePickerImpl.js';
-export { END_DATE, START_DATE } from './components/DSDateRangePickerImpl.js';
-import { jsx } from 'react/jsx-runtime';
-
-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(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 DSDateRangePicker = _ref => {
-  let {
-    containerProps = {},
-    className = '',
-    disabled = false,
-    required = false,
-    startDateRequired = false,
-    endDateRequired = false,
-    id,
-    hasError = false,
-    validationMessage = '',
-    readOnly = false,
-    screenReaderInputMessage = 'Select date',
-    initialVisibleMonth = moment(),
-    firstDayOfWeek = 0,
-    keepOpenOnDateSelect = true,
-    reopenPickerOnClearDates = false,
-    hideKeyboardShortcutsPanel = true,
-    onPrevMonthClick = () => null,
-    onNextMonthClick = () => null,
-    onClose = () => null,
-    onOutsideClick = () => null,
-    transitionDuration = 0,
-    verticalSpacing = 0,
-    minimumNights = 0,
-    isDayBlocked = () => false,
-    isOutsideRange = () => false,
-    isDayHighlighted = () => false,
-    displayFormat = 'L',
-    displayFormatDay = 'D',
-    phrases = DateRangePickerPhrases,
-    startDate,
-    endDate,
-    startDateId = 'startDateId',
-    endDateId = 'endDateId',
-    labelFrom = 'From',
-    labelTo = 'To',
-    enableOutsideDays = true,
-    onChangeStartInput = () => null,
-    onChangeEndInput = () => null,
-    onDatesChange = () => null
-  } = _ref;
-  const {
-    cssClassName,
-    prefixBlockName
-  } = convertPropToCssClassName('datepicker', className, {
-    hasError,
-    readOnly,
-    disabled,
-    id
-  });
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-    className: "".concat(prefixBlockName, "-range ").concat(cssClassName, " ").concat(prefixBlockName, "-range"),
-    children: /*#__PURE__*/_jsx(DSDateRangePickerImpl, {
-      appendToBody: true,
-      disabled: disabled,
-      displayFormat: displayFormat,
-      displayFormatDay: displayFormatDay,
-      enableOutsideDays: enableOutsideDays,
-      endDate: endDate,
-      endDateId: endDateId,
-      firstDayOfWeek: firstDayOfWeek,
-      hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
-      initialVisibleMonth: () => initialVisibleMonth ? moment(initialVisibleMonth) : moment(startDate),
-      isDayBlocked: isDayBlocked,
-      isDayHighlighted: isDayHighlighted,
-      isOutsideRange: isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange,
-      keepOpenOnDateSelect: keepOpenOnDateSelect,
-      labelFrom: labelFrom,
-      labelTo: labelTo,
-      minimumNights: minimumNights,
-      onDatesChange: onDatesChange,
-      onChangeStartInput: onChangeStartInput,
-      onChangeEndInput: onChangeEndInput,
-      onClose: onClose,
-      onNextMonthClick: onNextMonthClick,
-      onPrevMonthClick: onPrevMonthClick,
-      onOutsideClick: onOutsideClick,
-      phrases: phrases,
-      readOnly: readOnly,
-      reopenPickerOnClearDates: reopenPickerOnClearDates,
-      required: required,
-      startDateRequired: startDateRequired,
-      endDateRequired: endDateRequired,
-      screenReaderInputMessage: screenReaderInputMessage,
-      startDate: startDate,
-      startDateId: startDateId,
-      transitionDuration: transitionDuration,
-      verticalSpacing: verticalSpacing,
-      hasError: hasError,
-      validationMessage: validationMessage
-    })
-  }));
-};
-
-const dateRangePickerProps = {
-  containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),
-  className: PropTypes.string.description('html class attribute'),
-  disabled: PropTypes.bool.description('disable component or not').defaultValue(false),
-  required: PropTypes.bool.description('input is required or not').defaultValue(false),
-  startDateRequired: PropTypes.bool.description('start date is required or not').defaultValue(false),
-  endDateRequired: PropTypes.bool.description('end date is required or not').defaultValue(false),
-  id: PropTypes.string.description('components id'),
-  hasError: PropTypes.bool.description('set error state').defaultValue(false),
-  validationMessage: PropTypes.string.description('validation message'),
-  readOnly: PropTypes.bool.description('component is read only or not').description(false),
-  screenReaderInputMessage: PropTypes.string.description('message to be anounced by screen reader').defaultValue('select date'),
-  initialVisibleMonth: PropTypes.instanceOf(Date, moment).description('initial visible month'),
-  firstDayOfWeek: PropTypes.number.description('first day of week').defaultValue(0),
-  keepOpenOnDateSelect: PropTypes.bool.description('keep picker open when a date is selected').defaultValue(true),
-  reopenPickerOnClearDates: PropTypes.bool.description('reopen picker when clearing dates').defaultValue(false),
-  hideKeyboardShortcutsPanel: PropTypes.bool.description('hide keyabord shortcut panel or not'),
-  onPrevMonthClick: PropTypes.func.description('function executed when clicking on prev month button'),
-  onNextMonthClick: PropTypes.func.description('function executed when clicking on next month button'),
-  onClose: PropTypes.func.description('function executed when component closes'),
-  transitionDuration: PropTypes.number.description('transition duration').defaultValue(0),
-  verticalSpacing: PropTypes.number.description('vertical spacing'),
-  isDayBlocked: PropTypes.func.description('function that returns each day and disables desired dates'),
-  isOutsideRange: PropTypes.func.description('function that returns each day and disables outisde range dates'),
-  isDayHighlighted: PropTypes.func.description('function that returns each day and higlights desired dates'),
-  minimumNights: 0,
-  displayFormat: PropTypes.string.description('display format').defaultValue('L'),
-  displayFormatDay: PropTypes.string.description('display format day').defaultValue('D'),
-  phrases: PropTypes.shape({
-    calendarLabel: PropTypes.string,
-    closeDatePicker: PropTypes.string,
-    clearDates: PropTypes.string,
-    focusStartDate: PropTypes.string,
-    jumpToPrevMonth: PropTypes.string,
-    jumpToNextMonth: PropTypes.string,
-    keyboardShortcuts: PropTypes.string,
-    showKeyboardShortcutsPanel: PropTypes.string,
-    hideKeyboardShortcutsPanel: PropTypes.string,
-    openThisPanel: PropTypes.string,
-    enterKey: PropTypes.string,
-    leftArrowRightArrow: PropTypes.string,
-    upArrowDownArrow: PropTypes.string,
-    pageUpPageDown: PropTypes.string,
-    homeEnd: PropTypes.string,
-    escape: PropTypes.string,
-    questionMark: PropTypes.string,
-    selectFocusedDate: PropTypes.string,
-    moveFocusByOneDay: PropTypes.string,
-    moveFocusByOneWeek: PropTypes.string,
-    moveFocusByOneMonth: PropTypes.string,
-    moveFocustoStartAndEndOfWeek: PropTypes.string,
-    returnFocusToInput: PropTypes.string,
-    keyboardNavigationInstructions: PropTypes.string,
-    chooseAvailableStartDate: PropTypes.func,
-    chooseAvailableEndDate: PropTypes.func,
-    dateIsUnavailable: PropTypes.func,
-    dateIsSelected: PropTypes.func
-  }).description('react-dates phrases'),
-  startDate: PropTypes.instanceOf(Date, moment).description('start date value'),
-  endDate: PropTypes.instanceOf(Date, moment).description('end date value'),
-  startDateId: PropTypes.string.description('start date id'),
-  endDateId: PropTypes.string.description('end date id'),
-  labelFrom: PropTypes.string.description('label of start date input'),
-  labelTo: PropTypes.string.description('label of end date input'),
-  enableOutsideDays: PropTypes.bool.description('enable days outside current month').defaultValue('true'),
-  onDatesChange: PropTypes.func.description('function executed when dates change'),
-  onChangeStartInput: PropTypes.func.description('function executed when start date input changes'),
-  onChangeEndInput: PropTypes.func.description('function executed when end date input changes'),
-  onOutsideClick: PropTypes.func.description('function executed when clicking outside component')
-};
-const DateRangePickerWithSchema = describe(DSDateRangePicker);
-DateRangePickerWithSchema.propTypes = dateRangePickerProps;
-
-export { DateRangePickerWithSchema, DSDateRangePicker as default };

package/esm/components/DSDateRangePickerImpl.js

@@ -1,330 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import React from 'react';
-import moment from 'moment';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { DSFormItemLayout, DSInputMask, MASK_TYPES, MASK_PIPES } from '@elliemae/ds-form';
-import DSPopper from '@elliemae/ds-popper';
-import { renderMonthElement, DatePickerPicker } from '@elliemae/ds-date-picker';
-import DayPickerRangeController from './DayPickerRangeController.js';
-import { isMaxDiffSafe } from '../isMaxDiffSafe.js';
-
-const START_DATE = 'startDate';
-const END_DATE = 'endDate';
-const {
-  classNameElement,
-  classNameBlock
-} = convertPropToCssClassName('datepicker');
-class DSDateRangePickerImpl extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.onDatesChange = _ref => {
-      let {
-        startDate,
-        endDate
-      } = _ref;
-      const {
-        onDatesChange
-      } = this.props;
-      onDatesChange(startDate, endDate);
-      const safe = isMaxDiffSafe(startDate, endDate, this.state.startDate, this.state.endDate);
-
-      if (!safe) {
-        this.setState({
-          showPicker: false
-        });
-      }
-
-      this.setState({
-        startDate,
-        endDate,
-        primaryStartInput: false,
-        primaryEndInput: false
-      });
-    };
-
-    this.onFocusChange = () => {
-      this.setState(_ref2 => {
-        let {
-          focusedInput
-        } = _ref2;
-        return {
-          focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
-        };
-      });
-    };
-
-    this.handleKeyDown = event => {
-      if (event.key === 'Escape') this.setState({
-        showPicker: false
-      });
-    };
-
-    this.getSafeStartInputValue = () => {
-      const {
-        startInput,
-        primaryStartInput,
-        startDate
-      } = this.state;
-      if (primaryStartInput && startInput) return startInput;
-      if (!startDate) return '';
-      return startDate.format('MMDDYYYY');
-    };
-
-    this.getSafeEndInputValue = () => {
-      const {
-        endInput,
-        primaryEndInput,
-        endDate
-      } = this.state;
-      if (primaryEndInput && endInput) return endInput;
-      if (!endDate) return '';
-      return endDate.format('MMDDYYYY');
-    };
-
-    this.changeFocus = () => {
-      const {
-        disabled
-      } = this.props;
-
-      if (!disabled) {
-        this.setState(() => ({
-          focusedInput: 'startDate'
-        }));
-      }
-    };
-
-    this.handleChangeStart = e => {
-      var _momentValue;
-
-      const {
-        onChangeStartInput,
-        isDayBlocked,
-        minimumNights
-      } = this.props;
-      const {
-        endDate
-      } = this.state;
-      const startInputVal = e.target.value;
-      let momentValue = null;
-
-      if (startInputVal && moment(startInputVal, 'MM/DD/YYYY', true).isValid()) {
-        momentValue = moment(startInputVal);
-      }
-
-      const startDateBlocked = isDayBlocked(momentValue);
-      const isStartDateAcceptable = !startDateBlocked && momentValue && startInputVal !== '';
-      const areDatesValid = endDate && momentValue && (endDate === null || endDate === void 0 ? void 0 : endDate.isValid()) && ((_momentValue = momentValue) === null || _momentValue === void 0 ? void 0 : _momentValue.isValid());
-      const canEndBeSameAsStart = minimumNights === 0;
-      const isStartAcceptableWithSelectedEnd = !endDate || areDatesValid && (canEndBeSameAsStart && momentValue.diff(endDate, 'days') <= 0 || !canEndBeSameAsStart && momentValue.diff(endDate, 'days') < 0);
-      const invalidDate = !isStartDateAcceptable || !isStartAcceptableWithSelectedEnd;
-      if (startDateBlocked) momentValue = null;
-      onChangeStartInput(momentValue);
-      this.setState(prevState => ({
-        startDate: momentValue,
-        startInput: startInputVal,
-        primaryStartInput: true,
-        startDateError: invalidDate,
-        endDateError: !isStartDateAcceptable || !prevState.endDateError ? prevState.endDateError : !isStartAcceptableWithSelectedEnd
-      }));
-    };
-
-    this.handleChangeEnd = e => {
-      var _momentValue2;
-
-      const {
-        onChangeEndInput,
-        isDayBlocked,
-        minimumNights
-      } = this.props;
-      const {
-        startDate
-      } = this.state;
-      const endInputValue = e.target.value;
-      let momentValue = null;
-
-      if (endInputValue && moment(endInputValue, 'MM/DD/YYYY', true).isValid()) {
-        momentValue = moment(endInputValue);
-      }
-
-      const endDateBlocked = isDayBlocked(momentValue);
-      const isEndDateAcceptable = !endDateBlocked && momentValue && endInputValue !== '';
-      const areDatesValid = startDate && momentValue && (startDate === null || startDate === void 0 ? void 0 : startDate.isValid()) && ((_momentValue2 = momentValue) === null || _momentValue2 === void 0 ? void 0 : _momentValue2.isValid());
-      const canEndBeSameAsStart = minimumNights === 0;
-      const isEndAcceptableWithSelectedStart = !startDate || // we can't compare with start date because it's not yet set
-      areDatesValid && ( // it's set and both are valid
-      canEndBeSameAsStart && momentValue.diff(startDate, 'days') >= 0 || // >= is valid
-      !canEndBeSameAsStart && momentValue.diff(startDate, 'days') > 0); // only > is valid
-
-      const invalidDate = !isEndDateAcceptable || !isEndAcceptableWithSelectedStart;
-      if (endDateBlocked) momentValue = null;
-      onChangeEndInput(momentValue);
-      this.setState(prevState => ({
-        endDate: momentValue,
-        endInput: endInputValue,
-        primaryEndInput: true,
-        startDateError: !isEndDateAcceptable || !prevState.startDateError ? prevState.startDateError : !isEndAcceptableWithSelectedStart,
-        endDateError: invalidDate
-      }));
-    };
-
-    this.handleChangeDate = _ref3 => {
-      let {
-        startDate: _start,
-        endDate
-      } = _ref3;
-
-      if (_start && endDate) {
-        this.setState({
-          startDate: moment(_start),
-          endDate,
-          primaryStartInput: false,
-          primaryEndInput: false
-        });
-      } else if (_start) {
-        this.setState({
-          startDate: moment(_start),
-          primaryStartInput: false
-        });
-      } else if (endDate) {
-        this.setState({
-          endDate,
-          primaryEndInput: false
-        });
-      }
-    };
-
-    this.state = {
-      startDate: props.startDate ? moment(props.startDate) : null,
-      endDate: props.endDate ? moment(props.endDate) : null,
-      focusedInput: START_DATE,
-      showPicker: false,
-      startDateError: false,
-      endDateError: false
-    };
-  }
-
-  componentDidMount() {
-    document.addEventListener('keydown', this.handleKeyDown, false);
-  }
-
-  componentWillUnmount() {
-    document.removeEventListener('keydown', this.handleKeyDown, false);
-  }
-
-  render() {
-    const {
-      startDate,
-      endDate,
-      focusedInput,
-      showPicker,
-      startDateError,
-      endDateError
-    } = this.state;
-    const {
-      disabled,
-      displayFormatDay,
-      minimumNights,
-      labelFrom,
-      labelTo,
-      isDayBlocked,
-      isDayHighlighted,
-      isOutsideRange,
-      enableOutsideDays,
-      startDateRequired,
-      endDateRequired,
-      onOutsideClick,
-      onNextMonthClick,
-      onPrevMonthClick,
-      onClose,
-      hasError,
-      validationMessage
-    } = this.props;
-    const inputClass = classNameBlock('inputs', 'range-picker');
-    const inputClassModifier = '';
-    const safeStartInputValue = this.getSafeStartInputValue();
-    const safeEndInputValue = this.getSafeEndInputValue();
-    return /*#__PURE__*/_jsx("div", {
-      className: "".concat(inputClass, " ").concat(inputClassModifier)
-    }, void 0, /*#__PURE__*/_jsx("div", {
-      className: classNameBlock('wrapper-input-date-range-picker-controller')
-    }, void 0, /*#__PURE__*/_jsx(DSFormItemLayout, {
-      floatingLabel: true,
-      inputComponent: DSInputMask,
-      labelText: labelFrom,
-      mask: MASK_TYPES.DATE,
-      onChange: this.handleChangeStart,
-      onFocus: () => this.setState({
-        showPicker: false
-      }),
-      pipe: MASK_PIPES.AUTO_CORRECT_DATE,
-      value: safeStartInputValue,
-      required: startDateRequired,
-      hasError: hasError || startDateError,
-      placeholder: "MM/DD/YYYY"
-    }), /*#__PURE__*/_jsx(DSFormItemLayout, {
-      floatingLabel: true,
-      inputComponent: DSInputMask,
-      labelText: labelTo,
-      mask: MASK_TYPES.DATE,
-      onChange: this.handleChangeEnd,
-      onFocus: () => this.setState({
-        showPicker: false
-      }),
-      pipe: MASK_PIPES.AUTO_CORRECT_DATE,
-      value: safeEndInputValue,
-      required: endDateRequired,
-      hasError: hasError || endDateError,
-      validationMessage: validationMessage,
-      placeholder: "MM/DD/YYYY"
-    })), /*#__PURE__*/_jsx("div", {
-      className: classNameBlock('wrapper-button-date-range-picker-controller')
-    }, void 0, /*#__PURE__*/_jsx(DSPopper, {
-      contentComponent: /*#__PURE__*/_jsx("div", {}, void 0, showPicker && /*#__PURE__*/_jsx(DayPickerRangeController, {
-        enableOutsideDays: enableOutsideDays,
-        isDayBlocked: isDayBlocked,
-        isDayHighlighted: isDayHighlighted,
-        isOutsideRange: isOutsideRange,
-        displayFormatDay: displayFormatDay,
-        endDate: endDate,
-        focusedInput: focusedInput,
-        hideKeyboardShortcutsPanel: true,
-        minimumNights: minimumNights,
-        onDatesChange: this.onDatesChange,
-        onFocusChange: this.onFocusChange,
-        onOutsideClick: e => {
-          onOutsideClick(e);
-          this.setState({
-            showPicker: false
-          });
-        },
-        onNextMonthClick: onNextMonthClick,
-        onPrevMonthClick: onPrevMonthClick,
-        startDate: startDate,
-        renderMonthElement: renderMonthElement
-      })),
-      isOpen: showPicker && !startDateError && !endDateError,
-      onClose: onClose,
-      placement: "bottom-end",
-      showArrow: false,
-      triggerComponent: /*#__PURE__*/_jsx("div", {
-        onFocus: () => this.setState({
-          showPicker: true
-        })
-      }, void 0, /*#__PURE__*/_jsx(DatePickerPicker, {
-        className: classNameElement('picker'),
-        disabled: disabled,
-        onClick: () => this.setState({
-          showPicker: true
-        })
-      }), hasError && validationMessage && /*#__PURE__*/_jsx("div", {
-        style: {
-          height: 15
-        }
-      }))
-    })));
-  }
-
-}
-
-export { END_DATE, START_DATE, DSDateRangePickerImpl as default };

package/esm/components/DatePickerLabel/DatePickerLabel.js

@@ -1,14 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-
-const Label = _ref => {
-  let {
-    className = 'date-picker-label',
-    label = ''
-  } = _ref;
-  return /*#__PURE__*/_jsx("div", {
-    className: className
-  }, void 0, /*#__PURE__*/_jsx("span", {}, void 0, label));
-};
-
-export { Label as default };

package/esm/components/DayPickerRangeController.js

@@ -1,139 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useRef, useEffect } from 'react';
-import { DayPickerRangeController as DayPickerRangeController$1 } from 'react-dates';
-import { DatePickerNavigation, DatePickerDay, renderMonthElement } from '@elliemae/ds-date-picker';
-import { ChevronLeft } from '@elliemae/ds-icons';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["endDate", "startDate", "displayFormatDay", "focusedInput", "enableOutsideDays", "onDatesChange", "onFocusChange", "onOutsideClick", "isDayBlocked", "isDayHighlighted", "isOutsideRange", "onNextMonthClick", "onPrevMonthClick"];
-
-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(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,
-  classNameBlock
-} = convertPropToCssClassName('datepicker-range');
-
-const DayPickerRangeController = _ref => {
-  let {
-    endDate = undefined,
-    startDate = undefined,
-    displayFormatDay = 'D',
-    focusedInput = undefined,
-    enableOutsideDays = false,
-    onDatesChange = () => null,
-    onFocusChange = () => null,
-    onOutsideClick = () => null,
-    isDayBlocked = () => null,
-    isDayHighlighted = () => null,
-    isOutsideRange = () => null,
-    onNextMonthClick = () => null,
-    onPrevMonthClick = () => null
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  const datePickerRef = useRef();
-  useEffect(() => {
-    const handleMouseUp = () => {
-      const focusedElement = document.activeElement;
-      focusedElement.blur();
-    };
-
-    const handleKeyDown = event => {
-      const [firstDay, ...restOfDays] = document.getElementsByClassName('CalendarMonthGrid_month__horizontal')[1].getElementsByClassName('CalendarDay');
-      const [lastDay] = restOfDays.slice(-1);
-      const focusedElement = document.activeElement;
-      const [prev, next] = document.getElementsByClassName('DayPickerNavigation_button');
-
-      switch (event.key) {
-        case 'Home':
-          event.stopPropagation();
-          firstDay.focus();
-          break;
-
-        case 'End':
-          event.stopPropagation();
-          lastDay.focus();
-          break;
-
-        case 'Enter':
-        case ' ':
-          if (focusedElement === prev) {
-            event.stopPropagation();
-            setTimeout(() => {
-              prev.focus();
-            }, 240);
-          } else if (focusedElement === next) {
-            event.stopPropagation();
-            setTimeout(() => {
-              next === null || next === void 0 ? void 0 : next.focus();
-            }, 240);
-          }
-
-          break;
-
-        case 'Tab':
-          if (firstDay === focusedElement || restOfDays.includes(focusedElement)) {
-            event.preventDefault();
-            prev.focus();
-          }
-
-          break;
-      }
-    };
-
-    datePickerRef.current.addEventListener('mouseup', handleMouseUp, false);
-    datePickerRef.current.addEventListener('keydown', handleKeyDown, false);
-    return () => {
-      if (datePickerRef.current) {
-        datePickerRef.current.removeEventListener('mouseup', handleMouseUp, false);
-        datePickerRef.current.removeEventListener('keydown', handleKeyDown, false);
-      }
-    };
-  }, []);
-  return /*#__PURE__*/jsx("div", {
-    ref: datePickerRef,
-    className: classNameBlock('wrapper-day-picker-single-date-controller'),
-    "data-testid": otherProps['data-testid'] || 'date-range-picker-controller',
-    children: /*#__PURE__*/jsx(DayPickerRangeController$1, _objectSpread(_objectSpread({}, otherProps), {}, {
-      isDayBlocked: isDayBlocked,
-      isDayHighlighted: isDayHighlighted,
-      isOutsideRange: isOutsideRange,
-      enableOutsideDays: enableOutsideDays,
-      endDate: endDate,
-      focused: true,
-      focusedInput: focusedInput,
-      hideKeyboardShortcutsPanel: true,
-      navNext: /*#__PURE__*/_jsx(DatePickerNavigation, {
-        className: classNameElement('navigation-next')
-      }),
-      navPrev: /*#__PURE__*/_jsx(DatePickerNavigation, {
-        className: classNameElement('navigation-prev'),
-        icon: ChevronLeft
-      }),
-      onDatesChange: onDatesChange,
-      onFocusChange: onFocusChange,
-      onOutsideClick: onOutsideClick,
-      onNextMonthClick: onNextMonthClick,
-      onPrevMonthClick: onPrevMonthClick,
-      renderDayContents: date => /*#__PURE__*/_jsx(DatePickerDay, {
-        className: classNameElement('day-contents'),
-        date: date.format(displayFormatDay)
-      }),
-      renderMonthElement: renderMonthElement,
-      startDate: startDate
-    }))
-  });
-};
-
-export { DayPickerRangeController as default };

package/esm/index.js

@@ -1,3 +0,0 @@
-export { DateRangePickerWithSchema, default } from './DSDateRangePicker.js';
-export { default as DayPickerRangeController } from './components/DayPickerRangeController.js';
-export { END_DATE, START_DATE } from './components/DSDateRangePickerImpl.js';