@elliemae/ds-date-picker 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/components/DatePickerController/DatePickerController.js

@@ -1,158 +1,206 @@
-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 DatePickerController_exports = {};
-__export(DatePickerController_exports, {
-  DSDatePickerController: () => DSDatePickerController,
-  default: () => DSDatePickerController
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_prop_types = __toESM(require("prop-types"));
-var import_moment = __toESM(require("moment"));
-var import_initialize = require("react-dates/initialize");
-var import_react_dates = require("react-dates");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_defaultPhrases = require("../../defaultPhrases");
-var import_DatePickerRenderMonth = require("../DatePickerRenderMonth/DatePickerRenderMonth");
-var import_DatePickerNavigation = require("../DatePickerNavigation/DatePickerNavigation");
-var import_DatePickerDay = require("../DatePickerDay/DatePickerDay");
-const { classNameElement, classNameBlock } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker-range");
-const focusElementOnOpen = (0, import_lodash.debounce)((datePickerDom, firstFocusableItemDom, focusCurrentDate) => {
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+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/web.dom-collections.iterator.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 lodash = require('lodash');
+var PropTypes = require('prop-types');
+var moment = require('moment');
+require('react-dates/initialize');
+var reactDates = require('react-dates');
+var dsClassnames = require('@elliemae/ds-classnames');
+var dsIcons = require('@elliemae/ds-icons');
+var defaultPhrases = require('../../defaultPhrases.js');
+var DatePickerRenderMonth = require('../DatePickerRenderMonth/DatePickerRenderMonth.js');
+var DatePickerNavigation = require('../DatePickerNavigation/DatePickerNavigation.js');
+var DatePickerDay = require('../DatePickerDay/DatePickerDay.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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+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 {
+  classNameElement,
+  classNameBlock
+} = dsClassnames.convertPropToCssClassName('datepicker-range');
+const focusElementOnOpen = lodash.debounce((datePickerDom, firstFocusableItemDom, focusCurrentDate) => {
   if (datePickerDom) {
-    const currentDay = Array.from(datePickerDom?.getElementsByClassName("CalendarDay__today")).filter((el) => !el.className.includes("CalendarDay__outside"))[0];
-    const [calendarDaySelected] = datePickerDom?.getElementsByClassName("CalendarDay__selected");
+    const currentDay = Array.from(datePickerDom === null || datePickerDom === void 0 ? void 0 : datePickerDom.getElementsByClassName('CalendarDay__today')).filter(el => !el.className.includes('CalendarDay__outside'))[0];
+    const [calendarDaySelected] = datePickerDom === null || datePickerDom === void 0 ? void 0 : datePickerDom.getElementsByClassName('CalendarDay__selected');
+
     if (calendarDaySelected) {
-      calendarDaySelected?.focus?.();
-    } else if (focusCurrentDate && !calendarDaySelected)
-      currentDay.focus();
-    else {
-      const navButton = firstFocusableItemDom?.closest(".DayPickerNavigation_button>div");
-      navButton?.focus?.();
+      var _calendarDaySelected$;
+
+      calendarDaySelected === null || calendarDaySelected === void 0 ? void 0 : (_calendarDaySelected$ = calendarDaySelected.focus) === null || _calendarDaySelected$ === void 0 ? void 0 : _calendarDaySelected$.call(calendarDaySelected);
+    } else if (focusCurrentDate && !calendarDaySelected) currentDay.focus();else {
+      var _navButton$focus;
+
+      const navButton = firstFocusableItemDom === null || firstFocusableItemDom === void 0 ? void 0 : firstFocusableItemDom.closest('.DayPickerNavigation_button>div');
+      navButton === null || navButton === void 0 ? void 0 : (_navButton$focus = navButton.focus) === null || _navButton$focus === void 0 ? void 0 : _navButton$focus.call(navButton);
     }
   }
 }, 100);
-class DSDatePickerController extends import_react.default.Component {
+class DSDatePickerController extends React__default["default"].Component {
+  // eslint-disable-next-line react/static-property-placement
   constructor(props) {
     super(props);
+
     this.handleMouseUp = () => {
+      var _focusedElement$blur;
+
       const focusedElement = document.activeElement;
-      focusedElement?.blur?.();
+      focusedElement === null || focusedElement === void 0 ? void 0 : (_focusedElement$blur = focusedElement.blur) === null || _focusedElement$blur === void 0 ? void 0 : _focusedElement$blur.call(focusedElement);
     };
-    this.handleKeyDown = (event) => {
-      const [firstDay, ...restOfDays] = document.getElementsByClassName("CalendarMonthGrid_month__horizontal")[1].getElementsByClassName("CalendarDay");
+
+    this.handleKeyDown = event => {
+      const [firstDay, ...restOfDays] = document.getElementsByClassName('CalendarMonthGrid_month__horizontal')[1].getElementsByClassName('CalendarDay');
       const [lastDay] = restOfDays.slice(-1);
-      const { onClickEscape } = this.props;
+      const {
+        onClickEscape
+      } = this.props;
+
       switch (event.key) {
-        case "Home":
+        case 'Home':
           firstDay.focus();
           break;
-        case "End":
+
+        case 'End':
           lastDay.focus();
           break;
-        case "Escape":
+
+        case 'Escape':
           onClickEscape();
           break;
-        default:
-          break;
       }
     };
+
     this.getSafeValue = () => {
-      const { value, date, defaultValue } = this.props;
-      const { selectedDate } = this.state;
-      if (value)
-        return (0, import_moment.default)(value);
-      if (date)
-        return (0, import_moment.default)(date);
-      if (defaultValue)
-        return (0, import_moment.default)(defaultValue);
-      if (selectedDate)
-        return (0, import_moment.default)(selectedDate);
+      const {
+        value,
+        date,
+        defaultValue
+      } = this.props;
+      const {
+        selectedDate
+      } = this.state;
+      if (value) return moment__default["default"](value);
+      if (date) return moment__default["default"](date);
+      if (defaultValue) return moment__default["default"](defaultValue);
+      if (selectedDate) return moment__default["default"](selectedDate);
       return null;
     };
+
     this.isControlled = () => {
-      const { value, date } = this.props;
+      const {
+        value,
+        date
+      } = this.props;
       return Boolean(value) || Boolean(date);
     };
-    this.handleDateChange = (date) => {
-      const { readOnly, onDateChange, onChange } = this.props;
+
+    this.handleDateChange = date => {
+      const {
+        readOnly,
+        onDateChange,
+        onChange
+      } = this.props;
+
       if (!readOnly) {
         if (!this.isControlled()) {
-          this.setState({ selectedDate: date });
+          this.setState({
+            selectedDate: date
+          });
         }
+
         onDateChange(date);
         onChange(date);
       }
     };
-    this.handleChange = (dataInput) => {
-      const { onDateChange, onChange } = this.props;
-      const momentvalue = (0, import_moment.default)(dataInput.target.value);
-      this.setState({ selectedDate: momentvalue });
+
+    this.handleChange = dataInput => {
+      const {
+        onDateChange,
+        onChange
+      } = this.props;
+      const momentvalue = moment__default["default"](dataInput.target.value);
+      this.setState({
+        selectedDate: momentvalue
+      });
       onDateChange(momentvalue);
       onChange(momentvalue);
     };
+
     this.handleNavClick = (date, nav) => {
-      const [prev, next] = document.getElementsByClassName("DayPickerNavigation_button");
-      const { onPrevMonthClick, onNextMonthClick } = this.props;
-      if (nav === "prev") {
-        prev?.focus?.();
+      const [prev, next] = document.getElementsByClassName('DayPickerNavigation_button');
+      const {
+        onPrevMonthClick,
+        onNextMonthClick
+      } = this.props;
+
+      if (nav === 'prev') {
+        var _prev$focus;
+
+        prev === null || prev === void 0 ? void 0 : (_prev$focus = prev.focus) === null || _prev$focus === void 0 ? void 0 : _prev$focus.call(prev);
         onPrevMonthClick(date);
       } else {
-        next?.focus?.();
+        var _next$focus;
+
+        next === null || next === void 0 ? void 0 : (_next$focus = next.focus) === null || _next$focus === void 0 ? void 0 : _next$focus.call(next);
         onNextMonthClick(date);
       }
     };
-    this.insideBlur = (event) => {
-      const { datePicker } = this.state;
+
+    this.insideBlur = event => {
+      const {
+        datePicker
+      } = this.state;
+
       if (!datePicker.current.contains(event.currentTarget)) {
         this.props.onClose();
       }
     };
+
     this.state = {
       selectedDate: null,
-      firstFocusableItem: import_react.default.createRef(),
-      datePicker: import_react.default.createRef()
+      firstFocusableItem: /*#__PURE__*/React__default["default"].createRef(),
+      datePicker: /*#__PURE__*/React__default["default"].createRef()
     };
   }
+
   componentDidMount() {
-    const { datePicker, firstFocusableItem } = this.state;
-    datePicker.current.addEventListener("mouseup", this.handleMouseUp, false);
-    document.addEventListener("keydown", this.handleKeyDown, false);
+    const {
+      datePicker,
+      firstFocusableItem
+    } = this.state;
+    datePicker.current.addEventListener('mouseup', this.handleMouseUp, false);
+    document.addEventListener('keydown', this.handleKeyDown, false);
     setTimeout(() => {
-      focusElementOnOpen(datePicker?.current, firstFocusableItem?.current, this.props.focusCurrentDate);
+      focusElementOnOpen(datePicker === null || datePicker === void 0 ? void 0 : datePicker.current, firstFocusableItem === null || firstFocusableItem === void 0 ? void 0 : firstFocusableItem.current, this.props.focusCurrentDate);
     }, 400);
   }
+
   componentWillUnmount() {
-    const { datePicker } = this.state;
-    datePicker.current.removeEventListener("mouseup", this.handleMouseUp, false);
-    document.removeEventListener("keydown", this.handleKeyDown, false);
+    const {
+      datePicker
+    } = this.state;
+    datePicker.current.removeEventListener('mouseup', this.handleMouseUp, false);
+    document.removeEventListener('keydown', this.handleKeyDown, false);
   }
+
   render() {
     const {
       numberOfMonths,
@@ -172,62 +220,70 @@ class DSDatePickerController extends import_react.default.Component {
       key,
       calendarProps
     } = this.props;
-    const { datePicker, firstFocusableItem } = this.state;
+    const {
+      datePicker,
+      firstFocusableItem
+    } = this.state;
     const safedate = this.getSafeValue();
     const safeinitialMonth = safedate && safedate.isValid() ? () => safedate : () => initialVisibleMonth;
-    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", {
+    return /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
       onBlur: this.insideBlur,
       ref: datePicker,
-      className: classNameBlock("wrapper-day-picker-single-date-controller"),
-      "data-testid": "calendar-wrapper",
-      ...calendarProps
-    }, /* @__PURE__ */ import_react.default.createElement(import_react_dates.DayPickerSingleDateController, {
-      key,
-      date: safedate,
-      enableOutsideDays,
-      firstDayOfWeek,
-      focused: true,
-      hideKeyboardShortcutsPanel,
-      initialVisibleMonth: safeinitialMonth,
-      isDayBlocked,
-      isDayHighlighted,
-      isOutsideRange,
-      keepOpenOnDateSelect,
-      navNext: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
-        className: classNameElement("navigation-next")
-      }),
-      navPrev: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
-        className: classNameElement("navigation-prev"),
-        icon: import_ds_icons.ChevronLeft,
-        innerRef: firstFocusableItem
-      }),
-      renderMonthElement: import_DatePickerRenderMonth.renderMonthElement,
-      numberOfMonths,
-      onClose,
-      onDateChange: this.handleDateChange,
-      onNextMonthClick: this.handleNavClick("next"),
-      onOutsideClick,
-      onPrevMonthClick: this.handleNavClick("prev"),
-      phrases,
-      renderDayContents: (date) => /* @__PURE__ */ import_react.default.createElement(import_DatePickerDay.DatePickerDay, {
-        className: classNameElement("day-contents"),
-        date: date.format(displayFormatDay)
-      }),
-      transitionDuration,
-      onTab: (e) => {
-        if (e.target.classList.contains("CalendarDay")) {
-          e.preventDefault();
-          onClose();
+      className: classNameBlock('wrapper-day-picker-single-date-controller'),
+      "data-testid": "calendar-wrapper"
+    }, calendarProps), {}, {
+      children: /*#__PURE__*/_jsx__default["default"](reactDates.DayPickerSingleDateController, {
+        date: safedate,
+        enableOutsideDays: enableOutsideDays,
+        firstDayOfWeek: firstDayOfWeek,
+        focused: true,
+        hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
+        initialVisibleMonth: safeinitialMonth,
+        isDayBlocked: isDayBlocked,
+        isDayHighlighted: isDayHighlighted,
+        isOutsideRange: isOutsideRange,
+        keepOpenOnDateSelect: keepOpenOnDateSelect,
+        navNext: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
+          className: classNameElement('navigation-next')
+        }),
+        navPrev: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
+          className: classNameElement('navigation-prev'),
+          icon: dsIcons.ChevronLeft,
+          innerRef: firstFocusableItem
+        }),
+        renderMonthElement: DatePickerRenderMonth.renderMonthElement,
+        numberOfMonths: numberOfMonths,
+        onClose: onClose,
+        onDateChange: this.handleDateChange,
+        onNextMonthClick: e => {
+          this.handleNavClick(e, 'next');
+        },
+        onOutsideClick: onOutsideClick,
+        onPrevMonthClick: e => {
+          this.handleNavClick(e, 'prev');
+        },
+        phrases: phrases,
+        renderDayContents: date => /*#__PURE__*/_jsx__default["default"](DatePickerDay, {
+          className: classNameElement('day-contents'),
+          date: date.format(displayFormatDay)
+        }),
+        transitionDuration: transitionDuration,
+        onTab: e => {
+          if (e.target.classList.contains('CalendarDay')) {
+            e.preventDefault();
+            onClose();
+          }
         }
-      }
+      }, key)
     })));
   }
+
 }
 DSDatePickerController.defaultProps = {
-  date: "",
-  value: "",
+  date: '',
+  value: '',
   enableOutsideDays: false,
-  initialVisibleMonth: (0, import_moment.default)(),
+  initialVisibleMonth: moment__default["default"](),
   firstDayOfWeek: 0,
   keepOpenOnDateSelect: true,
   hideKeyboardShortcutsPanel: true,
@@ -237,41 +293,21 @@ DSDatePickerController.defaultProps = {
   onChange: () => null,
   onClickEscape: () => null,
   onDateChange: () => null,
-  phrases: import_defaultPhrases.SingleDatePickerPhrases,
-  displayFormatDay: "D",
+  phrases: defaultPhrases.SingleDatePickerPhrases,
+  // displayFormat: 'L',
+  displayFormatDay: 'D',
   transitionDuration: 0,
+  // verticalSpacing: 0,
   isDayBlocked: () => false,
   isOutsideRange: () => false,
   isDayHighlighted: () => false,
   numberOfMonths: 1
 };
-DSDatePickerController.propTypes = {
-  date: import_prop_types.default.instanceOf(Date, import_moment.default),
-  value: import_prop_types.default.oneOf(import_prop_types.default.instanceOf(Date), import_prop_types.default.instanceOf(import_moment.default)),
-  enableOutsideDays: import_prop_types.default.bool,
-  initialVisibleMonth: import_prop_types.default.instanceOf(Date, import_moment.default),
-  firstDayOfWeek: import_prop_types.default.number,
-  keepOpenOnDateSelect: import_prop_types.default.bool,
-  hideKeyboardShortcutsPanel: import_prop_types.default.bool,
-  onPrevMonthClick: import_prop_types.default.func,
-  onNextMonthClick: import_prop_types.default.func,
-  onClose: import_prop_types.default.func,
-  onClickEscape: import_prop_types.default.func,
-  onChange: import_prop_types.default.func,
-  onDateChange: import_prop_types.default.func,
-  phrases: import_defaultPhrases.SingleDatePickerPhrases,
-  displayFormatDay: import_prop_types.default.string,
-  transitionDuration: import_prop_types.default.number,
-  isDayBlocked: import_prop_types.default.func,
-  isOutsideRange: import_prop_types.default.func,
-  isDayHighlighted: import_prop_types.default.func,
-  numberOfMonths: import_prop_types.default.number
-};
 DSDatePickerController.defaultProps = {
-  date: "",
-  value: "",
+  date: '',
+  value: '',
   enableOutsideDays: false,
-  initialVisibleMonth: (0, import_moment.default)(),
+  initialVisibleMonth: moment__default["default"](),
   firstDayOfWeek: 0,
   keepOpenOnDateSelect: true,
   hideKeyboardShortcutsPanel: true,
@@ -281,42 +317,44 @@ DSDatePickerController.defaultProps = {
   onClickEscape: () => null,
   onChange: () => null,
   onDateChange: () => null,
-  phrases: import_prop_types.default.shape({
-    calendarLabel: import_prop_types.default.string,
-    closeDatePicker: import_prop_types.default.string,
-    clearDates: import_prop_types.default.string,
-    focusStartDate: import_prop_types.default.string,
-    jumpToPrevMonth: import_prop_types.default.string,
-    jumpToNextMonth: import_prop_types.default.string,
-    keyboardShortcuts: import_prop_types.default.string,
-    showKeyboardShortcutsPanel: import_prop_types.default.string,
-    hideKeyboardShortcutsPanel: import_prop_types.default.string,
-    openThisPanel: import_prop_types.default.string,
-    enterKey: import_prop_types.default.string,
-    leftArrowRightArrow: import_prop_types.default.string,
-    upArrowDownArrow: import_prop_types.default.string,
-    pageUpPageDown: import_prop_types.default.string,
-    homeEnd: import_prop_types.default.string,
-    escape: import_prop_types.default.string,
-    questionMark: import_prop_types.default.string,
-    selectFocusedDate: import_prop_types.default.string,
-    moveFocusByOneDay: import_prop_types.default.string,
-    moveFocusByOneWeek: import_prop_types.default.string,
-    moveFocusByOneMonth: import_prop_types.default.string,
-    moveFocustoStartAndEndOfWeek: import_prop_types.default.string,
-    returnFocusToInput: import_prop_types.default.string,
-    keyboardNavigationInstructions: import_prop_types.default.string,
-    chooseAvailableStartDate: import_prop_types.default.func,
-    chooseAvailableEndDate: import_prop_types.default.func,
-    dateIsUnavailable: import_prop_types.default.func,
-    dateIsSelected: import_prop_types.default.func
+  phrases: PropTypes__default["default"].shape({
+    calendarLabel: PropTypes__default["default"].string,
+    closeDatePicker: PropTypes__default["default"].string,
+    clearDates: PropTypes__default["default"].string,
+    focusStartDate: PropTypes__default["default"].string,
+    jumpToPrevMonth: PropTypes__default["default"].string,
+    jumpToNextMonth: PropTypes__default["default"].string,
+    keyboardShortcuts: PropTypes__default["default"].string,
+    showKeyboardShortcutsPanel: PropTypes__default["default"].string,
+    hideKeyboardShortcutsPanel: PropTypes__default["default"].string,
+    openThisPanel: PropTypes__default["default"].string,
+    enterKey: PropTypes__default["default"].string,
+    leftArrowRightArrow: PropTypes__default["default"].string,
+    upArrowDownArrow: PropTypes__default["default"].string,
+    pageUpPageDown: PropTypes__default["default"].string,
+    homeEnd: PropTypes__default["default"].string,
+    escape: PropTypes__default["default"].string,
+    questionMark: PropTypes__default["default"].string,
+    selectFocusedDate: PropTypes__default["default"].string,
+    moveFocusByOneDay: PropTypes__default["default"].string,
+    moveFocusByOneWeek: PropTypes__default["default"].string,
+    moveFocusByOneMonth: PropTypes__default["default"].string,
+    moveFocustoStartAndEndOfWeek: PropTypes__default["default"].string,
+    returnFocusToInput: PropTypes__default["default"].string,
+    keyboardNavigationInstructions: PropTypes__default["default"].string,
+    chooseAvailableStartDate: PropTypes__default["default"].func,
+    chooseAvailableEndDate: PropTypes__default["default"].func,
+    dateIsUnavailable: PropTypes__default["default"].func,
+    dateIsSelected: PropTypes__default["default"].func
   }),
-  displayFormatDay: "D",
+  // displayFormat: 'L',
+  displayFormatDay: 'D',
   transitionDuration: 0,
+  // verticalSpacing: 0,
   isDayBlocked: () => false,
   isOutsideRange: () => false,
   isDayHighlighted: () => false,
   numberOfMonths: 1
 };
-module.exports = __toCommonJS(DatePickerController_exports);
-//# sourceMappingURL=DatePickerController.js.map
+
+module.exports = DSDatePickerController;

package/cjs/components/DatePickerDay/DatePickerDay.js

@@ -1,49 +1,24 @@
-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 });
+'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));
 };
-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 DatePickerDay_exports = {};
-__export(DatePickerDay_exports, {
-  DatePickerDay: () => Day,
-  default: () => DatePickerDay_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-const Day = ({ className = "date-picker-content-day", date = "" }) => /* @__PURE__ */ import_react.default.createElement("div", {
-  className,
-  "data-testid": `datepicker-day-${date}`
-}, /* @__PURE__ */ import_react.default.createElement("div", {
-  className: `${className}-half`,
-  "data-testid": "datepicker-day"
-}, date));
-Day.propTypes = {
-  className: import_prop_types.default.string,
-  date: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number])
-};
-var DatePickerDay_default = Day;
-module.exports = __toCommonJS(DatePickerDay_exports);
-//# sourceMappingURL=DatePickerDay.js.map
+
+module.exports = Day;