@elliemae/ds-date-time-recurrence-picker 2.3.0-alpha.8 → 2.3.0-next.2

package/cjs/DSDateTimeRecurrenceSelector.js

@@ -0,0 +1,199 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var reactDesc = require('react-desc');
+var DateTimeRecurenceSelectorImpl = require('./components/DateTimeRecurenceSelectorImpl.js');
+var dropdownPreselectedOptions = require('./options/dropdownPreselectedOptions.js');
+var dropdownRepeatOptions = require('./options/dropdownRepeatOptions.js');
+var dropdownDayOfWeekOptions = require('./options/dropdownDayOfWeekOptions.js');
+var dropdownDayOfMonthOptions = require('./options/dropdownDayOfMonthOptions.js');
+var dropdownDayOfYearOptions = require('./options/dropdownDayOfYearOptions.js');
+var endTypesOptions = require('./options/endTypesOptions.js');
+var CustomOptionRender = require('./components/CustomOptionRender/CustomOptionRender.js');
+var dropdownTimeZoneOptions = require('./options/dropdownTimeZoneOptions.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const DSDateTimeRecurrenceSelector = _ref => {
+  let {
+    containerProps = {},
+    className = '',
+    preselectedOptions = dropdownPreselectedOptions.dropdownPreselectedOptions,
+    repeatOptions = dropdownRepeatOptions.dropdownRepeatOptions,
+    endTypesOptions: endTypesOptions$1 = endTypesOptions.endTypesOptions,
+    endTimesOptions = endTypesOptions.endTimesOptions,
+    dayOfWeekOptions = dropdownDayOfWeekOptions.dropdownDayOfWeekOptions,
+    dayOfWeekOptionsEnable = true,
+    dayOfMonthOptions = dropdownDayOfMonthOptions.dropdownDayOfMonthOptions,
+    dayOfMonthOptionsEnable = true,
+    dayOfYearOptions = dropdownDayOfYearOptions.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.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__default["default"](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,
+    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: reactDesc.PropTypes.shape({}).description('Set of Properties attached to the main container'),
+  className: reactDesc.PropTypes.string.description('html class attribute'),
+  preselectedOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
+    label: reactDesc.PropTypes.string,
+    value: reactDesc.PropTypes.string
+  })).description('pre selected options'),
+  repeatOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
+    label: reactDesc.PropTypes.string,
+    value: reactDesc.PropTypes.string
+  })).description('repeat options'),
+  endTypesOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
+    label: reactDesc.PropTypes.string,
+    value: reactDesc.PropTypes.oneOf([endTypesOptions.endTypesOptions.NEVER, endTypesOptions.endTypesOptions.ON, endTypesOptions.endTypesOptions.AFTER])
+  })).description('end types options'),
+  endTimesOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
+    label: reactDesc.PropTypes.string,
+    value: reactDesc.PropTypes.string
+  })).description('end time options'),
+  dayOfWeekOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
+    label: reactDesc.PropTypes.string,
+    value: reactDesc.PropTypes.string
+  })).defaultValue('day of week options'),
+  dayOfWeekOptionsEnable: reactDesc.PropTypes.bool.description('whether to enable day of week options or not').defaultValue(true),
+  dayOfMonthOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
+    label: reactDesc.PropTypes.string,
+    value: reactDesc.PropTypes.string
+  })).description('day of month options'),
+  dayOfMonthOptionsEnable: reactDesc.PropTypes.bool.description('whether to enable day of month options or not').defaultValue(true),
+  dayOfYearOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
+    label: reactDesc.PropTypes.string,
+    value: reactDesc.PropTypes.string
+  })).description('day of year options'),
+  dayOfYearOptionsEnable: reactDesc.PropTypes.bool.description('whether to enable day of month options or not').defaultValue(true),
+  displayMonthCustomOption: reactDesc.PropTypes.bool.description('whether to display month custom options or not').defaultValue(false),
+  displayYearCustomOption: reactDesc.PropTypes.bool.description('whether to display year custom options or not').defaultValue(false),
+  dayOfMonthAsCurrentDateOptions: reactDesc.PropTypes.oneOf(['numberOfMonth', 'dayOfTheWeekOfMonth']).description('day of month as current date options').defaultValue(['numberOfMonth', 'dayOfTheWeekOfMonth']),
+  dayOfYearAsCurrentDateOptions: reactDesc.PropTypes.oneOf(['numberOfYear', 'dayOfTheMonthOfYear']).description('day of year as current date options').defaultValue(['numberOfYear', 'dayOfTheMonthOfYear']),
+  onChange: reactDesc.PropTypes.func.description('function called on change'),
+  placeholder: reactDesc.PropTypes.string.description('placeholder value').defaultValue('Select Range'),
+  modalSize: reactDesc.PropTypes.oneOf(['medium', 'small', 'large']).description('Size of the modal').defaultValue('medium'),
+  modalTitle: reactDesc.PropTypes.string.description('title of the modal').defaultValue('Report Scheduling'),
+  confirmLabel: reactDesc.PropTypes.string.description('label of confirm button').defaultValue('Apply'),
+  rejectLabel: reactDesc.PropTypes.string.description('Label of reject button').defaultValue('Cancel'),
+  modalType: reactDesc.PropTypes.oneOf(['confirm', 'alert']).description('type of modal').defaultValue('confirm'),
+  onConfirmField: reactDesc.PropTypes.func.description('function called on confirm'),
+  onRejectField: reactDesc.PropTypes.func.description('function called on reject'),
+  openModal: reactDesc.PropTypes.bool.description('modal open or closed'),
+  appElement: reactDesc.PropTypes.string.description('app element'),
+  value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('value'),
+  customRange: reactDesc.PropTypes.object.description('custom range'),
+  customOptionRender: reactDesc.PropTypes.element.description('custom renderer of options').defaultValue(CustomOptionRender),
+  displayCurrentMonthYear: reactDesc.PropTypes.bool.description('display current month year or not').defaultValue(true),
+  timeZoneOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
+    label: reactDesc.PropTypes.string,
+    value: reactDesc.PropTypes.string
+  })).description('time zone dropdown options'),
+  useTimezoneSelector: reactDesc.PropTypes.bool.description('use time zone selector or not').defaultValue(false),
+  allowMultipleDaysOfWeek: reactDesc.PropTypes.bool.description('allow multiple days of week or not').defaultValue(false),
+  advanceOption: reactDesc.PropTypes.shape({
+    label: reactDesc.PropTypes.string,
+    value: reactDesc.PropTypes.string,
+    isAdvance: true // true is required
+
+  }).description('advanced options'),
+  isValidRecurrence: reactDesc.PropTypes.func.description('is valid recurrence range or nor'),
+  validationMessage: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.element, reactDesc.PropTypes.string]).description('validation messagge'),
+  endDayBlocked: reactDesc.PropTypes.func.description('block end date'),
+  startDayBlocked: reactDesc.PropTypes.func.description('block start date'),
+  repeatFrecuencyCustomProps: reactDesc.PropTypes.shape({}).description('repeat frecuency custom props')
+};
+const DateTimeRecurenceSelectorWithSchema = reactDesc.describe(DSDateTimeRecurrenceSelector);
+DateTimeRecurenceSelectorWithSchema.propTypes = dateTimeRecurrenceSelectorProps;
+
+exports.dropdownPreselectedOptions = dropdownPreselectedOptions.dropdownPreselectedOptions;
+exports.DropdownRepeatOptionsTypes = dropdownRepeatOptions.DropdownRepeatOptionsTypes;
+exports.dropdownRepeatOptions = dropdownRepeatOptions.dropdownRepeatOptions;
+exports.dropdownDayOfWeekOptions = dropdownDayOfWeekOptions.dropdownDayOfWeekOptions;
+exports.dropdownDayOfMonthOptions = dropdownDayOfMonthOptions.dropdownDayOfMonthOptions;
+exports.dropdownDayOfYearOptions = dropdownDayOfYearOptions.dropdownDayOfYearOptions;
+exports.endTimesOptions = endTypesOptions.endTimesOptions;
+exports.endTypes = endTypesOptions.endTypes;
+exports.endTypesOptions = endTypesOptions.endTypesOptions;
+exports.DropdownTimeZoneTypes = dropdownTimeZoneOptions.DropdownTimeZoneTypes;
+exports.dropdownTimeZoneOptions = dropdownTimeZoneOptions.dropdownTimeZoneOptions;
+exports.DSDateTimeRecurrenceSelector = DSDateTimeRecurrenceSelector;
+exports.DateTimeRecurenceSelectorWithSchema = DateTimeRecurenceSelectorWithSchema;
+exports["default"] = DSDateTimeRecurrenceSelector;

