@elliemae/ds-date-time-recurrence-picker 2.0.0-next.1 → 2.0.0-next.13

package/cjs/components/DaysOfWeekPicker/DaysOfWeekPicker.js

@@ -1,12 +1,11 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
-var DSRadioGroup = require('@elliemae/ds-basic/form/RadioGroup');
-var DSRadio = require('@elliemae/ds-basic/form/Radio');
-var DSCheckboxGroup = require('@elliemae/ds-basic/form/CheckboxGroup');
-var DSCheckbox = require('@elliemae/ds-basic/form/Checkbox');
+var dsForm = require('@elliemae/ds-form');
 var dropdownDayOfWeekOptions = require('../../options/dropdownDayOfWeekOptions.js');
 var FormGroup = require('../Forms/FormGroup.js');
 var FormFieldGroup = require('../Forms/FormFieldGroup.js');
@@ -15,10 +14,6 @@ var FormLabel = require('../Forms/FormLabel.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSRadioGroup__default = /*#__PURE__*/_interopDefaultLegacy(DSRadioGroup);
-var DSRadio__default = /*#__PURE__*/_interopDefaultLegacy(DSRadio);
-var DSCheckboxGroup__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckboxGroup);
-var DSCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckbox);
 
 const {
   cssClassName
@@ -30,37 +25,44 @@ const getActive = (allowMultipleDaysOfWeek, active) => {
   return [active];
 };
 
-const DaysOfWeekPicker = ({
-  allowMultipleDaysOfWeek = false,
-  onDayChange = () => null,
-  active = dropdownDayOfWeekOptions.dropdownDayOfWeekOptions[0].value,
-  options = dropdownDayOfWeekOptions.dropdownDayOfWeekOptions,
-  inputLabel = 'On'
-}) => {
+const DaysOfWeekPicker = _ref => {
+  let {
+    allowMultipleDaysOfWeek = false,
+    onDayChange = () => null,
+    active = dropdownDayOfWeekOptions.dropdownDayOfWeekOptions[0].value,
+    options = dropdownDayOfWeekOptions.dropdownDayOfWeekOptions,
+    inputLabel = 'On'
+  } = _ref;
   const safeActive = getActive(allowMultipleDaysOfWeek, active);
   return /*#__PURE__*/_jsx__default["default"](FormGroup, {
     className: cssClassName
-  }, void 0, /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, inputLabel), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, !allowMultipleDaysOfWeek && /*#__PURE__*/_jsx__default["default"](DSRadioGroup__default["default"], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, inputLabel), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, !allowMultipleDaysOfWeek && /*#__PURE__*/_jsx__default["default"](dsForm.DSRadioGroup, {
     activeValue: safeActive,
     onChange: onDayChange,
     orientation: "horizontal"
-  }, void 0, options.map(({
-    label,
-    value
-  }, index) => /*#__PURE__*/_jsx__default["default"](DSRadio__default["default"], {
-    labelText: label,
-    value: value
-  }, index))), allowMultipleDaysOfWeek && /*#__PURE__*/_jsx__default["default"](DSCheckboxGroup__default["default"], {
+  }, void 0, options.map((_ref2, index) => {
+    let {
+      label,
+      value
+    } = _ref2;
+    return /*#__PURE__*/_jsx__default["default"](dsForm.DSRadio, {
+      labelText: label,
+      value: value
+    }, index);
+  })), allowMultipleDaysOfWeek && /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckboxGroup, {
     activeValue: safeActive,
     onChange: onDayChange,
     orientation: "horizontal"
-  }, void 0, options.map(({
-    label,
-    value
-  }, index) => /*#__PURE__*/_jsx__default["default"](DSCheckbox__default["default"], {
-    labelText: label,
-    value: value
-  }, index)))));
+  }, void 0, options.map((_ref3, index) => {
+    let {
+      label,
+      value
+    } = _ref3;
+    return /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
+      labelText: label,
+      value: value
+    }, index);
+  }))));
 };
 
 module.exports = DaysOfWeekPicker;

