@elliemae/ds-date-time-recurrence-picker 2.3.1 → 3.0.0-alpha.3

package/esm/components/AlertModal/DateTimeRangeModal.js

@@ -1,60 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import DSModal from '@elliemae/ds-modal';
-import DateTimePredefinedRangeSelectorImpl from '../DateTimeRangeModalImpl/DateTimeRangeModalImpl.js';
-
-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

@@ -1,87 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { DropdownRepeatOptionsTypes } from '../../options/dropdownRepeatOptions.js';
-import { endTypes } from '../../options/endTypesOptions.js';
-
-const typeRepeat = {
-  [DropdownRepeatOptionsTypes.DAY]: 'Daily',
-  [DropdownRepeatOptionsTypes.WEEK]: 'Weekly',
-  [DropdownRepeatOptionsTypes.MONTH]: 'Monthly',
-  [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 === DropdownRepeatOptionsTypes.WEEK) {
-    display += dayOfWeekOptionsEnable ? " on ".concat(dayWeekRepeatPickerInput, " ") : '';
-  } else if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH) {
-    display += dayOfMonthOptionsEnable ? " ".concat(dayOfMonthRepeatPickerInput, " ") : '';
-  } else if (typeRepeatPickerInput === 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 === endTypes.ON) display += ", until ".concat(endDateInput.format('MM/DD/YYYY'), " ");else if (endTypeInput === endTypes.AFTER) display += ", for ".concat(endTimesInput, " times");
-  if (useTimezoneSelector && timezonePickerInput) display += " [".concat(timezonePickerInput, "]");
-  return /*#__PURE__*/_jsx("em", {}, void 0, display);
-};
-
-export { CustomOptionRender as default };

package/esm/components/DateTimeRangeModal/DateTimeRangeModal.js

@@ -1,114 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-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() {
-    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(DSModal, {
-      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(DateTimePredefinedRangeSelectorImpl, {
-      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
-    }));
-  }
-
-}
-
-export { DateTimeRangeModal as default };

package/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js