package/cjs/__test__/DSDateTimeRecurrenceSelector.test.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+require('@testing-library/jest-dom/extend-expect');
+var react = require('@testing-library/react');
+var DSDateTimeRecurrenceSelector = require('../DSDateTimeRecurrenceSelector.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _DSDateTimeRecurrence;
+describe('DSDateTimeRecurrenceSelector', () => {
+  const root = document.createElement('div');
+  root.setAttribute('id', 'root');
+  document.body.appendChild(root);
+  const portalRoot = document.createElement('div');
+  portalRoot.setAttribute('id', 'portal-root');
+  document.body.appendChild(portalRoot);
+  test('open modal', async () => {
+    const {
+      getByText
+    } = react.render(_DSDateTimeRecurrence || (_DSDateTimeRecurrence = /*#__PURE__*/_jsx__default["default"](DSDateTimeRecurrenceSelector.DSDateTimeRecurrenceSelector, {
+      openModal: true
+    })));
+    await react.waitFor(() => getByText('Starts'));
+    expect(getByText('Starts')).toBeInTheDocument();
+  });
+});

package/cjs/components/AlertModal/DateTimeRangeModal.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var DSModal = require('@elliemae/ds-modal');
+var DateTimeRangeModalImpl = require('../DateTimeRangeModalImpl/DateTimeRangeModalImpl.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
+
+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__default["default"](DSModal__default["default"], {
+    appElement: appElement,
+    confirmLabel: confirmLabel,
+    isOpen: isOpen,
+    modalTitle: modalTitle,
+    modalType: modalType,
+    onClose: onClose,
+    onConfirm: onConfirmField,
+    onReject: onRejectField,
+    rejectLabel: rejectLabel,
+    size: modalSize
+  }, void 0, /*#__PURE__*/_jsx__default["default"](DateTimeRangeModalImpl, {
+    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
+  }));
+};
+
+module.exports = DateTimeRangeModal;

package/cjs/components/CustomOptionRender/CustomOptionRender.js

@@ -0,0 +1,93 @@
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dropdownRepeatOptions = require('../../options/dropdownRepeatOptions.js');
+var endTypesOptions = require('../../options/endTypesOptions.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const typeRepeat = {
+  [dropdownRepeatOptions.DropdownRepeatOptionsTypes.DAY]: 'Daily',
+  [dropdownRepeatOptions.DropdownRepeatOptionsTypes.WEEK]: 'Weekly',
+  [dropdownRepeatOptions.DropdownRepeatOptionsTypes.MONTH]: 'Monthly',
+  [dropdownRepeatOptions.DropdownRepeatOptionsTypes.YEAR]: 'Yearly'
+};
+/**
+ * @param root0
+ * @param root0.customRange
+ * @param root0.customRange.startDateInput
+ * @param root0.customRange.startTimeInput
+ * @param root0.customRange.qtyRepeatPickerInput
+ * @param root0.customRange.typeRepeatPickerInput
+ * @param root0.customRange.dayWeekRepeatPickerInput
+ * @param root0.customRange.endDateInput
+ * @param root0.customRange.endTypeInput
+ * @param root0.customRange.endTimesInput
+ * @param root0.customRange.dayOfMonthRepeatPickerInput
+ * @param root0.customRange.dayOfYearRepeatPickerInput
+ * @param root0.customRange.timezonePickerInput
+ * @param root0.dayOfMonthOptionsEnable
+ * @param root0.dayOfWeekOptionsEnable
+ * @param root0.dayOfYearOptionsEnable
+ * @param root0.useTimezoneSelector
+ * @customRange {
+startDateInput,
+startTimeInput,
+qtyRepeatPickerInput,
+typeRepeatPickerInput,
+dayWeekRepeatPickerInput,
+endDateInput,
+endTypeInput,
+endTimesInput,
+dayOfMonthRepeatPickerInput,
+dayOfYearRepeatPickerInput,
+timezonePickerInput
+}
+ */
+
+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
+
+  if (typeRepeatPickerInput === dropdownRepeatOptions.DropdownRepeatOptionsTypes.WEEK) {
+    display += dayOfWeekOptionsEnable ? " on ".concat(dayWeekRepeatPickerInput, " ") : '';
+  } else if (typeRepeatPickerInput === dropdownRepeatOptions.DropdownRepeatOptionsTypes.MONTH) {
+    display += dayOfMonthOptionsEnable ? " ".concat(dayOfMonthRepeatPickerInput, " ") : '';
+  } else if (typeRepeatPickerInput === dropdownRepeatOptions.DropdownRepeatOptionsTypes.YEAR) {
+    display += dayOfYearOptionsEnable ? " ".concat(dayOfYearRepeatPickerInput, " ") : '';
+  } // start & end
+
+
+  if (startDateInput && startDateInput.format) {
+    display += " starting on ".concat(startDateInput.format('MM/DD/YYYY'), " at ").concat(startTimeInput.format('HH:mm A'));
+  }
+
+  if (endTypeInput === endTypesOptions.endTypes.ON) display += ", until ".concat(endDateInput.format('MM/DD/YYYY'), " ");else if (endTypeInput === endTypesOptions.endTypes.AFTER) display += ", for ".concat(endTimesInput, " times");
+  if (useTimezoneSelector && timezonePickerInput) display += " [".concat(timezonePickerInput, "]");
+  return /*#__PURE__*/_jsx__default["default"]("em", {}, void 0, display);
+};
+
+module.exports = CustomOptionRender;