package/cjs/components/EndDate/EndDate.js

@@ -3,7 +3,7 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var DSDatePicker = require('@elliemae/ds-date-picker');
-var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
+var dsForm = require('@elliemae/ds-form');
 var endTypesOptions = require('../../options/endTypesOptions.js');
 var FormField = require('../Forms/FormField.js');
 var FormLabel = require('../Forms/FormLabel.js');
@@ -14,35 +14,37 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSDatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DSDatePicker);
-var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
 
 var _FormLabel, _FormField;
 
-const EndDate = ({
-  onEndDateChange = () => null,
-  onEndTypeChange = () => null,
-  onEndTimesChange = () => null,
-  endDateValue = null,
-  endTypeValue = null,
-  endTypesOptions: endTypesOptions$1 = [],
-  endTimesOptions = [],
-  endTimesValue = null,
-  endDayBlocked
-}) => /*#__PURE__*/_jsx__default["default"](FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, "Ends")), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSComboBox__default["default"], {
-  onChange: onEndTypeChange,
-  options: endTypesOptions$1,
-  value: endTypeValue
-})), endTypeValue === endTypesOptions.endTypes.NEVER && (_FormField || (_FormField = /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {})))), endTypeValue === endTypesOptions.endTypes.ON && /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSDatePicker__default["default"], {
-  appendToBody: true,
-  date: endDateValue,
-  isDayBlocked: endDayBlocked,
-  onDateChange: onEndDateChange,
-  openDirection: "up",
-  zIndex: 10
-})), endTypeValue === endTypesOptions.endTypes.AFTER && /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSComboBox__default["default"], {
-  onChange: onEndTimesChange,
-  options: endTimesOptions,
-  value: endTimesValue
-}))));
+const EndDate = _ref => {
+  let {
+    onEndDateChange = () => null,
+    onEndTypeChange = () => null,
+    onEndTimesChange = () => null,
+    endDateValue = null,
+    endTypeValue = null,
+    endTypesOptions: endTypesOptions$1 = [],
+    endTimesOptions = [],
+    endTimesValue = null,
+    endDayBlocked
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, "Ends")), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
+    onChange: onEndTypeChange,
+    options: endTypesOptions$1,
+    value: endTypeValue
+  })), endTypeValue === endTypesOptions.endTypes.NEVER && (_FormField || (_FormField = /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {})))), endTypeValue === endTypesOptions.endTypes.ON && /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSDatePicker__default["default"], {
+    appendToBody: true,
+    date: endDateValue,
+    isDayBlocked: endDayBlocked,
+    onDateChange: onEndDateChange,
+    openDirection: "up",
+    zIndex: 10
+  })), endTypeValue === endTypesOptions.endTypes.AFTER && /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
+    onChange: onEndTimesChange,
+    options: endTimesOptions,
+    value: endTimesValue
+  }))));
+};
 
 module.exports = EndDate;

package/cjs/components/FieldWrapper/FieldWrapper.js

@@ -12,11 +12,12 @@ const {
   cssClassName
 } = dsClassnames.convertPropToCssClassName('field-wrapper');
 
