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

package/esm/DSDateTimeRecurrenceSelector.js

@@ -18,93 +18,96 @@ import CustomOptionRender from './components/CustomOptionRender/CustomOptionRend
 import { dropdownTimeZoneOptions } from './options/dropdownTimeZoneOptions.js';
 export { DropdownTimeZoneTypes, dropdownTimeZoneOptions } from './options/dropdownTimeZoneOptions.js';
 
-const DSDateTimeRecurrenceSelector = ({
-  containerProps = {},
-  className = '',
-  preselectedOptions = dropdownPreselectedOptions,
-  repeatOptions = dropdownRepeatOptions,
-  endTypesOptions: endTypesOptions$1 = endTypesOptions,
-  endTimesOptions: endTimesOptions$1 = endTimesOptions,
-  dayOfWeekOptions = dropdownDayOfWeekOptions,
-  dayOfWeekOptionsEnable = true,
-  dayOfMonthOptions = dropdownDayOfMonthOptions,
-  dayOfMonthOptionsEnable = true,
-  dayOfYearOptions = dropdownDayOfYearOptions,
-  dayOfYearOptionsEnable = true,
-  displayMonthCustomOption = false,
-  displayYearCustomOption = false,
-  dayOfMonthAsCurrentDateOptions = ['numberOfMonth', 'dayOfTheWeekOfMonth'],
-  dayOfYearAsCurrentDateOptions = ['numberOfYear', 'dayOfTheMonthOfYear'],
-  onChange = () => null,
-  placeholder = 'Select Range',
-  modalSize = 'medium',
-  modalTitle = 'Report Scheduling',
-  confirmLabel = 'Apply',
-  rejectLabel = 'Cancel',
-  modalType = 'confirm',
-  onConfirmField = () => null,
-  onRejectField = () => null,
-  openModal = false,
-  appElement = '#root',
-  value = null,
-  customRange = null,
-  customOptionRender = CustomOptionRender,
-  displayCurrentMonthYear = true,
-  timeZoneOptions = dropdownTimeZoneOptions,
-  useTimezoneSelector = false,
-  allowMultipleDaysOfWeek = false,
-  advanceOption = {
-    label: 'Custom',
-    value: 'custom-range',
-    isAdvance: true
-  },
-  isValidRecurrence = () => true,
-  validationMessage = '',
-  endDayBlocked = () => false,
-  startDayBlocked = () => false,
-  repeatFrecuencyCustomProps = {}
-}) => /*#__PURE__*/_jsx(DateTimeRecurenceSelectorImpl, {
-  advanceOption: advanceOption,
-  allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
-  appElement: appElement,
-  className: className,
-  confirmLabel: confirmLabel,
-  containerProps: containerProps,
-  customOptionRender: customOptionRender,
-  customRange: customRange,
-  dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
-  dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
-  dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
-  dayOfYearAsCurrentDateOptions: dayOfYearAsCurrentDateOptions,
-  dayOfYearOptionsEnable: dayOfYearOptionsEnable,
-  displayCurrentMonthYear: displayCurrentMonthYear,
-  displayMonthCustomOption: displayMonthCustomOption,
-  displayYearCustomOption: displayYearCustomOption,
-  dropdownDayOfMonthOptions: dayOfMonthOptions,
-  dropdownDayOfWeekOptions: dayOfWeekOptions,
-  dropdownDayOfYearOptions: dayOfYearOptions,
-  dropdownPreselectedOptions: preselectedOptions,
-  dropdownRepeatOptions: repeatOptions,
-  endDayBlocked: endDayBlocked,
-  endTimesOptions: endTimesOptions$1,
-  endTypesOptions: endTypesOptions$1,
-  isValidRecurrence: isValidRecurrence,
-  modalSize: modalSize,
-  modalTitle: modalTitle,
-  modalType: modalType,
-  onChange: onChange,
-  onConfirmField: onConfirmField,
-  onRejectField: onRejectField,
-  openModal: openModal,
-  placeholder: placeholder,
-  rejectLabel: rejectLabel,
-  repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
-  startDayBlocked: startDayBlocked,
-  timeZoneOptions: timeZoneOptions,
-  useTimezoneSelector: useTimezoneSelector,
-  validationMessage: validationMessage,
-  value: value
-});
+const DSDateTimeRecurrenceSelector = _ref => {
+  let {
+    containerProps = {},
+    className = '',
+    preselectedOptions = dropdownPreselectedOptions,
+    repeatOptions = dropdownRepeatOptions,
+    endTypesOptions: endTypesOptions$1 = endTypesOptions,
+    endTimesOptions: endTimesOptions$1 = endTimesOptions,
+    dayOfWeekOptions = dropdownDayOfWeekOptions,
+    dayOfWeekOptionsEnable = true,
+    dayOfMonthOptions = dropdownDayOfMonthOptions,
+    dayOfMonthOptionsEnable = true,
+    dayOfYearOptions = dropdownDayOfYearOptions,
+    dayOfYearOptionsEnable = true,
+    displayMonthCustomOption = false,
+    displayYearCustomOption = false,
+    dayOfMonthAsCurrentDateOptions = ['numberOfMonth', 'dayOfTheWeekOfMonth'],
+    dayOfYearAsCurrentDateOptions = ['numberOfYear', 'dayOfTheMonthOfYear'],
+    onChange = () => null,
+    placeholder = 'Select Range',
+    modalSize = 'medium',
+    modalTitle = 'Report Scheduling',
+    confirmLabel = 'Apply',
+    rejectLabel = 'Cancel',
+    modalType = 'confirm',
+    onConfirmField = () => null,
+    onRejectField = () => null,
+    openModal = false,
+    appElement = '#root',
+    value = null,
+    customRange = null,
+    customOptionRender = CustomOptionRender,
+    displayCurrentMonthYear = true,
+    timeZoneOptions = dropdownTimeZoneOptions,
+    useTimezoneSelector = false,
+    allowMultipleDaysOfWeek = false,
+    advanceOption = {
+      label: 'Custom',
+      value: 'custom-range',
+      isAdvance: true
+    },
+    isValidRecurrence = () => true,
+    validationMessage = '',
+    endDayBlocked = () => false,
+    startDayBlocked = () => false,
+    repeatFrecuencyCustomProps = {}
+  } = _ref;
+  return /*#__PURE__*/_jsx(DateTimeRecurenceSelectorImpl, {
+    advanceOption: advanceOption,
+    allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
+    appElement: appElement,
+    className: className,
+    confirmLabel: confirmLabel,
+    containerProps: containerProps,
+    customOptionRender: customOptionRender,
+    customRange: customRange,
+    dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
+    dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
+    dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
+    dayOfYearAsCurrentDateOptions: dayOfYearAsCurrentDateOptions,
+    dayOfYearOptionsEnable: dayOfYearOptionsEnable,
+    displayCurrentMonthYear: displayCurrentMonthYear,
+    displayMonthCustomOption: displayMonthCustomOption,
+    displayYearCustomOption: displayYearCustomOption,
+    dropdownDayOfMonthOptions: dayOfMonthOptions,
+    dropdownDayOfWeekOptions: dayOfWeekOptions,
+    dropdownDayOfYearOptions: dayOfYearOptions,
+    dropdownPreselectedOptions: preselectedOptions,
+    dropdownRepeatOptions: repeatOptions,
+    endDayBlocked: endDayBlocked,
+    endTimesOptions: endTimesOptions$1,
+    endTypesOptions: endTypesOptions$1,
+    isValidRecurrence: isValidRecurrence,
+    modalSize: modalSize,
+    modalTitle: modalTitle,
+    modalType: modalType,
+    onChange: onChange,
+    onConfirmField: onConfirmField,
+    onRejectField: onRejectField,
+    openModal: openModal,
+    placeholder: placeholder,
+    rejectLabel: rejectLabel,
+    repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
+    startDayBlocked: startDayBlocked,
+    timeZoneOptions: timeZoneOptions,
+    useTimezoneSelector: useTimezoneSelector,
+    validationMessage: validationMessage,
+    value: value
+  });
+};
 const dateTimeRecurrenceSelectorProps = {
   containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),
   className: PropTypes.string.description('html class attribute'),