@@ -1,306 +0,0 @@
-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';
-import { Component } from 'react';
-import moment from 'moment';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import DSModal from '@elliemae/ds-modal';
-import { DropdownRepeatOptionsTypes } from '../../options/dropdownRepeatOptions.js';
-import { dropdownTimeZoneOptions } from '../../options/dropdownTimeZoneOptions.js';
-import RepeatPickerInput from '../RepeatPickerInput/RepeatPickerInput.js';
-import DaysOfWeekPicker from '../DaysOfWeekPicker/DaysOfWeekPicker.js';
-import StartDateTime from '../StartDateTime/StartDateTime.js';
-import EndDate from '../EndDate/EndDate.js';
-import DaysOfMonthPicker from '../DayOfMonthPicker/DayOfMonthPicker.js';
-import DaysOfMonthPicker$1 from '../DayOfYearPicker/DayOfYearPicker.js';
-import TimeZonePicker from '../TimeZonePicker/TimeZonePicker.js';
-import ValidationMessage from '../ValidationMessage/ValidationMessage.js';
-
-var _hr, _p;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const {
-  cssClassName
-} = convertPropToCssClassName('date-time-predefined-range-selector');
-
-class DateTimePredefinedRangeSelectorImpl extends Component {
-  constructor(props) {
-    super(props);
-
-    this.onChange = () => {
-      const {
-        onCustomDateTimeRange
-      } = this.props;
-      onCustomDateTimeRange(this.state);
-    };
-
-    this.onQtyRepeatPickerInput = value => {
-      this.setState({
-        qtyRepeatPickerInput: value.replace(/[^0-9]/g, '')
-      }, () => {
-        this.onChange();
-      });
-    };
-
-    const {
-      dropdownDayOfMonthOptions,
-      dropdownDayOfWeekOptions,
-      dropdownDayOfYearOptions,
-      dropdownRepeatOptions,
-      dayOfMonthOptionsEnable,
-      dayOfWeekOptionsEnable,
-      dayOfYearOptionsEnable,
-      useTimezoneSelector,
-      rangeValue: {
-        startDateInput,
-        startTimeInput,
-        qtyRepeatPickerInput,
-        typeRepeatPickerInput,
-        dayWeekRepeatPickerInput,
-        endDateInput,
-        endTypeInput,
-        endTimesInput,
-        dayOfMonthRepeatPickerInput,
-        dayOfYearRepeatPickerInput,
-        timezonePickerInput
-      }
-    } = props;
-    this.state = {
-      alertReplace: '',
-      alertModal: false,
-      startDateInput: startDateInput || moment(),
-      startTimeInput: startTimeInput || moment(),
-      qtyRepeatPickerInput: qtyRepeatPickerInput || 1,
-      typeRepeatPickerInput: typeRepeatPickerInput || dropdownRepeatOptions[0].value,
-      dayWeekRepeatPickerInput: !dayOfWeekOptionsEnable ? null : dayWeekRepeatPickerInput || dropdownDayOfWeekOptions[0].value,
-      endDateInput: endDateInput || moment(),
-      endTypeInput: endTypeInput || props.endTypesOptions[0].value,
-      endTimesInput: endTimesInput || props.endTimesOptions[0].value,
-      dayOfMonthRepeatPickerInput: !dayOfMonthOptionsEnable ? null : dayOfMonthRepeatPickerInput || dropdownDayOfMonthOptions[0].value,
-      dayOfYearRepeatPickerInput: !dayOfYearOptionsEnable ? null : dayOfYearRepeatPickerInput || dropdownDayOfYearOptions[0].value,
-      timezonePickerInput: !useTimezoneSelector ? null : timezonePickerInput || dropdownTimeZoneOptions[0].value
-    };
-    this.onChange();
-    this.onStartDateChangeInput = this.onStartDateChangeInput.bind(this);
-    this.onStartTimeChangeInput = this.onStartTimeChangeInput.bind(this);
-    this.onTimeZonePickerInput = this.onTimeZonePickerInput.bind(this);
-    this.onTypeRepeatPickerInput = this.onTypeRepeatPickerInput.bind(this);
-    this.onDayOfWeekRepeatPickerInput = this.onDayOfWeekRepeatPickerInput.bind(this);
-    this.onDayOfMonthRepeatChangeInput = this.onDayOfMonthRepeatChangeInput.bind(this);
-    this.onDayOfYearRepeatChangeInput = this.onDayOfYearRepeatChangeInput.bind(this);
-    this.onEndDateChangeInput = this.onEndDateChangeInput.bind(this);
-    this.onEndTimesChangeInput = this.onEndTimesChangeInput.bind(this);
-    this.onEndTypeChangeInput = this.onEndTypeChangeInput.bind(this);
-  }
-
-  onTypeRepeatPickerInput(value) {
-    const update = {
-      typeRepeatPickerInput: value
-    };
-
-    if (value !== DropdownRepeatOptionsTypes.MONTH) {
-      update.dayOfMonthRepeatPickerInput = undefined;
-      update.dayOfMonthRepeatPickerKey = undefined;
-    }
-
-    if (value !== DropdownRepeatOptionsTypes.YEAR) {
-      update.dayOfYearRepeatPickerInput = undefined;
-      update.dayOfYearRepeatPickerKey = undefined;
-    }
-
-    this.setState(_objectSpread({}, update), () => {
-      this.onChange();
-    });
-  }
-
-  onDayOfWeekRepeatPickerInput(value) {
-    this.setState({
-      dayWeekRepeatPickerInput: value
-    }, () => {
-      this.onChange();
-    });
-  }
-
-  onEndTypeChangeInput(value) {
-    this.setState({
-      endTypeInput: value
-    }, () => {
-      this.onChange();
-    });
-  }
-
-  onEndTimesChangeInput(value) {
-    this.setState({
-      endTimesInput: value
-    }, () => {
-      this.onChange();
-    });
-  }
-
-  onEndDateChangeInput(value) {
-    this.setState({
-      endDateInput: value
-    }, () => {
-      this.onChange();
-    });
-  }
-
-  onStartDateChangeInput(value) {
-    this.setState({
-      startDateInput: value
-    }, () => {
-      this.onChange();
-    });
-  }
-
-  onStartTimeChangeInput(value) {
-    this.setState({
-      startTimeInput: value
-    }, () => {
-      this.onChange();
-    });
-  }
-
-  onDayOfMonthRepeatChangeInput(value, option) {
-    this.setState({
-      dayOfMonthRepeatPickerInput: value,
-      dayOfMonthRepeatPickerKey: option.dayOfMonthRepeatPickerKey,
-      alertModal: option.number > 28 || (option.numberLabel || '').includes('Fifth'),
-      alertReplace: option.number || "".concat(option.numberLabel, " ")
-    }, () => {
-      this.onChange();
-    });
-  }
-
-  onDayOfYearRepeatChangeInput(value, option) {
-    this.setState({
-      dayOfYearRepeatPickerInput: value,
-      dayOfYearRepeatPickerKey: option.dayOfYearRepeatPickerKey
-    }, () => {
-      this.onChange();
-    });
-  }
-
-  onTimeZonePickerInput(value) {
-    this.setState({
-      timezonePickerInput: value
-    }, () => {
-      this.onChange();
-    });
-  }
-
-  render() {
-    const {
-      alertModal,
-      alertReplace,
-      qtyRepeatPickerInput,
-      typeRepeatPickerInput,
-      dayWeekRepeatPickerInput,
-      endDateInput,
-      endTypeInput,
-      endTimesInput,
-      startDateInput,
-      startTimeInput,
-      dayOfMonthRepeatPickerInput,
-      dayOfYearRepeatPickerInput,
-      timezonePickerInput
-    } = this.state;
-    const {
-      displayCurrentMonthYear,
-      dropdownDayOfMonthOptions,
-      dropdownDayOfWeekOptions,
-      dropdownDayOfYearOptions,
-      dropdownRepeatOptions,
-      dayOfMonthOptionsEnable,
-      dayOfWeekOptionsEnable,
-      dayOfYearOptionsEnable,
-      timeZoneOptions,
-      useTimezoneSelector,
-      allowMultipleDaysOfWeek,
-      endTimesOptions,
-      endTypesOptions,
-      dayOfMonthAsCurrentDateOptions,
-      dayOfYearAsCurrentDateOptions,
-      validationMessage,
-      endDayBlocked,
-      startDayBlocked,
-      repeatFrecuencyCustomProps,
-      displayMonthCustomOption,
-      displayYearCustomOption
-    } = this.props;
-    return /*#__PURE__*/_jsx("div", {
-      className: "".concat(cssClassName)
-    }, void 0, /*#__PURE__*/_jsx(StartDateTime, {
-      onStartDateChange: this.onStartDateChangeInput,
-      onStartTimeChange: this.onStartTimeChangeInput,
-      startDateValue: startDateInput,
-      startDayBlocked: startDayBlocked,
-      startTimeValue: startTimeInput
-    }), useTimezoneSelector && /*#__PURE__*/_jsx(TimeZonePicker, {
-      onTimezoneChange: this.onTimeZonePickerInput,
-      timezoneOptions: timeZoneOptions,
-      timezoneValue: timezonePickerInput
-    }), /*#__PURE__*/_jsx(RepeatPickerInput, {
-      onQtyChange: this.onQtyRepeatPickerInput,
-      onTypeChange: this.onTypeRepeatPickerInput,
-      qtyValue: qtyRepeatPickerInput,
-      repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
-      repeatOptions: dropdownRepeatOptions,
-      repeatOptionsValue: typeRepeatPickerInput
-    }), dayOfWeekOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK && /*#__PURE__*/_jsx(DaysOfWeekPicker, {
-      active: dayWeekRepeatPickerInput,
-      allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
-      onDayChange: this.onDayOfWeekRepeatPickerInput,
-      options: dropdownDayOfWeekOptions
-    }), dayOfMonthOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH && /*#__PURE__*/_jsx(DaysOfMonthPicker, {
-      currentDate: startDateInput,
-      dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
-      dayOfMonthOptions: dropdownDayOfMonthOptions,
-      dayOfMonthValue: dayOfMonthRepeatPickerInput,
-      displayMonthCustomOption: displayMonthCustomOption,
-      displayOptionsAsCurrentDate: displayCurrentMonthYear,
-      onDayChange: this.onDayOfMonthRepeatChangeInput
-    }), dayOfYearOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR && /*#__PURE__*/_jsx(DaysOfMonthPicker$1, {
-      currentDate: startDateInput,
-      dayOfMonthOptions: dropdownDayOfYearOptions,
-      dayOfMonthValue: dayOfYearRepeatPickerInput,
-      dayOfYearAsCurrentDateOptions: dayOfYearAsCurrentDateOptions,
-      displayOptionsAsCurrentDate: displayCurrentMonthYear,
-      displayYearCustomOption: displayYearCustomOption,
-      onDayChange: this.onDayOfYearRepeatChangeInput
-    }), _hr || (_hr = /*#__PURE__*/_jsx("hr", {})), /*#__PURE__*/_jsx(EndDate, {
-      endDateValue: endDateInput,
-      endDayBlocked: endDayBlocked,
-      endTimesOptions: endTimesOptions,
-      endTimesValue: endTimesInput,
-      endTypesOptions: endTypesOptions,
-      endTypeValue: endTypeInput,
-      onEndDateChange: this.onEndDateChangeInput,
-      onEndTimesChange: this.onEndTimesChangeInput,
-      onEndTypeChange: this.onEndTypeChangeInput
-    }), /*#__PURE__*/_jsx(DSModal, {
-      className: "datetime-alert-modal",
-      isOpen: alertModal,
-      modalTitle: "Some months have fewer  than ".concat(alertReplace, " days") // modalType={modalType}
-      ,
-      onClose: () => this.setState({
-        alertModal: false
-      }),
-      onConfirm: () => this.setState({
-        alertModal: false
-      })
-    }, void 0, _p || (_p = /*#__PURE__*/_jsx("p", {}, void 0, "For these months, the occurrence will fall on the last day of the month."))), validationMessage && /*#__PURE__*/_jsx(ValidationMessage, {
-      validationMessage: validationMessage
-    }));
-  }
-
-}
-
-export { DateTimePredefinedRangeSelectorImpl as default };