-function FieldWrapper({
-  children
-}) {
+function FieldWrapper(_ref) {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_jsx__default["default"]("div", {
-    className: `${cssClassName}`
+    className: "".concat(cssClassName)
   }, void 0, children);
 }
 

package/cjs/components/LabelWrapper/LabelWrapper.js

@@ -12,11 +12,12 @@ const {
   cssClassName
 } = dsClassnames.convertPropToCssClassName('label-wrapper');
 
-function LabelWrapper({
-  children
-}) {
+function LabelWrapper(_ref) {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_jsx__default["default"]("div", {
-    className: `${cssClassName}`
+    className: "".concat(cssClassName)
   }, void 0, children);
 }
 

package/cjs/components/RepeatPickerInput/RepeatPickerInput.js

@@ -3,10 +3,15 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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 dsClassnames = require('@elliemae/ds-classnames');
-var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
-var DSTextBox = require('@elliemae/ds-basic/form/TextBox');
+var dsForm = require('@elliemae/ds-form');
 var FormGroup = require('../Forms/FormGroup.js');
 var FormLabel = require('../Forms/FormLabel.js');
 var FormFieldGroup = require('../Forms/FormFieldGroup.js');
@@ -18,8 +23,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
-var DSTextBox__default = /*#__PURE__*/_interopDefaultLegacy(DSTextBox);
 
 const _excluded = ["onChange", "onKeyDown", "value"];
 
@@ -30,22 +33,23 @@ const {
   cssClassName
 } = dsClassnames.convertPropToCssClassName('repeat-picker-input-range-selector');
 
-const RepeatPickerInput = ({
-  onQtyChange = () => null,
-  onTypeChange = () => null,
-  qtyValue = 1,
-  repeatOptions = [],
-  repeatOptionsValue = null,
-  repeatInputLabel = 'Repeats every',
-  repeatFrecuencyCustomProps = {}
-}) => {
+const RepeatPickerInput = _ref => {
+  let {
+    onQtyChange = () => null,
+    onTypeChange = () => null,
+    qtyValue = 1,
+    repeatOptions = [],
+    repeatOptionsValue = null,
+    repeatInputLabel = 'Repeats every',
+    repeatFrecuencyCustomProps = {}
+  } = _ref;
   const [last, setLast] = React.useState('');
 
   const rest = _objectWithoutProperties__default["default"](repeatFrecuencyCustomProps, _excluded);
 
   return /*#__PURE__*/_jsx__default["default"](FormGroup, {
     className: cssClassName
-  }, void 0, /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, repeatInputLabel), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(DSTextBox__default["default"], _objectSpread({
+  }, void 0, /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, repeatInputLabel), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(dsForm.DSTextBox, _objectSpread({
     onChange: e => {
       if (last !== 69) onQtyChange(e.target.value);
     },
@@ -55,7 +59,7 @@ const RepeatPickerInput = ({
     },
     type: "number",
     value: qtyValue
-  }, rest || {}))), /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSComboBox__default["default"], {
+  }, rest || {}))), /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
     onChange: onTypeChange,
     options: repeatOptions,
     value: repeatOptionsValue

package/cjs/components/StartDateTime/StartDateTime.js

@@ -3,7 +3,7 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var DSDatePicker = require('@elliemae/ds-date-picker');
-var DSTimePicker = require('@elliemae/ds-basic/TimePicker');
+var DSTimePicker = require('@elliemae/ds-time-picker');
 var FormLabel = require('../Forms/FormLabel.js');
 var FormFieldGroup = require('../Forms/FormFieldGroup.js');
 var FormGroup = require('../Forms/FormGroup.js');
@@ -17,23 +17,26 @@ var DSTimePicker__default = /*#__PURE__*/_interopDefaultLegacy(DSTimePicker);
 
 var _FormLabel;
 
-const StartDateTime = ({
-  onStartDateChange = () => null,
-  onStartTimeChange = () => null,
-  startDateValue = null,
-  startTimeValue = null,
-  startDayBlocked
-}) => /*#__PURE__*/_jsx__default["default"](FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, "Starts")), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSDatePicker__default["default"], {
-  appendToBody: true,
-  date: startDateValue,
-  isDayBlocked: startDayBlocked,
-  keepOpenOnDateSelect: false,
-  onDateChange: onStartDateChange,
-  zIndex: 10
-})), /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTimePicker__default["default"], {
-  onChange: onStartTimeChange,
-  value: startTimeValue,
-  zIndex: 10
-}))));
+const StartDateTime = _ref => {
+  let {
+    onStartDateChange = () => null,
+    onStartTimeChange = () => null,
+    startDateValue = null,
+    startTimeValue = null,
+    startDayBlocked
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, "Starts")), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSDatePicker__default["default"], {
+    appendToBody: true,
+    date: startDateValue,
+    isDayBlocked: startDayBlocked,
+    keepOpenOnDateSelect: false,
+    onDateChange: onStartDateChange,
+    zIndex: 10
+  })), /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTimePicker__default["default"], {
+    onChange: onStartTimeChange,
+    value: startTimeValue,
+    zIndex: 10
+  }))));
+};
 
 module.exports = StartDateTime;