package/esm/components/AlertModal/DateTimeRangeModal.js

@@ -3,55 +3,58 @@ import 'react';
 import DSModal from '@elliemae/ds-modal';
 import DateTimePredefinedRangeSelectorImpl from '../DateTimeRangeModalImpl/DateTimeRangeModalImpl.js';
 
-const DateTimeRangeModal = ({
-  isOpen = false,
-  onClose = () => null,
-  modalTitle = 'Report Scheduling',
-  modalSize = 'medium ',
-  confirmLabel = 'Apply',
-  rejectLabel = 'Cancel',
-  modalType = 'confirm',
-  onConfirmField = () => null,
-  onRejectField = () => null,
-  appElement = null,
-  onCustomDateTimeRange = () => null,
-  displayCurrentMonthYear = true,
-  dropdownDayOfMonthOptions = [],
-  dropdownDayOfWeekOptions = [],
-  dropdownDayOfYearOptions = [],
-  dropdownRepeatOptions = [],
-  rangeValue = {},
-  dayOfMonthOptionsEnable = true,
-  dayOfWeekOptionsEnable = true,
-  dayOfYearOptionsEnable = true,
-  timeZoneOptions = [],
-  useTimezoneSelector = false,
-  allowMultipleDaysOfWeek = false
-}) => /*#__PURE__*/_jsx(DSModal, {
-  appElement: appElement,
-  confirmLabel: confirmLabel,
-  isOpen: isOpen,
-  modalTitle: modalTitle,
-  modalType: modalType,
-  onClose: onClose,
-  onConfirm: onConfirmField,
-  onReject: onRejectField,
-  rejectLabel: rejectLabel,
-  size: modalSize
-}, void 0, /*#__PURE__*/_jsx(DateTimePredefinedRangeSelectorImpl, {
-  allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
-  dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
-  dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
-  dayOfYearOptionsEnable: dayOfYearOptionsEnable,
-  displayCurrentMonthYear: displayCurrentMonthYear,
-  dropdownDayOfMonthOptions: dropdownDayOfMonthOptions,
-  dropdownDayOfWeekOptions: dropdownDayOfWeekOptions,
-  dropdownDayOfYearOptions: dropdownDayOfYearOptions,
-  dropdownRepeatOptions: dropdownRepeatOptions,
-  onCustomDateTimeRange: onCustomDateTimeRange,
-  rangeValue: rangeValue,
-  timeZoneOptions: timeZoneOptions,
-  useTimezoneSelector: useTimezoneSelector
-}));
+const DateTimeRangeModal = _ref => {
+  let {
+    isOpen = false,
+    onClose = () => null,
+    modalTitle = 'Report Scheduling',
+    modalSize = 'medium ',
+    confirmLabel = 'Apply',
+    rejectLabel = 'Cancel',
+    modalType = 'confirm',
+    onConfirmField = () => null,
+    onRejectField = () => null,
+    appElement = null,
+    onCustomDateTimeRange = () => null,
+    displayCurrentMonthYear = true,
+    dropdownDayOfMonthOptions = [],
+    dropdownDayOfWeekOptions = [],
+    dropdownDayOfYearOptions = [],
+    dropdownRepeatOptions = [],
+    rangeValue = {},
+    dayOfMonthOptionsEnable = true,
+    dayOfWeekOptionsEnable = true,
+    dayOfYearOptionsEnable = true,
+    timeZoneOptions = [],
+    useTimezoneSelector = false,
+    allowMultipleDaysOfWeek = false
+  } = _ref;
+  return /*#__PURE__*/_jsx(DSModal, {
+    appElement: appElement,
+    confirmLabel: confirmLabel,
+    isOpen: isOpen,
+    modalTitle: modalTitle,
+    modalType: modalType,
+    onClose: onClose,
+    onConfirm: onConfirmField,
+    onReject: onRejectField,
+    rejectLabel: rejectLabel,
+    size: modalSize
+  }, void 0, /*#__PURE__*/_jsx(DateTimePredefinedRangeSelectorImpl, {
+    allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
+    dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
+    dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
+    dayOfYearOptionsEnable: dayOfYearOptionsEnable,
+    displayCurrentMonthYear: displayCurrentMonthYear,
+    dropdownDayOfMonthOptions: dropdownDayOfMonthOptions,
+    dropdownDayOfWeekOptions: dropdownDayOfWeekOptions,
+    dropdownDayOfYearOptions: dropdownDayOfYearOptions,
+    dropdownRepeatOptions: dropdownRepeatOptions,
+    onCustomDateTimeRange: onCustomDateTimeRange,
+    rangeValue: rangeValue,
+    timeZoneOptions: timeZoneOptions,
+    useTimezoneSelector: useTimezoneSelector
+  }));
+};
 
 export { DateTimeRangeModal as default };

