@elliemae/ds-date-picker 2.3.0-alpha.6 → 2.3.0-next.0

package/{dist/esm → 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

@@ -0,0 +1,13 @@
+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,78 +1,75 @@
 {
   "name": "@elliemae/ds-date-picker",
-  "version": "2.3.0-alpha.6",
+  "version": "2.3.0-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Date Picker",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./DSDatePicker": {
-      "import": "./dist/esm/DSDatePicker.js",
-      "require": "./dist/cjs/DSDatePicker.js"
+      "import": "./esm/DSDatePicker.js",
+      "require": "./cjs/DSDatePicker.js"
     },
     "./defaultPhrases": {
-      "import": "./dist/esm/defaultPhrases.js",
-      "require": "./dist/cjs/defaultPhrases.js"
+      "import": "./esm/defaultPhrases.js",
+      "require": "./cjs/defaultPhrases.js"
     },
     "./components/SingleRangeDateSwitcher/SingleRangeDateSwitcher": {
-      "import": "./dist/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js",
-      "require": "./dist/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js"
+      "import": "./esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js",
+      "require": "./cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js"
     },
     "./components": {
-      "import": "./dist/esm/components/index.js",
-      "require": "./dist/cjs/components/index.js"
+      "import": "./esm/components/index.js",
+      "require": "./cjs/components/index.js"
     },
     "./components/DSDatePickerImpl": {
-      "import": "./dist/esm/components/DSDatePickerImpl.js",
-      "require": "./dist/cjs/components/DSDatePickerImpl.js"
+      "import": "./esm/components/DSDatePickerImpl.js",
+      "require": "./cjs/components/DSDatePickerImpl.js"
     },
     "./components/DatePickerSingleDate/DatePickerSingleDate": {
-      "import": "./dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js",
-      "require": "./dist/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js"
+      "import": "./esm/components/DatePickerSingleDate/DatePickerSingleDate.js",
+      "require": "./cjs/components/DatePickerSingleDate/DatePickerSingleDate.js"
     },
     "./components/DatePickerRenderMonth/DatePickerRenderMonth": {
-      "import": "./dist/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js",
-      "require": "./dist/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js"
+      "import": "./esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js",
+      "require": "./cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js"
     },
     "./components/DatePickerRangeHeader/DatePickerRangeHeader": {
-      "import": "./dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js",
-      "require": "./dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js"
+      "import": "./esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js",
+      "require": "./cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js"
     },
     "./components/DatePickerRange/DatePickerRange": {
-      "import": "./dist/esm/components/DatePickerRange/DatePickerRange.js",
-      "require": "./dist/cjs/components/DatePickerRange/DatePickerRange.js"
+      "import": "./esm/components/DatePickerRange/DatePickerRange.js",
+      "require": "./cjs/components/DatePickerRange/DatePickerRange.js"
     },
     "./components/DatePickerPicker/DatePickerPicker": {
-      "import": "./dist/esm/components/DatePickerPicker/DatePickerPicker.js",
-      "require": "./dist/cjs/components/DatePickerPicker/DatePickerPicker.js"
+      "import": "./esm/components/DatePickerPicker/DatePickerPicker.js",
+      "require": "./cjs/components/DatePickerPicker/DatePickerPicker.js"
     },
     "./components/DatePickerNavigation/DatePickerNavigation": {
-      "import": "./dist/esm/components/DatePickerNavigation/DatePickerNavigation.js",
-      "require": "./dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js"
+      "import": "./esm/components/DatePickerNavigation/DatePickerNavigation.js",
+      "require": "./cjs/components/DatePickerNavigation/DatePickerNavigation.js"
     },
     "./components/DatePickerHeader/DatePickerHeader": {
-      "import": "./dist/esm/components/DatePickerHeader/DatePickerHeader.js",
-      "require": "./dist/cjs/components/DatePickerHeader/DatePickerHeader.js"
+      "import": "./esm/components/DatePickerHeader/DatePickerHeader.js",
+      "require": "./cjs/components/DatePickerHeader/DatePickerHeader.js"
     },
     "./components/DatePickerDropdown": {
-      "import": "./dist/esm/components/DatePickerDropdown.js",
-      "require": "./dist/cjs/components/DatePickerDropdown.js"
+      "import": "./esm/components/DatePickerDropdown.js",
+      "require": "./cjs/components/DatePickerDropdown.js"
     },
     "./components/DatePickerDay/DatePickerDay": {
-      "import": "./dist/esm/components/DatePickerDay/DatePickerDay.js",
-      "require": "./dist/cjs/components/DatePickerDay/DatePickerDay.js"
+      "import": "./esm/components/DatePickerDay/DatePickerDay.js",
+      "require": "./cjs/components/DatePickerDay/DatePickerDay.js"
     },
     "./components/DatePickerController/DatePickerController": {
-      "import": "./dist/esm/components/DatePickerController/DatePickerController.js",
-      "require": "./dist/cjs/components/DatePickerController/DatePickerController.js"
+      "import": "./esm/components/DatePickerController/DatePickerController.js",
+      "require": "./cjs/components/DatePickerController/DatePickerController.js"
     }
   },
   "sideEffects": [
@@ -84,27 +81,33 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
-    "@elliemae/ds-basic": "2.3.0-alpha.6",
-    "@elliemae/ds-button": "2.3.0-alpha.6",
-    "@elliemae/ds-classnames": "2.3.0-alpha.6",
-    "@elliemae/ds-form": "2.3.0-alpha.6",
-    "@elliemae/ds-grid": "2.3.0-alpha.6",
-    "@elliemae/ds-icons": "2.3.0-alpha.6",
-    "@elliemae/ds-popper": "2.3.0-alpha.6",
-    "@elliemae/ds-shared": "2.3.0-alpha.6",
-    "@elliemae/ds-system": "2.3.0-alpha.6",
+    "@elliemae/ds-basic": "2.3.0-next.0",
+    "@elliemae/ds-button": "2.3.0-next.0",
+    "@elliemae/ds-classnames": "2.3.0-next.0",
+    "@elliemae/ds-form": "2.3.0-next.0",
+    "@elliemae/ds-grid": "2.3.0-next.0",
+    "@elliemae/ds-icons": "2.3.0-next.0",
+    "@elliemae/ds-popper": "2.3.0-next.0",
+    "@elliemae/ds-shared": "2.3.0-next.0",
+    "@elliemae/ds-system": "2.3.0-next.0",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",
     "react-dates": "~21.8.0",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.15.1",
+    "@testing-library/jest-dom": "~5.15.0",
     "@testing-library/react": "~12.1.2"
   },
   "peerDependencies": {
@@ -114,12 +117,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/components/DSDatePickerImpl.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export default class DSdatePickerImpl extends React.Component {
+    constructor(props: any);
+    static getDerivedStateFromProps(nextProps: any, prevState: any): {} | null;
+    onClickPicker: () => void;
+    getSafeValue: () => any;
+    getSafeInputValue: () => any;
+    isControlled: () => boolean;
+    handleDateChange: (date: any, event: any) => void;
+    handleInputChange: (dataInput: any, newDate: any) => void;
+    handleChange: (newDate: any) => void;
+    handleFocus: ({ focused }: {
+        focused: any;
+    }) => void;
+    handleCalendarClose: () => void;
+    handleClickEscape: () => void;
+    handleOnBlur: () => void;
+    handleInputFocus: (dataInput: any) => void;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,80 @@
+import React from 'react';
+import moment from 'moment';
+import 'react-dates/initialize';
+interface DSDatePickerControllerStateType {
+    selectedDate: any;
+    firstFocusableItem: React.RefObject<HTMLElement>;
+    datePicker: React.RefObject<HTMLElement>;
+}
+export default class DSDatePickerController extends React.Component<any, DSDatePickerControllerStateType> {
+    static defaultProps: {
+        date: string;
+        value: string;
+        enableOutsideDays: boolean;
+        initialVisibleMonth: moment.Moment;
+        firstDayOfWeek: number;
+        keepOpenOnDateSelect: boolean;
+        hideKeyboardShortcutsPanel: boolean;
+        onPrevMonthClick: () => null;
+        onNextMonthClick: () => null;
+        onClose: () => null;
+        onChange: () => null;
+        onClickEscape: () => null;
+        onDateChange: () => null;
+        phrases: {
+            calendarLabel: string;
+            roleDescription: string;
+            closeDatePicker: string;
+            clearDate: string;
+            jumpToPrevMonth: string;
+            jumpToNextMonth: string;
+            keyboardShortcuts: string;
+            showKeyboardShortcutsPanel: string;
+            hideKeyboardShortcutsPanel: string;
+            openThisPanel: string;
+            enterKey: string;
+            leftArrowRightArrow: string;
+            upArrowDownArrow: string;
+            pageUpPageDown: string;
+            homeEnd: string;
+            escape: string;
+            questionMark: string;
+            selectFocusedDate: string;
+            moveFocusByOneDay: string;
+            moveFocusByOneWeek: string;
+            moveFocusByOneMonth: string;
+            moveFocustoStartAndEndOfWeek: string;
+            returnFocusToInput: string;
+            keyboardForwardNavigationInstructions: string;
+            keyboardBackwardNavigationInstructions: string;
+            chooseAvailableDate: ({ date }: {
+                date: any;
+            }) => any;
+            dateIsUnavailable: ({ date }: {
+                date: any;
+            }) => string;
+            dateIsSelected: ({ date }: {
+                date: any;
+            }) => string;
+        };
+        displayFormatDay: string;
+        transitionDuration: number;
+        isDayBlocked: () => boolean;
+        isOutsideRange: () => boolean;
+        isDayHighlighted: () => boolean;
+        numberOfMonths: number;
+    };
+    constructor(props: any);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    handleMouseUp: () => void;
+    handleKeyDown: (event: any) => void;
+    getSafeValue: () => moment.Moment | null;
+    isControlled: () => boolean;
+    handleDateChange: (date: any) => void;
+    handleChange: (dataInput: any) => void;
+    handleNavClick: (date: any, nav: any) => void;
+    insideBlur: (event: any) => void;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare const Day: {
+    ({ className, date }: {
+        className?: string | undefined;
+        date?: string | undefined;
+    }): JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        date: PropTypes.Requireable<string | number>;
+    };
+};
+export default Day;

package/types/components/DatePickerDropdown.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare function DatePickerDropdown({ disabled, readOnly, onClick, isOpen, menu, zIndex, pickerProps, pickerRef, }: {
+    disabled?: boolean | undefined;
+    readOnly: any;
+    onClick?: (() => null) | undefined;
+    isOpen: any;
+    menu: any;
+    zIndex?: number | undefined;
+    pickerProps: any;
+    pickerRef: any;
+}): JSX.Element;
+declare namespace DatePickerDropdown {
+    var propTypes: {
+        pickerRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
+            current: PropTypes.Requireable<any>;
+        }>>;
+        disabled: PropTypes.Requireable<boolean>;
+        readOnly: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        isOpen: PropTypes.Requireable<boolean>;
+        menu: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        zIndex: PropTypes.Requireable<number>;
+        pickerProps: PropTypes.Requireable<PropTypes.InferProps<{
+            innerRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
+                current: PropTypes.Requireable<any>;
+            }>>;
+            className: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+            icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            size: PropTypes.Requireable<unknown>;
+            buttonActionType: PropTypes.Requireable<"link" | "text" | "secondary" | "primary">;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+            onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+            readOnly: PropTypes.Requireable<boolean>;
+            tabIndex: PropTypes.Requireable<number>;
+        }>>;
+    };
+}
+export default DatePickerDropdown;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare const DatePickerHeader: {
+    ({ onInputChange, selectedDate, updateKeyDate }: {
+        onInputChange?: (() => null) | undefined;
+        selectedDate: any;
+        updateKeyDate: any;
+    }): JSX.Element;
+    propTypes: {
+        onInputChange: PropTypes.Requireable<(...args: any[]) => any>;
+        selectedDate: PropTypes.Requireable<any>;
+        updateKeyDate: PropTypes.Requireable<any>;
+    };
+};
+export default DatePickerHeader;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare const Navigation: {
+    ({ className, icon: Icon, color, size, innerRef, }: {
+        className?: string | undefined;
+        icon?: any;
+        color?: any;
+        size?: any;
+        innerRef: any;
+    }): JSX.Element;
+    propTypes: {
+        className: string;
+        icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        color: PropTypes.Requireable<unknown>;
+        size: PropTypes.Requireable<unknown>;
+        innerRef: PropTypes.Requireable<any>;
+    };
+};
+export default Navigation;

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

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+export declare const Picker: {
+    ({ className, disabled, icon, size, buttonActionType, onClick, onBlur, readOnly, tabIndex, innerRef, ...rest }: {
+        [x: string]: any;
+        className?: string | undefined;
+        disabled?: boolean | undefined;
+        icon?: JSX.Element | undefined;
+        size?: any;
+        buttonActionType?: string | undefined;
+        onClick?: (() => null) | undefined;
+        onBlur?: (() => null) | undefined;
+        readOnly?: boolean | undefined;
+        tabIndex?: number | undefined;
+        innerRef: any;
+    }): JSX.Element;
+    propTypes: {
+        innerRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
+            current: PropTypes.Requireable<any>;
+        }>>;
+        className: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        size: PropTypes.Requireable<unknown>;
+        buttonActionType: PropTypes.Requireable<"link" | "text" | "secondary" | "primary">;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        readOnly: PropTypes.Requireable<boolean>;
+        tabIndex: PropTypes.Requireable<number>;
+    };
+};
+export declare const PickerPropsTypes: {
+    innerRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
+        current: PropTypes.Requireable<any>;
+    }>>;
+    className: PropTypes.Requireable<string>;
+    disabled: PropTypes.Requireable<boolean>;
+    icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
+    size: PropTypes.Requireable<unknown>;
+    buttonActionType: PropTypes.Requireable<"link" | "text" | "secondary" | "primary">;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+    onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+    readOnly: PropTypes.Requireable<boolean>;
+    tabIndex: PropTypes.Requireable<number>;
+};
+export default Picker;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const DatePickerRangeDate: ({ dateStart, dateEnd, displayFormatDay, showHeader, otherProps }: {
+    dateStart: any;
+    dateEnd: any;
+    displayFormatDay?: string | undefined;
+    showHeader?: boolean | undefined;
+    otherProps: any;
+}) => JSX.Element;
+export default DatePickerRangeDate;

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare const DatePickerRangeHeader: {
+    ({ onStartInputChange, onEndInputChange, onFocusChange, selectedStartDate, selectedEndDate, handleDatesChange, autoJumpOnEdit, }: {
+        onStartInputChange?: (() => null) | undefined;
+        onEndInputChange?: (() => null) | undefined;
+        onFocusChange?: (() => null) | undefined;
+        selectedStartDate: any;
+        selectedEndDate: any;
+        handleDatesChange: any;
+        autoJumpOnEdit?: boolean | undefined;
+    }): JSX.Element;
+    propTypes: {
+        onStartInputChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onEndInputChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onFocusChange: PropTypes.Requireable<(...args: any[]) => any>;
+        selectedStartDate: PropTypes.Requireable<any>;
+        selectedEndDate: PropTypes.Requireable<any>;
+        handleDatesChange: PropTypes.Requireable<(...args: any[]) => any>;
+        autoJumpOnEdit: PropTypes.Requireable<boolean>;
+    };
+};
+export default DatePickerRangeHeader;

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

@@ -0,0 +1 @@
+export {};

package/types/components/DatePickerRenderMonth/DatePickerRenderMonth.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const renderMonthElement: ({ month, onYearSelect }: {
+    month: any;
+    onYearSelect: any;
+}) => JSX.Element;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const DatePickerSingleDate: ({ date, displayFormatDay, isDayHighlighted, enableOutsideDays, showHeader, onChange, ...rest }: {
+    [x: string]: any;
+    date: any;
+    displayFormatDay?: string | undefined;
+    isDayHighlighted?: (() => boolean) | undefined;
+    enableOutsideDays?: boolean | undefined;
+    showHeader?: boolean | undefined;
+    onChange?: (() => null) | undefined;
+}) => JSX.Element;
+export default DatePickerSingleDate;