package/cjs/components/DateTimeRangeModal/DateTimeRangeModal.js

@@ -0,0 +1,122 @@
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var DSModal = require('@elliemae/ds-modal');
+var DateTimeRangeModalImpl = require('../DateTimeRangeModalImpl/DateTimeRangeModalImpl.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
+
+class DateTimeRangeModal extends React__default["default"].Component {
+  constructor() {
+    var _this;
+
+    super(...arguments);
+    _this = this;
+    this.state = {
+      isValid: true
+    };
+
+    this.updateIsValid = function () {
+      const {
+        onCustomDateTimeRange = () => null,
+        isValidRecurrence
+      } = _this.props;
+      onCustomDateTimeRange(...arguments);
+
+      _this.setState({
+        isValid: isValidRecurrence(...arguments)
+      });
+    };
+  }
+
+  render() {
+    const {
+      isOpen = false,
+      onClose = () => null,
+      modalTitle = 'Report Scheduling',
+      // modalSize = 'medium',
+      confirmLabel = 'Apply',
+      rejectLabel = 'Cancel',
+      modalType = 'confirm',
+      onConfirmField = () => null,
+      onRejectField = () => null,
+      appElement = null,
+      displayCurrentMonthYear = true,
+      dropdownDayOfMonthOptions = [],
+      dropdownDayOfWeekOptions = [],
+      dropdownDayOfYearOptions = [],
+      dropdownRepeatOptions = [],
+      rangeValue = {},
+      dayOfMonthOptionsEnable = true,
+      dayOfWeekOptionsEnable = true,
+      dayOfYearOptionsEnable = true,
+      timeZoneOptions = [],
+      useTimezoneSelector = false,
+      allowMultipleDaysOfWeek = false,
+      endTimesOptions,
+      endTypesOptions,
+      dayOfMonthAsCurrentDateOptions,
+      dayOfYearAsCurrentDateOptions,
+      isValidRecurrence,
+      validationMessage,
+      startDayBlocked,
+      endDayBlocked,
+      repeatFrecuencyCustomProps,
+      displayMonthCustomOption,
+      displayYearCustomOption
+    } = this.props;
+    const {
+      isValid
+    } = this.state;
+    return /*#__PURE__*/_jsx__default["default"](DSModal__default["default"], {
+      appElement: appElement,
+      centered: false,
+      confirmLabel: confirmLabel,
+      isOpen: isOpen,
+      modalTitle: modalTitle,
+      modalType: modalType,
+      onClose: onClose,
+      onConfirm: onConfirmField,
+      onReject: onRejectField,
+      overridePropsConfirmButton: {
+        disabled: !isValid
+      },
+      rejectLabel: rejectLabel,
+      size: "small"
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DateTimeRangeModalImpl, {
+      allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
+      dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
+      dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
+      dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
+      dayOfYearAsCurrentDateOptions: dayOfYearAsCurrentDateOptions,
+      dayOfYearOptionsEnable: dayOfYearOptionsEnable,
+      displayCurrentMonthYear: displayCurrentMonthYear,
+      displayMonthCustomOption: displayMonthCustomOption,
+      displayYearCustomOption: displayYearCustomOption,
+      dropdownDayOfMonthOptions: dropdownDayOfMonthOptions,
+      dropdownDayOfWeekOptions: dropdownDayOfWeekOptions,
+      dropdownDayOfYearOptions: dropdownDayOfYearOptions,
+      dropdownRepeatOptions: dropdownRepeatOptions,
+      endDayBlocked: endDayBlocked,
+      endTimesOptions: endTimesOptions,
+      endTypesOptions: endTypesOptions,
+      isValidRecurrence: isValidRecurrence,
+      onCustomDateTimeRange: this.updateIsValid,
+      rangeValue: rangeValue,
+      repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
+      startDayBlocked: startDayBlocked,
+      timeZoneOptions: timeZoneOptions,
+      useTimezoneSelector: useTimezoneSelector,
+      validationMessage: validationMessage
+    }));
+  }
+
+}
+
+module.exports = DateTimeRangeModal;