package/cjs/components/TimeZonePicker/TimeZonePicker.js

@@ -3,7 +3,7 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
-var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
+var dsForm = require('@elliemae/ds-form');
 var dropdownTimeZoneOptions = require('../../options/dropdownTimeZoneOptions.js');
 var FieldWrapper = require('../FieldWrapper/FieldWrapper.js');
 var LabelWrapper = require('../LabelWrapper/LabelWrapper.js');
@@ -11,32 +11,34 @@ var LabelWrapper = require('../LabelWrapper/LabelWrapper.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
 
 const {
   cssClassName,
   classNameElement
 } = dsClassnames.convertPropToCssClassName('timezone-picker-input-range-selector');
 
-const TimeZonePicker = ({
-  onTimezoneChange = () => null,
-  timezoneValue = dropdownTimeZoneOptions.dropdownTimeZoneOptions[0].value,
-  timezoneOptions = dropdownTimeZoneOptions.dropdownTimeZoneOptions,
-  inputLabel = 'Time Zone'
-}) => /*#__PURE__*/_jsx__default["default"]("div", {
-  className: `${cssClassName}`
-}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
-  className: "grid-x"
-}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
-  className: "cell medium-4 large-3"
-}, void 0, /*#__PURE__*/_jsx__default["default"](LabelWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
-  className: `${classNameElement('label')}`
-}, void 0, inputLabel))), /*#__PURE__*/_jsx__default["default"]("div", {
-  className: "cell medium-8 large-9"
-}, void 0, /*#__PURE__*/_jsx__default["default"](FieldWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSComboBox__default["default"], {
-  onChange: onTimezoneChange,
-  options: timezoneOptions,
-  value: timezoneValue
-})))));
+const TimeZonePicker = _ref => {
+  let {
+    onTimezoneChange = () => null,
+    timezoneValue = dropdownTimeZoneOptions.dropdownTimeZoneOptions[0].value,
+    timezoneOptions = dropdownTimeZoneOptions.dropdownTimeZoneOptions,
+    inputLabel = 'Time Zone'
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("div", {
+    className: "".concat(cssClassName)
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
+    className: "grid-x"
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
+    className: "cell medium-4 large-3"
+  }, void 0, /*#__PURE__*/_jsx__default["default"](LabelWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
+    className: "".concat(classNameElement('label'))
+  }, void 0, inputLabel))), /*#__PURE__*/_jsx__default["default"]("div", {
+    className: "cell medium-8 large-9"
+  }, void 0, /*#__PURE__*/_jsx__default["default"](FieldWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
+    onChange: onTimezoneChange,
+    options: timezoneOptions,
+    value: timezoneValue
+  })))));
+};
 
 module.exports = TimeZonePicker;

package/cjs/components/ValidationMessage/ValidationMessage.js

@@ -12,10 +12,13 @@ const {
   cssClassName
 } = dsClassnames.convertPropToCssClassName('recurrence-selector-validation-message');
 
-const ValidationMessage = ({
-  validationMessage = ''
-}) => /*#__PURE__*/_jsx__default["default"]("div", {
-  className: cssClassName
-}, void 0, validationMessage);
+const ValidationMessage = _ref => {
+  let {
+    validationMessage = ''
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("div", {
+    className: cssClassName
+  }, void 0, validationMessage);
+};
 
 module.exports = ValidationMessage;

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'),