package/esm/components/CustomOptionRender/CustomOptionRender.js

@@ -42,25 +42,26 @@ timezonePickerInput
 }
  */
 
-const CustomOptionRender = ({
-  customRange: {
-    startDateInput,
-    startTimeInput,
-    qtyRepeatPickerInput,
-    typeRepeatPickerInput,
-    dayWeekRepeatPickerInput,
-    endDateInput,
-    endTypeInput,
-    endTimesInput,
-    dayOfMonthRepeatPickerInput,
-    dayOfYearRepeatPickerInput,
-    timezonePickerInput
-  },
-  dayOfMonthOptionsEnable,
-  dayOfWeekOptionsEnable,
-  dayOfYearOptionsEnable,
-  useTimezoneSelector
-}) => {
+const CustomOptionRender = _ref => {
+  let {
+    customRange: {
+      startDateInput,
+      startTimeInput,
+      qtyRepeatPickerInput,
+      typeRepeatPickerInput,
+      dayWeekRepeatPickerInput,
+      endDateInput,
+      endTypeInput,
+      endTimesInput,
+      dayOfMonthRepeatPickerInput,
+      dayOfYearRepeatPickerInput,
+      timezonePickerInput
+    },
+    dayOfMonthOptionsEnable,
+    dayOfWeekOptionsEnable,
+    dayOfYearOptionsEnable,
+    useTimezoneSelector
+  } = _ref;
   let display = 'Custom'; // frequency
 
   if (qtyRepeatPickerInput === 1) display = typeRepeat[typeRepeatPickerInput];else display = "every ".concat(qtyRepeatPickerInput, " ").concat(typeRepeatPickerInput, "s"); // type

package/esm/components/DateTimeRangeModal/DateTimeRangeModal.js

@@ -1,28 +1,30 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import React from 'react';
 import DSModal from '@elliemae/ds-modal';
 import DateTimePredefinedRangeSelectorImpl from '../DateTimeRangeModalImpl/DateTimeRangeModalImpl.js';
 
 class DateTimeRangeModal extends React.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    var _this;
 
-    _defineProperty(this, "state", {
+    super(...arguments);
+    _this = this;
+    this.state = {
       isValid: true
-    });
+    };
 
-    _defineProperty(this, "updateIsValid", (...data) => {
+    this.updateIsValid = function () {
       const {
         onCustomDateTimeRange = () => null,
         isValidRecurrence
-      } = this.props;
-      onCustomDateTimeRange(...data);
-      this.setState({
-        isValid: isValidRecurrence(...data)
+      } = _this.props;
+      onCustomDateTimeRange(...arguments);
+
+      _this.setState({
+        isValid: isValidRecurrence(...arguments)
       });
-    });
+    };
   }
 
   render() {

package/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'core-js/modules/es.string.replace.js';
@@ -29,20 +34,20 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "onChange", () => {
+    this.onChange = () => {
       const {
         onCustomDateTimeRange
       } = this.props;
       onCustomDateTimeRange(this.state);
-    });
+    };
 
-    _defineProperty(this, "onQtyRepeatPickerInput", value => {
+    this.onQtyRepeatPickerInput = value => {
       this.setState({
         qtyRepeatPickerInput: value.replace(/[^0-9]/g, '')
       }, () => {
         this.onChange();
       });
-    });
+    };
 
     const {
       dropdownDayOfMonthOptions,

package/esm/components/DateTimeRecurenceSelectorImpl.js

@@ -1,12 +1,19 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.filter.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 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { Component } from 'react';
 import { isEqual } from 'lodash';
 import 'react-dates/initialize';
 import { components } from 'react-select';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
+import { DSComboBox } from '@elliemae/ds-form';
 import DateTimeRangeModal from './DateTimeRangeModal/DateTimeRangeModal.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -23,7 +30,7 @@ class DateTimeRecurenceSelectorImpl extends Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "onChange", () => {
+    this.onChange = () => {
       const {
         onChange
       } = this.props;
@@ -32,15 +39,15 @@ class DateTimeRecurenceSelectorImpl extends Component {
         selected
       } = this.state;
       onChange(selected, customRange);
-    });
+    };
 
-    _defineProperty(this, "onCustomDateTimeRange", customRange => {
+    this.onCustomDateTimeRange = customRange => {
       this.setState({
         customRange
       });
-    });
+    };
 
-    _defineProperty(this, "onChangeDropdown", value => {
+    this.onChangeDropdown = value => {
       const {
         dropdownPreselectedOptions
       } = this.props;
@@ -62,9 +69,9 @@ class DateTimeRecurenceSelectorImpl extends Component {
           openModal: false
         });
       }
-    });
+    };
 
