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

package/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js

@@ -1,32 +1,38 @@
-import * as React from "react";
-import React2 from "react";
-import { ChevronDoubleLeft, ChevronDoubleRight } from "@elliemae/ds-icons";
-import { Grid } from "@elliemae/ds-grid";
-const renderMonthElement = ({ month, onYearSelect }) => /* @__PURE__ */ React2.createElement(Grid, {
-  height: "20px",
-  cols: ["auto", 1, "auto"],
-  alignItems: "flex-end",
-  mr: "10px"
-}, /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", {
-  role: "button",
-  tabIndex: "0",
-  "data-testid": "date-picker-prev-year-arrow",
-  onClick: () => onYearSelect(month, month.year() - 1)
-}, /* @__PURE__ */ React2.createElement(ChevronDoubleLeft, {
-  width: 13.6,
-  height: 13.6
-}))), /* @__PURE__ */ React2.createElement(Grid, {
-  "data-testid": "date-picker-header"
-}, /* @__PURE__ */ React2.createElement("strong", null, month.format("MMMM YYYY"))), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", {
-  role: "button",
-  tabIndex: "0",
-  "data-testid": "date-picker-next-year-arrow",
-  onClick: () => onYearSelect(month, month.year() + 1)
-}, /* @__PURE__ */ React2.createElement(ChevronDoubleRight, {
-  width: 13.6,
-  height: 13.6
-}))));
-export {
-  renderMonthElement
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { ChevronDoubleLeft, ChevronDoubleRight } from '@elliemae/ds-icons';
+import { Grid } from '@elliemae/ds-grid';
+
+var _ChevronDoubleLeft, _ChevronDoubleRight;
+const renderMonthElement = _ref => {
+  let {
+    month,
+    onYearSelect
+  } = _ref;
+  return /*#__PURE__*/_jsx(Grid, {
+    height: "20px",
+    cols: ['auto', 1, 'auto'],
+    alignItems: "flex-end",
+    mr: "10px"
+  }, void 0, /*#__PURE__*/_jsx("div", {}, void 0, /*#__PURE__*/_jsx("div", {
+    role: "button",
+    tabIndex: "0",
+    "data-testid": "date-picker-prev-year-arrow",
+    onClick: () => onYearSelect(month, month.year() - 1)
+  }, void 0, _ChevronDoubleLeft || (_ChevronDoubleLeft = /*#__PURE__*/_jsx(ChevronDoubleLeft, {
+    width: 13.6,
+    height: 13.6
+  })))), /*#__PURE__*/_jsx(Grid, {
+    "data-testid": "date-picker-header"
+  }, void 0, /*#__PURE__*/_jsx("strong", {}, void 0, month.format('MMMM YYYY'))), /*#__PURE__*/_jsx("div", {}, void 0, /*#__PURE__*/_jsx("div", {
+    role: "button",
+    tabIndex: "0",
+    "data-testid": "date-picker-next-year-arrow",
+    onClick: () => onYearSelect(month, month.year() + 1)
+  }, void 0, _ChevronDoubleRight || (_ChevronDoubleRight = /*#__PURE__*/_jsx(ChevronDoubleRight, {
+    width: 13.6,
+    height: 13.6
+  })))));
 };
-//# sourceMappingURL=DatePickerRenderMonth.js.map
+
+export { renderMonthElement };

package/esm/components/DatePickerSingleDate/DatePickerSingleDate.js

@@ -1,67 +1,77 @@
-import * as React from "react";
-import React2, { useState, useRef } from "react";
-import { DayPickerSingleDateController } from "react-dates";
-import moment from "moment";
-import { aggregatedClasses, convertPropToCssClassName } from "@elliemae/ds-classnames";
-import { ChevronLeft } from "@elliemae/ds-icons";
-import { DatePickerDay } from "../DatePickerDay/DatePickerDay";
-import { DatePickerNavigation } from "../DatePickerNavigation/DatePickerNavigation";
-import { DatePickerHeader } from "../DatePickerHeader/DatePickerHeader";
-const blockname = "single-date";
-const Wrapper = aggregatedClasses("div")(blockname, "wrapper");
-const { classNameElement, classNameBlock } = convertPropToCssClassName("datepicker");
-const DatePickerSingleDate = ({
-  date,
-  displayFormatDay = "D",
-  isDayHighlighted = () => false,
-  enableOutsideDays = true,
-  showHeader = true,
-  onChange = () => null,
-  ...rest
-}) => {
+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 { useState, useRef } from 'react';
+import { DayPickerSingleDateController } from 'react-dates';
+import moment from 'moment';
+import { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';
+import { ChevronLeft } from '@elliemae/ds-icons';
+import Day from '../DatePickerDay/DatePickerDay.js';
+import Navigation from '../DatePickerNavigation/DatePickerNavigation.js';
+import DatePickerHeader from '../DatePickerHeader/DatePickerHeader.js';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["date", "displayFormatDay", "isDayHighlighted", "enableOutsideDays", "showHeader", "onChange"];
+const blockname = 'single-date';
+const Wrapper = aggregatedClasses('div')(blockname, 'wrapper');
+const {
+  classNameElement,
+  classNameBlock
+} = convertPropToCssClassName('datepicker');
+
+const DatePickerSingleDate = _ref => {
+  let {
+    date,
+    displayFormatDay = 'D',
+    isDayHighlighted = () => false,
+    enableOutsideDays = true,
+    showHeader = true,
+    onChange = () => null
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
   const [selectedDate, setSelectedDate] = useState(date);
   const [key, setKey] = useState(moment());
   const datePickerRef = useRef();
-  const updateKeyDate = (newDate) => {
+
+  const updateKeyDate = newDate => {
     setKey(newDate);
   };
-  const handleDateChange = (newDate) => {
+
+  const handleDateChange = newDate => {
     setSelectedDate(newDate);
     setTimeout(() => onChange(newDate), 500);
   };
-  return /* @__PURE__ */ React2.createElement(Wrapper, null, showHeader && /* @__PURE__ */ React2.createElement(DatePickerHeader, {
+
+  return /*#__PURE__*/_jsx(Wrapper, {}, void 0, showHeader && /*#__PURE__*/_jsx(DatePickerHeader, {
     onInputChange: handleDateChange,
-    selectedDate,
-    updateKeyDate
-  }), /* @__PURE__ */ React2.createElement("div", {
+    selectedDate: selectedDate,
+    updateKeyDate: updateKeyDate
+  }), /*#__PURE__*/jsx("div", {
     ref: datePickerRef,
-    className: classNameBlock("wrapper-day-picker-single-date-controller"),
-    "data-testid": rest["data-testid"] || "date-picker-single-date"
-  }, /* @__PURE__ */ React2.createElement(DayPickerSingleDateController, {
-    key,
-    date: selectedDate,
-    enableOutsideDays,
-    focused: true,
-    hideKeyboardShortcutsPanel: true,
-    isDayHighlighted,
-    keepOpenOnDateSelect: true,
-    navNext: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
-      className: classNameElement("navigation-next")
-    }),
-    navPrev: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
-      className: classNameElement("navigation-prev"),
-      icon: ChevronLeft
-    }),
-    onDateChange: handleDateChange,
-    renderDayContents: (givenDate) => /* @__PURE__ */ React2.createElement(DatePickerDay, {
-      className: classNameElement("day-contents"),
-      date: givenDate.format(displayFormatDay)
-    })
-  })));
+    className: classNameBlock('wrapper-day-picker-single-date-controller'),
+    "data-testid": rest['data-testid'] || 'date-picker-single-date',
+    children: /*#__PURE__*/_jsx(DayPickerSingleDateController, {
+      date: selectedDate,
+      enableOutsideDays: enableOutsideDays,
+      focused: true,
+      hideKeyboardShortcutsPanel: true,
+      isDayHighlighted: isDayHighlighted,
+      keepOpenOnDateSelect: true,
+      navNext: /*#__PURE__*/_jsx(Navigation, {
+        className: classNameElement('navigation-next')
+      }),
+      navPrev: /*#__PURE__*/_jsx(Navigation, {
+        className: classNameElement('navigation-prev'),
+        icon: ChevronLeft
+      }),
+      onDateChange: handleDateChange,
+      renderDayContents: givenDate => /*#__PURE__*/_jsx(Day, {
+        className: classNameElement('day-contents'),
+        date: givenDate.format(displayFormatDay)
+      })
+    }, key)
+  }));
 };
-var DatePickerSingleDate_default = DatePickerSingleDate;
-export {
-  DatePickerSingleDate,
-  DatePickerSingleDate_default as default
-};
-//# sourceMappingURL=DatePickerSingleDate.js.map
+
+export { DatePickerSingleDate as default };

package/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js

@@ -1,51 +1,53 @@
-import * as React from "react";
-import React2 from "react";
-import { DSCheckbox } from "@elliemae/ds-form";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { DatePickerRangeHeader } from "../DatePickerRangeHeader/DatePickerRangeHeader";
-import { DatePickerHeader } from "../DatePickerHeader/DatePickerHeader";
-const blockname = "date-switcher";
-const Header = aggregatedClasses("div")(blockname, "header");
-const SingleRangeDateSwitcher = ({
-  onStartInputChange,
-  onEndInputChange,
-  onSingleInputChange,
-  onFocusChange,
-  selectedStartDate,
-  selectedEndDate,
-  selectedSingleDate,
-  isDateRange,
-  setIsDateRange,
-  handleDatesChange,
-  updateKeyDate,
-  focusedInput
-}) => {
-  const SingleDateInput = /* @__PURE__ */ React2.createElement(DatePickerHeader, {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { DSCheckbox } from '@elliemae/ds-form';
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+import DatePickerRangeHeader from '../DatePickerRangeHeader/DatePickerRangeHeader.js';
+import DatePickerHeader from '../DatePickerHeader/DatePickerHeader.js';
+
+const blockname = 'date-switcher';
+const Header = aggregatedClasses('div')(blockname, 'header');
+
+const SingleRangeDateSwitcher = _ref => {
+  let {
+    onStartInputChange,
+    onEndInputChange,
+    onSingleInputChange,
+    onFocusChange,
+    selectedStartDate,
+    selectedEndDate,
+    selectedSingleDate,
+    isDateRange,
+    setIsDateRange,
+    handleDatesChange,
+    updateKeyDate,
+    focusedInput
+  } = _ref;
+
+  const SingleDateInput = /*#__PURE__*/_jsx(DatePickerHeader, {
     onInputChange: onSingleInputChange,
     selectedDate: selectedSingleDate,
-    updateKeyDate
+    updateKeyDate: updateKeyDate
   });
-  const DateRangeInput = /* @__PURE__ */ React2.createElement(DatePickerRangeHeader, {
-    focusedInput,
-    onFocusChange,
-    onEndInputChange,
-    onStartInputChange,
-    selectedEndDate,
-    selectedStartDate,
-    handleDatesChange
+
+  const DateRangeInput = /*#__PURE__*/_jsx(DatePickerRangeHeader, {
+    focusedInput: focusedInput,
+    onFocusChange: onFocusChange,
+    onEndInputChange: onEndInputChange,
+    onStartInputChange: onStartInputChange,
+    selectedEndDate: selectedEndDate,
+    selectedStartDate: selectedStartDate,
+    handleDatesChange: handleDatesChange
   });
-  return /* @__PURE__ */ React2.createElement(Header, {
+
+  return /*#__PURE__*/_jsx(Header, {
     "data-testid": "date-switch-header"
-  }, /* @__PURE__ */ React2.createElement(DSCheckbox, {
+  }, void 0, /*#__PURE__*/_jsx(DSCheckbox, {
     checked: isDateRange,
     className: "switch-header__checkbox",
     labelText: "Range",
     onChange: setIsDateRange
   }), isDateRange ? DateRangeInput : SingleDateInput);
 };
-var SingleRangeDateSwitcher_default = SingleRangeDateSwitcher;
-export {
-  SingleRangeDateSwitcher,
-  SingleRangeDateSwitcher_default as default
-};
-//# sourceMappingURL=SingleRangeDateSwitcher.js.map
+
+export { SingleRangeDateSwitcher as default };

package/esm/components/index.js

@@ -1,24 +1,10 @@
-import * as React from "react";
-import { default as default2 } from "./DatePickerNavigation/DatePickerNavigation";
-import { default as default3 } from "./DatePickerDay/DatePickerDay";
-import { default as default4 } from "./DatePickerPicker/DatePickerPicker";
-import { default as default5 } from "./DatePickerDropdown";
-import { default as default6 } from "./DatePickerSingleDate/DatePickerSingleDate";
-import { default as default7 } from "./DatePickerHeader/DatePickerHeader";
-import { default as default8 } from "./DatePickerRange/DatePickerRange";
-import { default as default9 } from "./DatePickerRangeHeader/DatePickerRangeHeader";
-import { default as default10 } from "./SingleRangeDateSwitcher/SingleRangeDateSwitcher";
-import { renderMonthElement } from "./DatePickerRenderMonth/DatePickerRenderMonth";
-export {
-  default3 as DatePickerDay,
-  default5 as DatePickerDropdown,
-  default7 as DatePickerHeader,
-  default2 as DatePickerNavigation,
-  default4 as DatePickerPicker,
-  default8 as DatePickerRange,
-  default9 as DatePickerRangeHeader,
-  default6 as DatePickerSingleDate,
-  default10 as SingleRangeDateSwitcher,
-  renderMonthElement
-};
-//# sourceMappingURL=index.js.map
+export { default as DatePickerNavigation } from './DatePickerNavigation/DatePickerNavigation.js';
+export { default as DatePickerDay } from './DatePickerDay/DatePickerDay.js';
+export { Picker as DatePickerPicker } from './DatePickerPicker/DatePickerPicker.js';
+export { default as DatePickerDropdown } from './DatePickerDropdown.js';
+export { default as DatePickerSingleDate } from './DatePickerSingleDate/DatePickerSingleDate.js';
+export { default as DatePickerHeader } from './DatePickerHeader/DatePickerHeader.js';
+export { default as DatePickerRange } from './DatePickerRange/DatePickerRange.js';
+export { default as DatePickerRangeHeader } from './DatePickerRangeHeader/DatePickerRangeHeader.js';
+export { default as SingleRangeDateSwitcher } from './SingleRangeDateSwitcher/SingleRangeDateSwitcher.js';
+export { renderMonthElement } from './DatePickerRenderMonth/DatePickerRenderMonth.js';

package/esm/defaultPhrases.js

@@ -1,39 +1,81 @@
-import * as React from "react";
-const calendarLabel = "Calendar";
-const roleDescription = "datepicker";
-const closeDatePicker = "Close";
-const focusStartDate = "Interact with the calendar and add the check-in date for your trip.";
-const clearDate = "Clear Date";
-const clearDates = "Clear Dates";
-const jumpToPrevMonth = "Move backward to switch to the previous month.";
-const jumpToNextMonth = "Move forward to switch to the next month.";
-const keyboardShortcuts = "Keyboard Shortcuts";
-const showKeyboardShortcutsPanel = "Open the keyboard shortcuts panel.";
-const hideKeyboardShortcutsPanel = "Close the shortcuts panel.";
-const openThisPanel = "Open this panel.";
-const enterKey = "Enter key";
-const leftArrowRightArrow = "Right and left arrow keys";
-const upArrowDownArrow = "up and down arrow keys";
-const pageUpPageDown = "page up and page down keys";
-const homeEnd = "Home and end keys";
-const escape = "Escape key";
-const questionMark = "Question mark";
-const selectFocusedDate = "Select the date in focus.";
-const moveFocusByOneDay = "Move backward (left) and forward (right) by one day.";
-const moveFocusByOneWeek = "Move backward (up) and forward (down) by one week.";
-const moveFocusByOneMonth = "Switch months.";
-const moveFocustoStartAndEndOfWeek = "Go to the first or last day of a week.";
-const returnFocusToInput = "Return to the date input field.";
-const keyboardForwardNavigationInstructions = "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates.";
-const keyboardBackwardNavigationInstructions = "Navigate backward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates.";
-const chooseAvailableStartDate = ({ date }) => `Choose ${date} as your check-in date. It\u2019s available.`;
-const chooseAvailableEndDate = ({ date }) => `Choose ${date} as your check-out date. It\u2019s available.`;
-const chooseAvailableDate = ({ date }) => date;
-const dateIsUnavailable = ({ date }) => `Not available. ${date}`;
-const dateIsSelected = ({ date }) => `Selected. ${date}`;
-const dateIsSelectedAsStartDate = ({ date }) => `Selected as start date. ${date}`;
-const dateIsSelectedAsEndDate = ({ date }) => `Selected as end date. ${date}`;
-var defaultPhrases_default = {
+const calendarLabel = 'Calendar';
+const roleDescription = 'datepicker';
+const closeDatePicker = 'Close';
+const focusStartDate = 'Interact with the calendar and add the check-in date for your trip.';
+const clearDate = 'Clear Date';
+const clearDates = 'Clear Dates';
+const jumpToPrevMonth = 'Move backward to switch to the previous month.';
+const jumpToNextMonth = 'Move forward to switch to the next month.';
+const keyboardShortcuts = 'Keyboard Shortcuts';
+const showKeyboardShortcutsPanel = 'Open the keyboard shortcuts panel.';
+const hideKeyboardShortcutsPanel = 'Close the shortcuts panel.';
+const openThisPanel = 'Open this panel.';
+const enterKey = 'Enter key';
+const leftArrowRightArrow = 'Right and left arrow keys';
+const upArrowDownArrow = 'up and down arrow keys';
+const pageUpPageDown = 'page up and page down keys';
+const homeEnd = 'Home and end keys';
+const escape = 'Escape key';
+const questionMark = 'Question mark';
+const selectFocusedDate = 'Select the date in focus.';
+const moveFocusByOneDay = 'Move backward (left) and forward (right) by one day.';
+const moveFocusByOneWeek = 'Move backward (up) and forward (down) by one week.';
+const moveFocusByOneMonth = 'Switch months.';
+const moveFocustoStartAndEndOfWeek = 'Go to the first or last day of a week.';
+const returnFocusToInput = 'Return to the date input field.';
+const keyboardForwardNavigationInstructions = 'Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates.';
+const keyboardBackwardNavigationInstructions = 'Navigate backward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates.';
+
+const chooseAvailableStartDate = _ref => {
+  let {
+    date
+  } = _ref;
+  return "Choose ".concat(date, " as your check-in date. It\u2019s available.");
+};
+
+const chooseAvailableEndDate = _ref2 => {
+  let {
+    date
+  } = _ref2;
+  return "Choose ".concat(date, " as your check-out date. It\u2019s available.");
+};
+
+const chooseAvailableDate = _ref3 => {
+  let {
+    date
+  } = _ref3;
+  return date;
+};
+
+const dateIsUnavailable = _ref4 => {
+  let {
+    date
+  } = _ref4;
+  return "Not available. ".concat(date);
+};
+
+const dateIsSelected = _ref5 => {
+  let {
+    date
+  } = _ref5;
+  return "Selected. ".concat(date);
+};
+
+const dateIsSelectedAsStartDate = _ref6 => {
+  let {
+    date
+  } = _ref6;
+  return "Selected as start date. ".concat(date);
+};
+
+const dateIsSelectedAsEndDate = _ref7 => {
+  let {
+    date
+  } = _ref7;
+  return "Selected as end date. ".concat(date);
+};
+
+var defaultPhrases = {
   calendarLabel,
   roleDescription,
   closeDatePicker,
@@ -203,15 +245,5 @@ const CalendarDayPhrases = {
   dateIsSelectedAsStartDate,
   dateIsSelectedAsEndDate
 };
-export {
-  CalendarDayPhrases,
-  DateRangePickerInputPhrases,
-  DateRangePickerPhrases,
-  DayPickerKeyboardShortcutsPhrases,
-  DayPickerNavigationPhrases,
-  DayPickerPhrases,
-  SingleDatePickerInputPhrases,
-  SingleDatePickerPhrases,
-  defaultPhrases_default as default
-};
-//# sourceMappingURL=defaultPhrases.js.map
+
+export { CalendarDayPhrases, DateRangePickerInputPhrases, DateRangePickerPhrases, DayPickerKeyboardShortcutsPhrases, DayPickerNavigationPhrases, DayPickerPhrases, SingleDatePickerInputPhrases, SingleDatePickerPhrases, defaultPhrases as default };

package/esm/index.js

@@ -1,9 +1,13 @@
-import * as React from "react";
-import { default as default2 } from "./DSDatePicker";
-export * from "./DSDatePicker";
-import { SingleDatePickerPhrases } from "./defaultPhrases";
-export {
-  SingleDatePickerPhrases,
-  default2 as default
-};
-//# sourceMappingURL=index.js.map
+export { DatePickerWithSchema, default } from './DSDatePicker.js';
+export { SingleDatePickerPhrases } from './defaultPhrases.js';
+export { default as DatePickerNavigation } from './components/DatePickerNavigation/DatePickerNavigation.js';
+export { default as DatePickerDay } from './components/DatePickerDay/DatePickerDay.js';
+export { Picker as DatePickerPicker, Picker } from './components/DatePickerPicker/DatePickerPicker.js';
+export { default as DSDatePickerController } from './components/DatePickerController/DatePickerController.js';
+export { default as DatePickerDropdown } from './components/DatePickerDropdown.js';
+export { default as DatePickerSingleDate } from './components/DatePickerSingleDate/DatePickerSingleDate.js';
+export { default as DatePickerHeader } from './components/DatePickerHeader/DatePickerHeader.js';
+export { default as DatePickerRange } from './components/DatePickerRange/DatePickerRange.js';
+export { default as DatePickerRangeHeader } from './components/DatePickerRangeHeader/DatePickerRangeHeader.js';
+export { default as SingleRangeDateSwitcher } from './components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js';
+export { renderMonthElement } from './components/DatePickerRenderMonth/DatePickerRenderMonth.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-date-picker",
-  "version": "2.2.0-alpha.4",
+  "version": "3.0.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Date Picker",
   "module": "./esm/index.js",
@@ -92,15 +92,15 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.2.0-alpha.4",
-    "@elliemae/ds-button": "2.2.0-alpha.4",
-    "@elliemae/ds-classnames": "2.2.0-alpha.4",
-    "@elliemae/ds-form": "2.2.0-alpha.4",
-    "@elliemae/ds-grid": "2.2.0-alpha.4",
-    "@elliemae/ds-icons": "2.2.0-alpha.4",
-    "@elliemae/ds-popper": "2.2.0-alpha.4",
-    "@elliemae/ds-shared": "2.2.0-alpha.4",
-    "@elliemae/ds-system": "2.2.0-alpha.4",
+    "@elliemae/ds-basic": "3.0.0-next.2",
+    "@elliemae/ds-button": "3.0.0-next.2",
+    "@elliemae/ds-classnames": "3.0.0-next.2",
+    "@elliemae/ds-form": "3.0.0-next.2",
+    "@elliemae/ds-grid": "3.0.0-next.2",
+    "@elliemae/ds-icons": "3.0.0-next.2",
+    "@elliemae/ds-popper": "3.0.0-next.2",
+    "@elliemae/ds-shared": "3.0.0-next.2",
+    "@elliemae/ds-system": "3.0.0-next.2",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",
     "react-dates": "~21.8.0",

package/types/components/DSDatePickerImpl.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export default class DSDatePickerImpl extends React.Component {
+export default class DSdatePickerImpl extends React.Component {
     constructor(props: any);
     static getDerivedStateFromProps(nextProps: any, prevState: any): {} | null;
     onClickPicker: () => void;
@@ -18,4 +18,3 @@ export default class DSDatePickerImpl extends React.Component {
     handleInputFocus: (dataInput: any) => void;
     render(): JSX.Element;
 }
-export { DSDatePickerImpl };

package/types/components/DatePickerController/DatePickerController.d.ts

@@ -77,4 +77,4 @@ export default class DSDatePickerController extends React.Component<any, DSDateP
     insideBlur: (event: any) => void;
     render(): JSX.Element;
 }
-export { DSDatePickerController };
+export {};

package/types/components/DatePickerDay/DatePickerDay.d.ts

@@ -10,5 +10,4 @@ declare const Day: {
         date: PropTypes.Requireable<string | number>;
     };
 };
-export { Day as DatePickerDay };
 export default Day;

package/types/components/DatePickerDropdown.d.ts

@@ -38,5 +38,4 @@ declare namespace DatePickerDropdown {
         }>>;
     };
 }
-export { DatePickerDropdown };
 export default DatePickerDropdown;

package/types/components/DatePickerHeader/DatePickerHeader.d.ts

@@ -12,5 +12,4 @@ declare const DatePickerHeader: {
         updateKeyDate: PropTypes.Requireable<any>;
     };
 };
-export { DatePickerHeader };
 export default DatePickerHeader;

package/types/components/DatePickerNavigation/DatePickerNavigation.d.ts

@@ -3,9 +3,9 @@ import PropTypes from 'prop-types';
 declare const Navigation: {
     ({ className, icon: Icon, color, size, innerRef, }: {
         className?: string | undefined;
-        icon?: ((rest: any) => JSX.Element) | undefined;
-        color?: string[] | undefined;
-        size?: string | undefined;
+        icon?: any;
+        color?: any;
+        size?: any;
         innerRef: any;
     }): JSX.Element;
     propTypes: {
@@ -16,5 +16,4 @@ declare const Navigation: {
         innerRef: PropTypes.Requireable<any>;
     };
 };
-export { Navigation as DatePickerNavigation };
 export default Navigation;

package/types/components/DatePickerPicker/DatePickerPicker.d.ts

@@ -6,7 +6,7 @@ export declare const Picker: {
         className?: string | undefined;
         disabled?: boolean | undefined;
         icon?: JSX.Element | undefined;
-        size?: string | undefined;
+        size?: any;
         buttonActionType?: string | undefined;
         onClick?: (() => null) | undefined;
         onBlur?: (() => null) | undefined;
@@ -45,5 +45,4 @@ export declare const PickerPropsTypes: {
     readOnly: PropTypes.Requireable<boolean>;
     tabIndex: PropTypes.Requireable<number>;
 };
-export { Picker as DatePickerPicker };
 export default Picker;

package/types/components/DatePickerRange/DatePickerRange.d.ts

@@ -6,5 +6,4 @@ declare const DatePickerRangeDate: ({ dateStart, dateEnd, displayFormatDay, show
     showHeader?: boolean | undefined;
     otherProps: any;
 }) => JSX.Element;
-export { DatePickerRangeDate };
 export default DatePickerRangeDate;

package/types/components/DatePickerRangeHeader/DatePickerRangeHeader.d.ts

@@ -20,5 +20,4 @@ declare const DatePickerRangeHeader: {
         autoJumpOnEdit: PropTypes.Requireable<boolean>;
     };
 };
-export { DatePickerRangeHeader };
 export default DatePickerRangeHeader;

package/types/components/DatePickerSingleDate/DatePickerSingleDate.d.ts

@@ -8,5 +8,4 @@ declare const DatePickerSingleDate: ({ date, displayFormatDay, isDayHighlighted,
     showHeader?: boolean | undefined;
     onChange?: (() => null) | undefined;
 }) => JSX.Element;
-export { DatePickerSingleDate };
 export default DatePickerSingleDate;