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

package/cjs/components/DateTimeRecurenceSelectorImpl.js

@@ -1,137 +1,97 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.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 lodash = require('lodash');
 require('react-dates/initialize');
 var reactSelect = require('react-select');
 var dsClassnames = require('@elliemae/ds-classnames');
 var dsForm = require('@elliemae/ds-form');
-var components_DateTimeRangeModal_DateTimeRangeModal = require('./DateTimeRangeModal/DateTimeRangeModal.js');
-require('@elliemae/ds-modal');
-require('./DateTimeRangeModalImpl/DateTimeRangeModalImpl.js');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('moment');
-require('../options/dropdownRepeatOptions.js');
-require('../options/dropdownTimeZoneOptions.js');
-require('./RepeatPickerInput/RepeatPickerInput.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/slicedToArray');
-require('./Forms/FormGroup.js');
-require('./Forms/FormLabel.js');
-require('./Forms/FormFieldGroup.js');
-require('./Forms/FormField.js');
-require('./DaysOfWeekPicker/DaysOfWeekPicker.js');
-require('../options/dropdownDayOfWeekOptions.js');
-require('./StartDateTime/StartDateTime.js');
-require('@elliemae/ds-date-picker');
-require('@elliemae/ds-time-picker');
-require('./EndDate/EndDate.js');
-require('../options/endTypesOptions.js');
-require('./DayOfMonthPicker/DayOfMonthPicker.js');
-require('./helpers/nthday.js');
-require('../options/dropdownDayOfMonthOptions.js');
-require('./DayOfYearPicker/DayOfYearPicker.js');
-require('./TimeZonePicker/TimeZonePicker.js');
-require('./FieldWrapper/FieldWrapper.js');
-require('./LabelWrapper/LabelWrapper.js');
-require('./ValidationMessage/ValidationMessage.js');
+var DateTimeRangeModal = require('./DateTimeRangeModal/DateTimeRangeModal.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 _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 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; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('date-time-predefined-range-selector'),
-    cssClassName = _convertPropToCssClas.cssClassName,
-    classNameElement = _convertPropToCssClas.classNameElement,
-    classNameBlock = _convertPropToCssClas.classNameBlock;
-
-var DateTimeRecurenceSelectorImpl = /*#__PURE__*/function (_Component) {
-  _inherits__default['default'](DateTimeRecurenceSelectorImpl, _Component);
-
-  var _super = _createSuper(DateTimeRecurenceSelectorImpl);
-
-  function DateTimeRecurenceSelectorImpl(props) {
-    var _this;
-
-    _classCallCheck__default['default'](this, DateTimeRecurenceSelectorImpl);
-
-    _this = _super.call(this, props);
-
-    _this.onChange = function () {
-      var onChange = _this.props.onChange;
-      var _this$state = _this.state,
-          customRange = _this$state.customRange,
-          selected = _this$state.selected;
+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 {
+  cssClassName,
+  classNameElement,
+  classNameBlock
+} = dsClassnames.convertPropToCssClassName('date-time-predefined-range-selector');
+
+class DateTimeRecurenceSelectorImpl extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.onChange = () => {
+      const {
+        onChange
+      } = this.props;
+      const {
+        customRange,
+        selected
+      } = this.state;
       onChange(selected, customRange);
     };
 
-    _this.onCustomDateTimeRange = function (customRange) {
-      _this.setState({
-        customRange: customRange
+    this.onCustomDateTimeRange = customRange => {
+      this.setState({
+        customRange
       });
     };
 
-    _this.onChangeDropdown = function (value) {
-      var dropdownPreselectedOptions = _this.props.dropdownPreselectedOptions;
-      var selected = dropdownPreselectedOptions.find(function (op) {
-        return op.value === value;
-      });
-      var onChange = _this.props.onChange;
+    this.onChangeDropdown = value => {
+      const {
+        dropdownPreselectedOptions
+      } = this.props;
+      const selected = dropdownPreselectedOptions.find(op => op.value === value);
+      const {
+        onChange
+      } = this.props;
 
       if (!selected) {
-        _this.setState(function (previousState) {
-          return {
-            selected: value,
-            previousSelection: previousState.selected
-          };
-        });
-
-        _this.handleOpenModal();
+        this.setState(previousState => ({
+          selected: value,
+          previousSelection: previousState.selected
+        }));
+        this.handleOpenModal();
       } else if (selected) {
         onChange(value);
-
-        _this.setState({
+        this.setState({
           selected: value,
           openModal: false
         });
       }
     };
 
-    _this.handleConfirm = function () {
-      var _this$props = _this.props,
-          onConfirmField = _this$props.onConfirmField,
-          CustomOptionRender = _this$props.customOptionRender,
-          dayOfMonthOptionsEnable = _this$props.dayOfMonthOptionsEnable,
-          dayOfWeekOptionsEnable = _this$props.dayOfWeekOptionsEnable,
-          dayOfYearOptionsEnable = _this$props.dayOfYearOptionsEnable,
-          useTimezoneSelector = _this$props.useTimezoneSelector,
-          allowMultipleDaysOfWeek = _this$props.allowMultipleDaysOfWeek;
-      var customRange = _this.state.customRange;
-      _this.props.advanceOption.label = /*#__PURE__*/React__default['default'].createElement(CustomOptionRender, {
+    this.handleConfirm = () => {
+      const {
+        onConfirmField,
+        customOptionRender: CustomOptionRender,
+        dayOfMonthOptionsEnable,
+        dayOfWeekOptionsEnable,
+        dayOfYearOptionsEnable,
+        useTimezoneSelector,
+        allowMultipleDaysOfWeek
+      } = this.props;
+      const {
+        customRange
+      } = this.state;
+      this.props.advanceOption.label = /*#__PURE__*/_jsx__default["default"](CustomOptionRender, {
         allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
         customRange: customRange,
         dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
@@ -139,50 +99,39 @@ var DateTimeRecurenceSelectorImpl = /*#__PURE__*/function (_Component) {
         dayOfYearOptionsEnable: dayOfYearOptionsEnable,
         useTimezoneSelector: useTimezoneSelector
       });
-
-      _this.onChange();
-
-      _this.handleCloseModal();
-
+      this.onChange();
+      this.handleCloseModal();
       onConfirmField();
     };
 
-    _this.handleReject = function () {
-      var onRejectField = _this.props.onRejectField;
-
-      _this.handleActionClose();
-
+    this.handleReject = () => {
+      const {
+        onRejectField
+      } = this.props;
+      this.handleActionClose();
       onRejectField();
     };
 
-    _this.handleActionClose = function () {
-      _this.setState(function (previousState) {
-        return {
-          selected: previousState.previousSelection
-        };
-      });
-
-      _this.handleCloseModal();
+    this.handleActionClose = () => {
+      this.setState(previousState => ({
+        selected: previousState.previousSelection
+      }));
+      this.handleCloseModal();
     };
 
-    _this.handleOpenModal = function () {
-      return _this.setState({
-        openModal: true
-      });
-    };
+    this.handleOpenModal = () => this.setState({
+      openModal: true
+    });
 
-    _this.handleCloseModal = function () {
-      _this.setState({
+    this.handleCloseModal = () => {
+      this.setState({
         openModal: false
       });
-
-      setTimeout(function () {
-        return document.activeElement.blur();
-      }, 0); // https://github.com/reactjs/react-modal/issues/680
+      setTimeout(() => document.activeElement.blur(), 0); // https://github.com/reactjs/react-modal/issues/680
     };
 
-    _this.initCustomRange = props.customRange;
-    _this.state = {
+    this.initCustomRange = props.customRange;
+    this.state = {
       // eslint-disable-next-line react/no-unused-state
       previousCustomRange: _objectSpread({}, props.customRange),
       openModal: props.openModal || false,
@@ -192,7 +141,7 @@ var DateTimeRecurenceSelectorImpl = /*#__PURE__*/function (_Component) {
 
     if (props.value === props.advanceOption.value) {
       // eslint-disable-next-line no-param-reassign
-      props.advanceOption.label = /*#__PURE__*/React__default['default'].createElement(props.customOptionRender, {
+      props.advanceOption.label = /*#__PURE__*/_jsx__default["default"](props.customOptionRender, {
         allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
         customRange: props.customRange,
         dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
@@ -201,78 +150,96 @@ var DateTimeRecurenceSelectorImpl = /*#__PURE__*/function (_Component) {
         useTimezoneSelector: props.useTimezoneSelector
       });
     }
+  }
+
+  static getDerivedStateFromProps(props, state) {
+    if (props.customRange && !lodash.isEqual(props.customRange, state.previousCustomRange)) {
+      if (props.value === props.advanceOption.value) {
+        // eslint-disable-next-line no-param-reassign
+        props.advanceOption.label = /*#__PURE__*/_jsx__default["default"](props.customOptionRender, {
+          allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
+          customRange: props.customRange,
+          dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
+          dayOfWeekOptionsEnable: props.dayOfWeekOptionsEnable,
+          dayOfYearOptionsEnable: props.dayOfYearOptionsEnable,
+          useTimezoneSelector: props.useTimezoneSelector
+        });
+      }
 
-    return _this;
+      return {
+        previousCustomRange: _objectSpread({}, props.customRange),
+        customRange: _objectSpread({}, props.customRange),
+        selected: props.value
+      };
+    }
+
+    return null;
   }
 
-  _createClass__default['default'](DateTimeRecurenceSelectorImpl, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          placeholder = _this$props2.placeholder,
-          dropdownPreselectedOptions = _this$props2.dropdownPreselectedOptions,
-          appElement = _this$props2.appElement,
-          confirmLabel = _this$props2.confirmLabel,
-          modalSize = _this$props2.modalSize,
-          modalTitle = _this$props2.modalTitle,
-          modalType = _this$props2.modalType,
-          rejectLabel = _this$props2.rejectLabel,
-          dropdownDayOfMonthOptions = _this$props2.dropdownDayOfMonthOptions,
-          dropdownDayOfWeekOptions = _this$props2.dropdownDayOfWeekOptions,
-          dropdownDayOfYearOptions = _this$props2.dropdownDayOfYearOptions,
-          dropdownRepeatOptions = _this$props2.dropdownRepeatOptions,
-          displayCurrentMonthYear = _this$props2.displayCurrentMonthYear,
-          className = _this$props2.className,
-          dayOfMonthOptionsEnable = _this$props2.dayOfMonthOptionsEnable,
-          dayOfWeekOptionsEnable = _this$props2.dayOfWeekOptionsEnable,
-          dayOfYearOptionsEnable = _this$props2.dayOfYearOptionsEnable,
-          timeZoneOptions = _this$props2.timeZoneOptions,
-          useTimezoneSelector = _this$props2.useTimezoneSelector,
-          allowMultipleDaysOfWeek = _this$props2.allowMultipleDaysOfWeek,
-          endTimesOptions = _this$props2.endTimesOptions,
-          endTypesOptions = _this$props2.endTypesOptions,
-          advanceOption = _this$props2.advanceOption,
-          dayOfMonthAsCurrentDateOptions = _this$props2.dayOfMonthAsCurrentDateOptions,
-          dayOfYearAsCurrentDateOptions = _this$props2.dayOfYearAsCurrentDateOptions,
-          isValidRecurrence = _this$props2.isValidRecurrence,
-          validationMessage = _this$props2.validationMessage,
-          endDayBlocked = _this$props2.endDayBlocked,
-          startDayBlocked = _this$props2.startDayBlocked,
-          repeatFrecuencyCustomProps = _this$props2.repeatFrecuencyCustomProps,
-          displayMonthCustomOption = _this$props2.displayMonthCustomOption,
-          displayYearCustomOption = _this$props2.displayYearCustomOption,
-          containerProps = _this$props2.containerProps;
-      var _this$state2 = this.state,
-          selected = _this$state2.selected,
-          openModal = _this$state2.openModal,
-          customRange = _this$state2.customRange;
-      var options = [].concat(_toConsumableArray__default['default'](dropdownPreselectedOptions), [advanceOption]);
-      return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({}, containerProps, {
-        className: "".concat(cssClassName, " ").concat(className)
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
+  render() {
+    const {
+      placeholder,
+      dropdownPreselectedOptions,
+      appElement,
+      confirmLabel,
+      modalSize,
+      modalTitle,
+      modalType,
+      rejectLabel,
+      dropdownDayOfMonthOptions,
+      dropdownDayOfWeekOptions,
+      dropdownDayOfYearOptions,
+      dropdownRepeatOptions,
+      displayCurrentMonthYear,
+      className,
+      dayOfMonthOptionsEnable,
+      dayOfWeekOptionsEnable,
+      dayOfYearOptionsEnable,
+      timeZoneOptions,
+      useTimezoneSelector,
+      allowMultipleDaysOfWeek,
+      endTimesOptions,
+      endTypesOptions,
+      advanceOption,
+      dayOfMonthAsCurrentDateOptions,
+      dayOfYearAsCurrentDateOptions,
+      isValidRecurrence,
+      validationMessage,
+      endDayBlocked,
+      startDayBlocked,
+      repeatFrecuencyCustomProps,
+      displayMonthCustomOption,
+      displayYearCustomOption,
+      containerProps
+    } = this.props;
+    const {
+      selected,
+      openModal,
+      customRange
+    } = this.state;
+    const options = [...dropdownPreselectedOptions, advanceOption];
+    return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
+      className: "".concat(cssClassName, " ").concat(className),
+      children: [/*#__PURE__*/_jsx__default["default"]("div", {
         className: "".concat(classNameBlock('container-selector'))
-      }, /*#__PURE__*/React__default['default'].createElement(dsForm.DSComboBox, {
+      }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
         className: "".concat(classNameElement('dropdown-field-selector')),
         components: {
-          Option: function Option(props) {
-            return /*#__PURE__*/React__default['default'].createElement(reactSelect.components.Option, _extends__default['default']({}, props, {
-              allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
-              dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
-              dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
-              dayOfYearOptionsEnable: dayOfYearOptionsEnable,
-              useTimezoneSelector: useTimezoneSelector
-            }));
-          },
-          IndicatorSeparator: function IndicatorSeparator() {
-            return null;
-          }
+          Option: props => /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.Option, _objectSpread(_objectSpread({}, props), {}, {
+            allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
+            dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
+            dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
+            dayOfYearOptionsEnable: dayOfYearOptionsEnable,
+            useTimezoneSelector: useTimezoneSelector
+          })),
+          IndicatorSeparator: () => null
         },
         onChange: this.onChangeDropdown,
         onKeyDown: this.onKeyDown,
         options: options,
         placeholder: placeholder,
         value: selected
-      })), /*#__PURE__*/React__default['default'].createElement(components_DateTimeRangeModal_DateTimeRangeModal, {
+      })), /*#__PURE__*/_jsx__default["default"](DateTimeRangeModal, {
         allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
         appElement: appElement,
         confirmLabel: confirmLabel,
@@ -308,37 +275,10 @@ var DateTimeRecurenceSelectorImpl = /*#__PURE__*/function (_Component) {
         timeZoneOptions: timeZoneOptions,
         useTimezoneSelector: useTimezoneSelector,
         validationMessage: validationMessage
-      }));
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props, state) {
-      if (props.customRange && !lodash.isEqual(props.customRange, state.previousCustomRange)) {
-        if (props.value === props.advanceOption.value) {
-          // eslint-disable-next-line no-param-reassign
-          props.advanceOption.label = /*#__PURE__*/React__default['default'].createElement(props.customOptionRender, {
-            allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
-            customRange: props.customRange,
-            dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
-            dayOfWeekOptionsEnable: props.dayOfWeekOptionsEnable,
-            dayOfYearOptionsEnable: props.dayOfYearOptionsEnable,
-            useTimezoneSelector: props.useTimezoneSelector
-          });
-        }
-
-        return {
-          previousCustomRange: _objectSpread({}, props.customRange),
-          customRange: _objectSpread({}, props.customRange),
-          selected: props.value
-        };
-      }
-
-      return null;
-    }
-  }]);
+      })]
+    }));
+  }
 
-  return DateTimeRecurenceSelectorImpl;
-}(React.Component);
+}
 
 module.exports = DateTimeRecurenceSelectorImpl;
-//# sourceMappingURL=DateTimeRecurenceSelectorImpl.js.map

package/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js

@@ -1,42 +1,38 @@
 'use strict';
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('react');
 var dsForm = require('@elliemae/ds-form');
-var components_helpers_nthday = require('../helpers/nthday.js');
-var options_dropdownDayOfMonthOptions = require('../../options/dropdownDayOfMonthOptions.js');
-var components_Forms_FormLabel = require('../Forms/FormLabel.js');
-var components_Forms_FormFieldGroup = require('../Forms/FormFieldGroup.js');
-var components_Forms_FormGroup = require('../Forms/FormGroup.js');
-require('@elliemae/ds-classnames');
+var nthday = require('../helpers/nthday.js');
+var dropdownDayOfMonthOptions = require('../../options/dropdownDayOfMonthOptions.js');
+var FormLabel = require('../Forms/FormLabel.js');
+var FormFieldGroup = require('../Forms/FormFieldGroup.js');
+var FormGroup = require('../Forms/FormGroup.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var DaysOfMonthPicker = function DaysOfMonthPicker(_ref) {
-  var _ref$onDayChange = _ref.onDayChange,
-      onDayChange = _ref$onDayChange === void 0 ? function () {
-    return null;
-  } : _ref$onDayChange,
-      _ref$dayOfMonthValue = _ref.dayOfMonthValue,
-      dayOfMonthValue = _ref$dayOfMonthValue === void 0 ? options_dropdownDayOfMonthOptions.dropdownDayOfMonthOptions[0].value : _ref$dayOfMonthValue,
-      _ref$dayOfMonthOption = _ref.dayOfMonthOptions,
-      dayOfMonthOptions = _ref$dayOfMonthOption === void 0 ? options_dropdownDayOfMonthOptions.dropdownDayOfMonthOptions : _ref$dayOfMonthOption,
-      _ref$displayOptionsAs = _ref.displayOptionsAsCurrentDate,
-      displayOptionsAsCurrentDate = _ref$displayOptionsAs === void 0 ? true : _ref$displayOptionsAs,
-      _ref$currentDate = _ref.currentDate,
-      currentDate = _ref$currentDate === void 0 ? null : _ref$currentDate,
-      _ref$inputLabel = _ref.inputLabel,
-      inputLabel = _ref$inputLabel === void 0 ? 'On' : _ref$inputLabel,
-      dayOfMonthAsCurrentDateOptions = _ref.dayOfMonthAsCurrentDateOptions,
-      displayMonthCustomOption = _ref.displayMonthCustomOption;
-  var options = dayOfMonthOptions;
+const DaysOfMonthPicker = _ref => {
+  let {
+    onDayChange = () => null,
+    dayOfMonthValue = dropdownDayOfMonthOptions.dropdownDayOfMonthOptions[0].value,
+    dayOfMonthOptions = dropdownDayOfMonthOptions.dropdownDayOfMonthOptions,
+    displayOptionsAsCurrentDate = true,
+    currentDate = null,
+    inputLabel = 'On',
+    dayOfMonthAsCurrentDateOptions,
+    displayMonthCustomOption
+  } = _ref;
+  let options = dayOfMonthOptions;
 
   if (displayOptionsAsCurrentDate) {
-    var numberoption = "on the ".concat(currentDate.format('Do'), " of the month");
-    var nthoption = "on the ".concat(components_helpers_nthday.nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd'), " of the month");
+    const numberoption = "on the ".concat(currentDate.format('Do'), " of the month");
+    const nthoption = "on the ".concat(nthday.nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd'), " of the month");
     options = [];
 
     if (dayOfMonthAsCurrentDateOptions.indexOf('numberOfMonth') > -1) {
@@ -50,7 +46,7 @@ var DaysOfMonthPicker = function DaysOfMonthPicker(_ref) {
 
     if (dayOfMonthAsCurrentDateOptions.indexOf('dayOfTheWeekOfMonth') > -1) {
       options.push({
-        numberLabel: "".concat(components_helpers_nthday.nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd')),
+        numberLabel: "".concat(nthday.nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd')),
         label: nthoption,
         value: nthoption,
         dayOfMonthRepeatPickerKey: 'dayOfTheWeekOfMonth'
@@ -58,28 +54,21 @@ var DaysOfMonthPicker = function DaysOfMonthPicker(_ref) {
     }
 
     if (displayMonthCustomOption) {
-      options = [].concat(_toConsumableArray__default['default'](options), _toConsumableArray__default['default'](dayOfMonthOptions));
+      options = [...options, ...dayOfMonthOptions];
     }
   }
 
-  var selected = options.find(function (option) {
-    return option.value === dayOfMonthValue;
-  }) ? dayOfMonthValue : null;
+  const selected = options.find(option => option.value === dayOfMonthValue) ? dayOfMonthValue : null;
 
   if (!selected) {
     onDayChange(options[0].value, options[0]);
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(components_Forms_FormGroup, null, /*#__PURE__*/React__default['default'].createElement(components_Forms_FormLabel, null, inputLabel), /*#__PURE__*/React__default['default'].createElement(components_Forms_FormFieldGroup, null, /*#__PURE__*/React__default['default'].createElement(dsForm.DSComboBox, {
-    onChange: function onChange(value) {
-      return onDayChange(value, options.find(function (o) {
-        return o.value === value;
-      }));
-    },
+  return /*#__PURE__*/_jsx__default["default"](FormGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, inputLabel), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
+    onChange: value => onDayChange(value, options.find(o => o.value === value)),
     options: options,
     value: selected
   })));
 };
 
 module.exports = DaysOfMonthPicker;
-//# sourceMappingURL=DayOfMonthPicker.js.map