@elliemae/ds-date-picker 1.61.0 → 2.0.0-alpha.12

package/cjs/components/DatePickerDay/DatePickerDay.js

@@ -1,31 +1,24 @@
 'use strict';
 
-var React = require('react');
-var PropTypes = require('prop-types');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var Day = function Day(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? 'date-picker-content-day' : _ref$className,
-      _ref$date = _ref.date,
-      date = _ref$date === void 0 ? '' : _ref$date;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+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)
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
     className: "".concat(className, "-half"),
     "data-testid": "datepicker-day"
-  }, date));
-};
-
-Day.propTypes = {
-  className: PropTypes__default['default'].string,
-  date: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number])
+  }, void 0, date));
 };
 
 module.exports = Day;
-//# sourceMappingURL=DatePickerDay.js.map

package/cjs/components/DatePickerDropdown.js

@@ -1,44 +1,45 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
-var PropTypes = require('prop-types');
+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/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var DSPopper = require('@elliemae/ds-popper');
-var components_DatePickerPicker_DatePickerPicker = require('./DatePickerPicker/DatePickerPicker.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-icon');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('../prop-types-fcbbf657.js');
+var DatePickerPicker = require('./DatePickerPicker/DatePickerPicker.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
 
-var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('datepicker-range'),
-    classNameElement = _convertPropToCssClas.classNameElement;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-var noop = function noop() {
-  return null;
-};
+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__default["default"](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 {
+  classNameElement
+} = dsClassnames.convertPropToCssClassName('datepicker-range');
+
+const noop = () => null;
 
 function DatePickerDropdown(_ref) {
-  var _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      readOnly = _ref.readOnly,
-      _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? noop : _ref$onClick,
-      isOpen = _ref.isOpen,
-      menu = _ref.menu,
-      _ref$zIndex = _ref.zIndex,
-      zIndex = _ref$zIndex === void 0 ? 1 : _ref$zIndex,
-      pickerProps = _ref.pickerProps,
-      pickerRef = _ref.pickerRef;
-  return /*#__PURE__*/React__default['default'].createElement(DSPopper__default['default'], {
+  let {
+    disabled = false,
+    readOnly,
+    onClick = noop,
+    isOpen,
+    menu,
+    zIndex = 1,
+    pickerProps,
+    pickerRef
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
     contentComponent: menu,
     isOpen: isOpen,
     modifiers: {
@@ -49,9 +50,9 @@ function DatePickerDropdown(_ref) {
       }
     },
     showArrow: false,
-    triggerComponent: /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(components_DatePickerPicker_DatePickerPicker.Picker, _extends__default['default']({
+    triggerComponent: /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/jsxRuntime.jsx(DatePickerPicker.Picker, _objectSpread(_objectSpread({
       innerRef: pickerRef
-    }, pickerProps, {
+    }, pickerProps), {}, {
       className: classNameElement('picker'),
       disabled: disabled,
       onClick: onClick,
@@ -61,18 +62,4 @@ function DatePickerDropdown(_ref) {
   });
 }
 
-DatePickerDropdown.propTypes = {
-  pickerRef: PropTypes__default['default'].oneOfType([PropTypes__default['default'].func, PropTypes__default['default'].shape({
-    current: PropTypes__default['default'].any
-  })]),
-  disabled: PropTypes__default['default'].bool,
-  readOnly: PropTypes__default['default'].bool,
-  onClick: PropTypes__default['default'].func,
-  isOpen: PropTypes__default['default'].bool,
-  menu: PropTypes__default['default'].element,
-  zIndex: PropTypes__default['default'].number,
-  pickerProps: PropTypes__default['default'].shape(components_DatePickerPicker_DatePickerPicker.PickerPropsTypes)
-};
-
 module.exports = DatePickerDropdown;
-//# sourceMappingURL=DatePickerDropdown.js.map

package/cjs/components/DatePickerHeader/DatePickerHeader.js

@@ -1,59 +1,49 @@
 'use strict';
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
-var PropTypes = require('prop-types');
 var moment = require('moment');
 var dsForm = require('@elliemae/ds-form');
 var dsClassnames = require('@elliemae/ds-classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
-var DATE_FORMAT = 'MMDDYYYY';
-var blockname = 'date-picker-header';
-var Header = dsClassnames.aggregatedClasses('div')(blockname);
+const DATE_FORMAT = 'MMDDYYYY';
+const blockname = 'date-picker-header';
+const Header = dsClassnames.aggregatedClasses('div')(blockname);
 
-var isFn = function isFn(variable) {
-  return typeof variable === 'function';
-};
-
-var DatePickerHeader = function DatePickerHeader(_ref) {
-  var _ref$onInputChange = _ref.onInputChange,
-      onInputChange = _ref$onInputChange === void 0 ? function () {
-    return null;
-  } : _ref$onInputChange,
-      selectedDate = _ref.selectedDate,
-      updateKeyDate = _ref.updateKeyDate;
-
-  var _useState = React.useState(isFn(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format) ? selectedDate.format(DATE_FORMAT) : ''),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
+const isFn = variable => typeof variable === 'function';
 
-  React.useEffect(function () {
+const DatePickerHeader = _ref => {
+  let {
+    onInputChange = () => null,
+    selectedDate,
+    updateKeyDate
+  } = _ref;
+  const [value, setValue] = React.useState(isFn(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format) ? selectedDate.format(DATE_FORMAT) : '');
+  React.useEffect(() => {
     if (isFn(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format)) {
       setValue(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format(DATE_FORMAT));
     }
   }, [selectedDate]);
 
-  var handleOnChange = function handleOnChange(newDate) {
+  const handleOnChange = newDate => {
     setValue(newDate);
   };
 
-  var handleOnKeyDown = function handleOnKeyDown(e) {
+  const handleOnKeyDown = e => {
     if (e.key === 'Enter' && value.length === DATE_FORMAT.length) {
-      var momentValue = moment__default['default'](value, DATE_FORMAT);
+      const momentValue = moment__default["default"](value, DATE_FORMAT);
       onInputChange(momentValue);
       updateKeyDate(momentValue);
     }
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(Header, null, /*#__PURE__*/React__default['default'].createElement(dsForm.DSInputGroup, null, /*#__PURE__*/React__default['default'].createElement(dsForm.DSDateInputV2, {
+  return /*#__PURE__*/_jsx__default["default"](Header, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInputGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSDateInputV2, {
     onChange: handleOnChange,
     onKeyDown: handleOnKeyDown,
     value: value,
@@ -63,11 +53,4 @@ var DatePickerHeader = function DatePickerHeader(_ref) {
   })));
 };
 
-DatePickerHeader.propTypes = {
-  onInputChange: PropTypes__default['default'].func,
-  selectedDate: PropTypes__default['default'].any,
-  updateKeyDate: PropTypes__default['default'].any
-};
-
 module.exports = DatePickerHeader;
-//# sourceMappingURL=DatePickerHeader.js.map

package/cjs/components/DatePickerNavigation/DatePickerNavigation.js

@@ -1,30 +1,27 @@
 'use strict';
 
-var React = require('react');
-var PropTypes = require('prop-types');
-var dsIcons = require('@elliemae/ds-icons');
-var dsIcon = require('@elliemae/ds-icon');
-var propTypes = require('../../prop-types-fcbbf657.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var ChevronRight = require('@elliemae/ds-icons/ChevronRight');
+var Icon = require('@elliemae/ds-basic/Icon');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var ChevronRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRight);
 
-var Navigation = function Navigation(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? 'date-picker-navigation' : _ref$className,
-      _ref$icon = _ref.icon,
-      Icon = _ref$icon === void 0 ? dsIcons.ChevronRight : _ref$icon,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? dsIcon.DSIconColors.NEUTRAL : _ref$color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? dsIcon.DSIconSizes.S : _ref$size,
-      innerRef = _ref.innerRef;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+const Navigation = _ref => {
+  let {
+    className = 'date-picker-navigation',
+    icon: Icon$1 = ChevronRight__default["default"],
+    color = Icon.DSIconColors.NEUTRAL,
+    size = Icon.DSIconSizes.S,
+    innerRef
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     tabIndex: 0,
     "data-testid": "date-picker-nav"
-  }, /*#__PURE__*/React__default['default'].createElement(Icon, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Icon$1, {
     className: className,
     color: color,
     innerRef: innerRef,
@@ -32,13 +29,4 @@ var Navigation = function Navigation(_ref) {
   }));
 };
 
-Navigation.propTypes = {
-  className: 'date-picker-navigation',
-  icon: PropTypes__default['default'].element,
-  color: PropTypes__default['default'].oneOf(propTypes.iconColors),
-  size: PropTypes__default['default'].oneOf(propTypes.iconSizes),
-  innerRef: PropTypes__default['default'].any
-};
-
 module.exports = Navigation;
-//# sourceMappingURL=DatePickerNavigation.js.map

package/cjs/components/DatePickerPicker/DatePickerPicker.js

@@ -2,54 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
+require('react');
 var PropTypes = require('prop-types');
-var dsIcon = require('@elliemae/ds-icon');
-var dsIcons = require('@elliemae/ds-icons');
+var Icon = require('@elliemae/ds-basic/Icon');
+var DatePicker = require('@elliemae/ds-icons/DatePicker');
 var DSButton = require('@elliemae/ds-button');
-var propTypes = require('../../prop-types-fcbbf657.js');
+var propTypes = require('@elliemae/ds-shared/prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var _excluded = ["className", "disabled", "icon", "size", "buttonActionType", "onClick", "onBlur", "readOnly", "tabIndex", "innerRef"];
-var Picker = function Picker(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? 'date-picker-icon' : _ref$className,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$icon = _ref.icon,
-      icon = _ref$icon === void 0 ? /*#__PURE__*/React__default['default'].createElement(dsIcons.DatePicker, null) : _ref$icon,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? dsIcon.DSIconSizes.M : _ref$size,
-      _ref$buttonActionType = _ref.buttonActionType,
-      buttonActionType = _ref$buttonActionType === void 0 ? 'secondary' : _ref$buttonActionType,
-      _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? function () {
-    return null;
-  } : _ref$onClick,
-      _ref$onBlur = _ref.onBlur,
-      onBlur = _ref$onBlur === void 0 ? function () {
-    return null;
-  } : _ref$onBlur,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      _ref$tabIndex = _ref.tabIndex,
-      tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
-      innerRef = _ref.innerRef,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+var _DatePicker;
 
-  return /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+const _excluded = ["className", "disabled", "icon", "size", "buttonActionType", "onClick", "onBlur", "readOnly", "tabIndex", "innerRef"];
+const Picker = _ref => {
+  let {
+    className = 'date-picker-icon',
+    disabled = false,
+    icon = _DatePicker || (_DatePicker = /*#__PURE__*/_jsx__default["default"](DatePicker__default["default"], {})),
+    size = Icon.DSIconSizes.M,
+    buttonActionType = 'secondary',
+    onClick = () => null,
+    onBlur = () => null,
+    readOnly = false,
+    tabIndex = 0,
+    innerRef
+  } = _ref,
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  return /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     innerRef: innerRef,
     "aria-label": rest['aria-label'] || 'Date Picker Button',
     buttonType: buttonActionType,
     className: className,
-    color: !disabled ? dsIcon.DSIconColors.PRIMARY : dsIcon.DSIconColors.NEUTRAL,
+    color: !disabled ? Icon.DSIconColors.PRIMARY : Icon.DSIconColors.NEUTRAL,
     disabled: disabled,
     icon: icon,
     onBlur: onBlur,
@@ -60,24 +53,22 @@ var Picker = function Picker(_ref) {
     "data-testid": "btn-date-picker"
   });
 };
-var PickerPropsTypes = {
-  innerRef: PropTypes__default['default'].oneOfType([PropTypes__default['default'].func, PropTypes__default['default'].shape({
-    current: PropTypes__default['default'].any
+const PickerPropsTypes = {
+  innerRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
+    current: PropTypes__default["default"].any
   })]),
-  className: PropTypes__default['default'].string,
-  disabled: PropTypes__default['default'].bool,
-  icon: PropTypes__default['default'].element,
-  size: PropTypes__default['default'].oneOf(propTypes.iconSizes),
-  buttonActionType: PropTypes__default['default'].oneOf(DSButton.buttonTypes),
-  onClick: PropTypes__default['default'].func,
-  onFocus: PropTypes__default['default'].func,
-  onBlur: PropTypes__default['default'].func,
-  readOnly: PropTypes__default['default'].bool,
-  tabIndex: PropTypes__default['default'].number
+  className: PropTypes__default["default"].string,
+  disabled: PropTypes__default["default"].bool,
+  icon: PropTypes__default["default"].element,
+  size: PropTypes__default["default"].oneOf(propTypes.iconSizes),
+  buttonActionType: PropTypes__default["default"].oneOf(DSButton.buttonTypes),
+  onClick: PropTypes__default["default"].func,
+  onFocus: PropTypes__default["default"].func,
+  onBlur: PropTypes__default["default"].func,
+  readOnly: PropTypes__default["default"].bool,
+  tabIndex: PropTypes__default["default"].number
 };
-Picker.propTypes = PickerPropsTypes;
 
 exports.Picker = Picker;
 exports.PickerPropsTypes = PickerPropsTypes;
-exports['default'] = Picker;
-//# sourceMappingURL=DatePickerPicker.js.map
+exports["default"] = Picker;

package/cjs/components/DatePickerRange/DatePickerRange.js

@@ -1,128 +1,119 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+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/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var reactDates = require('react-dates');
 var moment = require('moment');
 var dsClassnames = require('@elliemae/ds-classnames');
 var dsIcons = require('@elliemae/ds-icons');
-var components_DatePickerDay_DatePickerDay = require('../DatePickerDay/DatePickerDay.js');
-var components_DatePickerNavigation_DatePickerNavigation = require('../DatePickerNavigation/DatePickerNavigation.js');
-var components_DatePickerRangeHeader_DatePickerRangeHeader = require('../DatePickerRangeHeader/DatePickerRangeHeader.js');
-require('prop-types');
-require('@elliemae/ds-icon');
-require('../../prop-types-fcbbf657.js');
-require('@elliemae/ds-form');
+var DatePickerDay = require('../DatePickerDay/DatePickerDay.js');
+var DatePickerNavigation = require('../DatePickerNavigation/DatePickerNavigation.js');
+var DatePickerRangeHeader = require('../DatePickerRangeHeader/DatePickerRangeHeader.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
-var blockname = 'date-range';
-var Wrapper = dsClassnames.aggregatedClasses('div')(blockname, 'wrapper');
-
-var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('datepicker'),
-    classNameElement = _convertPropToCssClas.classNameElement,
-    classNameBlock = _convertPropToCssClas.classNameBlock;
-
-var START_DATE = 'startDate';
-var END_DATE = 'endDate';
-
-var DatePickerRangeDate = function DatePickerRangeDate(_ref) {
-  var dateStart = _ref.dateStart,
-      dateEnd = _ref.dateEnd,
-      _ref$displayFormatDay = _ref.displayFormatDay,
-      displayFormatDay = _ref$displayFormatDay === void 0 ? 'D' : _ref$displayFormatDay,
-      _ref$showHeader = _ref.showHeader,
-      showHeader = _ref$showHeader === void 0 ? true : _ref$showHeader,
-      otherProps = _ref.otherProps;
-
-  var _useState = React.useState(dateStart),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      selectedDateStart = _useState2[0],
-      setSelectedDateStart = _useState2[1];
-
-  var _useState3 = React.useState(dateEnd),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      selectedDateEnd = _useState4[0],
-      setSelectedDateEnd = _useState4[1];
-
-  var _useState5 = React.useState(START_DATE),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      focusedInput = _useState6[0],
-      setFocusedInput = _useState6[1];
-
-  var datePickerRef = React.useRef();
-
-  var handleFocusChange = function handleFocusChange() {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](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 blockname = 'date-range';
+const Wrapper = dsClassnames.aggregatedClasses('div')(blockname, 'wrapper');
+const {
+  classNameElement,
+  classNameBlock
+} = dsClassnames.convertPropToCssClassName('datepicker');
+const START_DATE = 'startDate';
+const END_DATE = 'endDate';
+
+const DatePickerRangeDate = _ref => {
+  let {
+    dateStart,
+    dateEnd,
+    displayFormatDay = 'D',
+    showHeader = true,
+    otherProps
+  } = _ref;
+  const [selectedDateStart, setSelectedDateStart] = React.useState(dateStart);
+  const [selectedDateEnd, setSelectedDateEnd] = React.useState(dateEnd);
+  const [focusedInput, setFocusedInput] = React.useState(START_DATE);
+  const datePickerRef = React.useRef();
+
+  const handleFocusChange = () => {
     setFocusedInput(focusedInput === START_DATE ? END_DATE : START_DATE);
   };
 
-  var handleDatesChange = function handleDatesChange(_ref2) {
-    var startDate = _ref2.startDate,
-        endDate = _ref2.endDate;
+  const handleDatesChange = _ref2 => {
+    let {
+      startDate,
+      endDate
+    } = _ref2;
     setSelectedDateStart(startDate);
     setSelectedDateEnd(endDate);
   };
 
-  var handleStartInputChange = function handleStartInputChange(newDate) {
+  const handleStartInputChange = newDate => {
     setSelectedDateStart(newDate);
   };
 
-  var handleEndInputChange = function handleEndInputChange(newDate) {
+  const handleEndInputChange = newDate => {
     setSelectedDateEnd(newDate);
   };
 
-  var getSafeDateStartValue = function getSafeDateStartValue() {
+  const getSafeDateStartValue = () => {
     if (selectedDateStart) {
-      return moment__default['default'](selectedDateStart);
+      return moment__default["default"](selectedDateStart);
     }
   };
 
-  var getSafeDateEndValue = function getSafeDateEndValue() {
+  const getSafeDateEndValue = () => {
     if (selectedDateEnd) {
-      return moment__default['default'](selectedDateEnd);
+      return moment__default["default"](selectedDateEnd);
     }
   };
 
-  var safeStartDate = getSafeDateStartValue();
-  var safeEndDate = getSafeDateEndValue();
-  return /*#__PURE__*/React__default['default'].createElement(Wrapper, null, showHeader && /*#__PURE__*/React__default['default'].createElement(components_DatePickerRangeHeader_DatePickerRangeHeader, {
+  const safeStartDate = getSafeDateStartValue();
+  const safeEndDate = getSafeDateEndValue();
+  return /*#__PURE__*/_jsx__default["default"](Wrapper, {}, void 0, showHeader && /*#__PURE__*/_jsx__default["default"](DatePickerRangeHeader, {
     onEndInputChange: handleEndInputChange,
     onStartInputChange: handleStartInputChange,
     selectedEndDate: safeEndDate,
     selectedStartDate: safeStartDate
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
+  }), /*#__PURE__*/jsxRuntime.jsx("div", {
     ref: datePickerRef,
-    className: classNameBlock('wrapper-day-picker-single-date-controller')
-  }, /*#__PURE__*/React__default['default'].createElement(reactDates.DayPickerRangeController, _extends__default['default']({}, otherProps, {
-    enableOutsideDays: true,
-    endDate: safeEndDate,
-    focused: true,
-    focusedInput: focusedInput,
-    hideKeyboardShortcutsPanel: true,
-    navNext: /*#__PURE__*/React__default['default'].createElement(components_DatePickerNavigation_DatePickerNavigation, {
-      className: classNameElement('navigation-next')
-    }),
-    navPrev: /*#__PURE__*/React__default['default'].createElement(components_DatePickerNavigation_DatePickerNavigation, {
-      className: classNameElement('navigation-prev'),
-      icon: dsIcons.ChevronLeft
-    }),
-    onDatesChange: handleDatesChange,
-    onFocusChange: handleFocusChange,
-    renderDayContents: function renderDayContents(date) {
-      return /*#__PURE__*/React__default['default'].createElement(components_DatePickerDay_DatePickerDay, {
+    className: classNameBlock('wrapper-day-picker-single-date-controller'),
+    children: /*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerRangeController, _objectSpread(_objectSpread({}, otherProps), {}, {
+      enableOutsideDays: true,
+      endDate: safeEndDate,
+      focused: true,
+      focusedInput: focusedInput,
+      hideKeyboardShortcutsPanel: true,
+      navNext: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
+        className: classNameElement('navigation-next')
+      }),
+      navPrev: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
+        className: classNameElement('navigation-prev'),
+        icon: dsIcons.ChevronLeft
+      }),
+      onDatesChange: handleDatesChange,
+      onFocusChange: handleFocusChange,
+      renderDayContents: date => /*#__PURE__*/_jsx__default["default"](DatePickerDay, {
         className: classNameElement('day-contents'),
         date: date.format(displayFormatDay)
-      });
-    },
-    startDate: safeStartDate
-  }))));
+      }),
+      startDate: safeStartDate
+    }))
+  }));
 };
 
 module.exports = DatePickerRangeDate;
-//# sourceMappingURL=DatePickerRange.js.map