@elliemae/ds-date-range-picker 2.0.0-alpha.1 → 2.0.0-alpha.13

package/esm/DSDateRangePicker.js

@@ -1,3 +1,8 @@
+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';
@@ -15,47 +20,48 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const DSDateRangePicker = ({
-  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
-}) => {
+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
@@ -66,7 +72,7 @@ const DSDateRangePicker = ({
     id
   });
   return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-    className: `${prefixBlockName}-range ${cssClassName} ${prefixBlockName}-range`,
+    className: "".concat(prefixBlockName, "-range ").concat(cssClassName, " ").concat(prefixBlockName, "-range"),
     children: /*#__PURE__*/_jsx(DSDateRangePickerImpl, {
       appendToBody: true,
       disabled: disabled,

package/esm/components/DSDateRangePickerImpl.js

@@ -1,11 +1,9 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React from 'react';
 import moment from 'moment';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import DSInputMask, { MASK_TYPES, MASK_PIPES } from '@elliemae/ds-basic/form/InputMask';
-import DSFormItemLayout from '@elliemae/ds-basic/form/FormItem';
-import DSPopper from '@elliemae/ds-basic/Popper';
+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';
@@ -20,10 +18,11 @@ class DSDateRangePickerImpl extends React.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "onDatesChange", ({
-      startDate,
-      endDate
-    }) => {
+    this.onDatesChange = _ref => {
+      let {
+        startDate,
+        endDate
+      } = _ref;
       const {
         onDatesChange
       } = this.props;
@@ -42,23 +41,26 @@ class DSDateRangePickerImpl extends React.Component {
         primaryStartInput: false,
         primaryEndInput: false
       });
-    });
+    };
 
-    _defineProperty(this, "onFocusChange", () => {
-      this.setState(({
-        focusedInput
-      }) => ({
-        focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
-      }));
-    });
+    this.onFocusChange = () => {
+      this.setState(_ref2 => {
+        let {
+          focusedInput
+        } = _ref2;
+        return {
+          focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
+        };
+      });
+    };
 
-    _defineProperty(this, "handleKeyDown", event => {
+    this.handleKeyDown = event => {
       if (event.key === 'Escape') this.setState({
         showPicker: false
       });
-    });
+    };
 
-    _defineProperty(this, "getSafeStartInputValue", () => {
+    this.getSafeStartInputValue = () => {
       const {
         startInput,
         primaryStartInput,
@@ -67,9 +69,9 @@ class DSDateRangePickerImpl extends React.Component {
       if (primaryStartInput && startInput) return startInput;
       if (!startDate) return '';
       return startDate.format('MMDDYYYY');
-    });
+    };
 
-    _defineProperty(this, "getSafeEndInputValue", () => {
+    this.getSafeEndInputValue = () => {
       const {
         endInput,
         primaryEndInput,
@@ -78,9 +80,9 @@ class DSDateRangePickerImpl extends React.Component {
       if (primaryEndInput && endInput) return endInput;
       if (!endDate) return '';
       return endDate.format('MMDDYYYY');
-    });
+    };
 
-    _defineProperty(this, "changeFocus", () => {
+    this.changeFocus = () => {
       const {
         disabled
       } = this.props;
@@ -90,9 +92,9 @@ class DSDateRangePickerImpl extends React.Component {
           focusedInput: 'startDate'
         }));
       }
-    });
+    };
 
-    _defineProperty(this, "handleChangeStart", e => {
+    this.handleChangeStart = e => {
       var _momentValue;
 
       const {
@@ -125,9 +127,9 @@ class DSDateRangePickerImpl extends React.Component {
         startDateError: invalidDate,
         endDateError: !isStartDateAcceptable || !prevState.endDateError ? prevState.endDateError : !isStartAcceptableWithSelectedEnd
       }));
-    });
+    };
 
-    _defineProperty(this, "handleChangeEnd", e => {
+    this.handleChangeEnd = e => {
       var _momentValue2;
 
       const {
@@ -149,7 +151,10 @@ class DSDateRangePickerImpl extends React.Component {
       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 || areDatesValid && (canEndBeSameAsStart && momentValue.diff(startDate, 'days') >= 0 || !canEndBeSameAsStart && momentValue.diff(startDate, 'days') > 0); // only > is valid
+      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;
@@ -161,12 +166,14 @@ class DSDateRangePickerImpl extends React.Component {
         startDateError: !isEndDateAcceptable || !prevState.startDateError ? prevState.startDateError : !isEndAcceptableWithSelectedStart,
         endDateError: invalidDate
       }));
-    });
+    };
+
+    this.handleChangeDate = _ref3 => {
+      let {
+        startDate: _start,
+        endDate
+      } = _ref3;
 
-    _defineProperty(this, "handleChangeDate", ({
-      startDate: _start,
-      endDate
-    }) => {
       if (_start && endDate) {
         this.setState({
           startDate: moment(_start),
@@ -185,7 +192,7 @@ class DSDateRangePickerImpl extends React.Component {
           primaryEndInput: false
         });
       }
-    });
+    };
 
     this.state = {
       startDate: props.startDate ? moment(props.startDate) : null,
@@ -238,7 +245,7 @@ class DSDateRangePickerImpl extends React.Component {
     const safeStartInputValue = this.getSafeStartInputValue();
     const safeEndInputValue = this.getSafeEndInputValue();
     return /*#__PURE__*/_jsx("div", {
-      className: `${inputClass} ${inputClassModifier}`
+      className: "".concat(inputClass, " ").concat(inputClassModifier)
     }, void 0, /*#__PURE__*/_jsx("div", {
       className: classNameBlock('wrapper-input-date-range-picker-controller')
     }, void 0, /*#__PURE__*/_jsx(DSFormItemLayout, {

package/esm/components/DatePickerLabel/DatePickerLabel.js

@@ -1,11 +1,14 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 
-const Label = ({
-  className = 'date-picker-label',
-  label = ''
-}) => /*#__PURE__*/_jsx("div", {
-  className: className
-}, void 0, /*#__PURE__*/_jsx("span", {}, void 0, label));
+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/DatePickerRangeHeader/DatePickerRangeHeader.js

@@ -1,8 +1,8 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect } from 'react';
 import moment from 'moment';
-import DSInputMask, { MASK_TYPES, MASK_PIPES } from '@elliemae/ds-basic/form/InputMask';
-import DSInputGroup from '@elliemae/ds-basic/form/InputGroup';
+import DSInputMask, { DSInputGroup, MASK_TYPES, MASK_PIPES } from '@elliemae/ds-form';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 
 const blockname = 'date-range-picker';
@@ -14,14 +14,15 @@ const formatDate = date => {
   }
 };
 
-const DatePickerRangeHeader = ({
-  placeholderStart = 'Start Date',
-  placeholderEnd = 'End Date',
-  onStartInputChange = () => null,
-  onEndInputChange = () => null,
-  selectedStartDate,
-  selectedEndDate
-}) => {
+const DatePickerRangeHeader = _ref => {
+  let {
+    placeholderStart = 'Start Date',
+    placeholderEnd = 'End Date',
+    onStartInputChange = () => null,
+    onEndInputChange = () => null,
+    selectedStartDate,
+    selectedEndDate
+  } = _ref;
   const [startValue, setStartValue] = useState(selectedStartDate ? formatDate(selectedStartDate) : '');
   const [endValue, setEndValue] = useState(selectedEndDate ? formatDate(selectedEndDate) : '');
   useEffect(() => {

package/esm/components/DayPickerRangeController.js

@@ -1,10 +1,16 @@
 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/ChevronLeft';
+import { ChevronLeft } from '@elliemae/ds-icons';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import { jsx } from 'react/jsx-runtime';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-date-range-picker",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Date Range Picker",
   "module": "./esm/index.js",
@@ -56,13 +56,15 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-alpha.1",
-    "@elliemae/ds-classnames": "2.0.0-alpha.1",
-    "@elliemae/ds-date-picker": "2.0.0-alpha.1",
+    "@elliemae/ds-classnames": "2.0.0-alpha.13",
+    "@elliemae/ds-date-picker": "2.0.0-alpha.13",
+    "@elliemae/ds-form": "2.0.0-alpha.13",
+    "@elliemae/ds-icons": "2.0.0-alpha.13",
+    "@elliemae/ds-popper": "2.0.0-alpha.13",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",
     "react-dates": "~21.8.0",
-    "react-text-mask": "~5.4.3"
+    "react-desc": "~4.1.3"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",

package/types/DSDateRangePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 import moment from 'moment';
 import 'react-dates/initialize';
@@ -46,47 +47,237 @@ declare const DSDateRangePicker: {
         onDatesChange?: (() => null) | undefined;
     }): JSX.Element;
     propTypes: {
-        containerProps: any;
-        className: any;
-        disabled: any;
-        required: any;
-        startDateRequired: any;
-        endDateRequired: any;
-        id: any;
-        hasError: any;
-        validationMessage: any;
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        className: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        disabled: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        required: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        startDateRequired: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        endDateRequired: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        id: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        hasError: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        validationMessage: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         readOnly: any;
-        screenReaderInputMessage: any;
-        initialVisibleMonth: any;
-        firstDayOfWeek: any;
-        keepOpenOnDateSelect: any;
-        reopenPickerOnClearDates: any;
-        hideKeyboardShortcutsPanel: any;
-        onPrevMonthClick: any;
-        onNextMonthClick: any;
-        onClose: any;
-        transitionDuration: any;
-        verticalSpacing: any;
-        isDayBlocked: any;
-        isOutsideRange: any;
-        isDayHighlighted: any;
+        screenReaderInputMessage: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        initialVisibleMonth: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        firstDayOfWeek: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        keepOpenOnDateSelect: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        reopenPickerOnClearDates: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        hideKeyboardShortcutsPanel: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onPrevMonthClick: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onNextMonthClick: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onClose: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        transitionDuration: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        verticalSpacing: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        isDayBlocked: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        isOutsideRange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        isDayHighlighted: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         minimumNights: number;
-        displayFormat: any;
-        displayFormatDay: any;
-        phrases: any;
+        displayFormat: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        displayFormatDay: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        phrases: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        startDate: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        endDate: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        startDateId: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        endDateId: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        labelFrom: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        labelTo: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        enableOutsideDays: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onDatesChange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onChangeStartInput: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onChangeEndInput: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onOutsideClick: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const DateRangePickerWithSchema: {
+    (props?: {
+        containerProps?: {} | undefined;
+        className?: string | undefined;
+        disabled?: boolean | undefined;
+        required?: boolean | undefined;
+        startDateRequired?: boolean | undefined;
+        endDateRequired?: boolean | undefined;
+        id: any;
+        hasError?: boolean | undefined;
+        validationMessage?: string | undefined;
+        readOnly?: boolean | undefined;
+        screenReaderInputMessage?: string | undefined;
+        initialVisibleMonth?: moment.Moment | undefined;
+        firstDayOfWeek?: number | undefined;
+        keepOpenOnDateSelect?: boolean | undefined;
+        reopenPickerOnClearDates?: boolean | undefined;
+        hideKeyboardShortcutsPanel?: boolean | undefined;
+        onPrevMonthClick?: (() => null) | undefined;
+        onNextMonthClick?: (() => null) | undefined;
+        onClose?: (() => null) | undefined;
+        onOutsideClick?: (() => null) | undefined;
+        transitionDuration?: number | undefined;
+        verticalSpacing?: number | undefined;
+        minimumNights?: number | undefined;
+        isDayBlocked?: (() => boolean) | undefined;
+        isOutsideRange?: (() => boolean) | undefined;
+        isDayHighlighted?: (() => boolean) | undefined;
+        displayFormat?: string | undefined;
+        displayFormatDay?: string | undefined;
+        phrases?: any;
         startDate: any;
         endDate: any;
-        startDateId: any;
-        endDateId: any;
-        labelFrom: any;
-        labelTo: any;
-        enableOutsideDays: any;
-        onDatesChange: any;
-        onChangeStartInput: any;
-        onChangeEndInput: any;
-        onOutsideClick: any;
-    };
+        startDateId?: string | undefined;
+        endDateId?: string | undefined;
+        labelFrom?: string | undefined;
+        labelTo?: string | undefined;
+        enableOutsideDays?: boolean | undefined;
+        onChangeStartInput?: (() => null) | undefined;
+        onChangeEndInput?: (() => null) | undefined;
+        onDatesChange?: (() => null) | undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
 };
-declare const DateRangePickerWithSchema: any;
 export { DayPickerRangeController, START_DATE, END_DATE, DateRangePickerWithSchema, };
 export default DSDateRangePicker;

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}