-    _defineProperty(this, "handleConfirm", () => {
+    this.handleConfirm = () => {
       const {
         onConfirmField,
         customOptionRender: CustomOptionRender,
@@ -88,33 +95,33 @@ class DateTimeRecurenceSelectorImpl extends Component {
       this.onChange();
       this.handleCloseModal();
       onConfirmField();
-    });
+    };
 
-    _defineProperty(this, "handleReject", () => {
+    this.handleReject = () => {
       const {
         onRejectField
       } = this.props;
       this.handleActionClose();
       onRejectField();
-    });
+    };
 
-    _defineProperty(this, "handleActionClose", () => {
+    this.handleActionClose = () => {
       this.setState(previousState => ({
         selected: previousState.previousSelection
       }));
       this.handleCloseModal();
-    });
+    };
 
-    _defineProperty(this, "handleOpenModal", () => this.setState({
+    this.handleOpenModal = () => this.setState({
       openModal: true
-    }));
+    });
 
-    _defineProperty(this, "handleCloseModal", () => {
+    this.handleCloseModal = () => {
       this.setState({
         openModal: false
       });
       setTimeout(() => document.activeElement.blur(), 0); // https://github.com/reactjs/react-modal/issues/680
-    });
+    };
 
     this.initCustomRange = props.customRange;
     this.state = {

package/esm/components/DayOfMonthPicker/DayOfMonthPicker.js

@@ -1,23 +1,27 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
 import 'react';
-import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
+import { DSComboBox } from '@elliemae/ds-form';
 import { nthDay } from '../helpers/nthday.js';
 import { dropdownDayOfMonthOptions } from '../../options/dropdownDayOfMonthOptions.js';
 import FormLabel from '../Forms/FormLabel.js';
 import FormFieldGroup from '../Forms/FormFieldGroup.js';
 import FormGroup from '../Forms/FormGroup.js';
 
-const DaysOfMonthPicker = ({
-  onDayChange = () => null,
-  dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
-  dayOfMonthOptions = dropdownDayOfMonthOptions,
-  displayOptionsAsCurrentDate = true,
-  currentDate = null,
-  inputLabel = 'On',
-  dayOfMonthAsCurrentDateOptions,
-  displayMonthCustomOption
-}) => {
+const DaysOfMonthPicker = _ref => {
+  let {
+    onDayChange = () => null,
+    dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
+    dayOfMonthOptions = dropdownDayOfMonthOptions,
+    displayOptionsAsCurrentDate = true,
+    currentDate = null,
+    inputLabel = 'On',
+    dayOfMonthAsCurrentDateOptions,
+    displayMonthCustomOption
+  } = _ref;
   let options = dayOfMonthOptions;
 
   if (displayOptionsAsCurrentDate) {

package/esm/components/DayOfYearPicker/DayOfYearPicker.js

@@ -1,23 +1,27 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
 import 'react';
-import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
+import { DSComboBox } from '@elliemae/ds-form';
 import { nthDay } from '../helpers/nthday.js';
 import { dropdownDayOfMonthOptions } from '../../options/dropdownDayOfMonthOptions.js';
 import FormGroup from '../Forms/FormGroup.js';
 import FormLabel from '../Forms/FormLabel.js';
 import FormFieldGroup from '../Forms/FormFieldGroup.js';
 
-const DaysOfMonthPicker = ({
-  onDayChange = () => null,
-  dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
-  dayOfMonthOptions = dropdownDayOfMonthOptions,
-  displayOptionsAsCurrentDate = true,
-  currentDate = null,
-  inputLabel = 'On',
-  dayOfYearAsCurrentDateOptions,
-  displayYearCustomOption
-}) => {
+const DaysOfMonthPicker = _ref => {
+  let {
+    onDayChange = () => null,
+    dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
+    dayOfMonthOptions = dropdownDayOfMonthOptions,
+    displayOptionsAsCurrentDate = true,
+    currentDate = null,
+    inputLabel = 'On',
+    dayOfYearAsCurrentDateOptions,
+    displayYearCustomOption
+  } = _ref;
   let options = dayOfMonthOptions;
 
   if (displayOptionsAsCurrentDate) {