@elliemae/ds-date-time-recurrence-picker 2.2.0-alpha.2 → 2.2.0-beta.0

package/esm/components/CustomOptionRender/CustomOptionRender.js

@@ -1,57 +1,87 @@
-import * as React from "react";
-import React2 from "react";
-import { DropdownRepeatOptionsTypes } from "../../options/dropdownRepeatOptions";
-import { endTypes } from "../../options/endTypesOptions";
+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"
+  [DropdownRepeatOptionsTypes.DAY]: 'Daily',
+  [DropdownRepeatOptionsTypes.WEEK]: 'Weekly',
+  [DropdownRepeatOptionsTypes.MONTH]: 'Monthly',
+  [DropdownRepeatOptionsTypes.YEAR]: 'Yearly'
 };
-const CustomOptionRender = ({
-  customRange: {
-    startDateInput,
-    startTimeInput,
-    qtyRepeatPickerInput,
-    typeRepeatPickerInput,
-    dayWeekRepeatPickerInput,
-    endDateInput,
-    endTypeInput,
-    endTimesInput,
-    dayOfMonthRepeatPickerInput,
-    dayOfYearRepeatPickerInput,
-    timezonePickerInput
-  },
-  dayOfMonthOptionsEnable,
-  dayOfWeekOptionsEnable,
-  dayOfYearOptionsEnable,
-  useTimezoneSelector
-}) => {
-  let display = "Custom";
-  if (qtyRepeatPickerInput === 1)
-    display = typeRepeat[typeRepeatPickerInput];
-  else
-    display = `every ${qtyRepeatPickerInput} ${typeRepeatPickerInput}s`;
+/**
+ * @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 ${dayWeekRepeatPickerInput} ` : "";
+    display += dayOfWeekOptionsEnable ? " on ".concat(dayWeekRepeatPickerInput, " ") : '';
   } else if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH) {
-    display += dayOfMonthOptionsEnable ? ` ${dayOfMonthRepeatPickerInput} ` : "";
+    display += dayOfMonthOptionsEnable ? " ".concat(dayOfMonthRepeatPickerInput, " ") : '';
   } else if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR) {
-    display += dayOfYearOptionsEnable ? ` ${dayOfYearRepeatPickerInput} ` : "";
-  }
+    display += dayOfYearOptionsEnable ? " ".concat(dayOfYearRepeatPickerInput, " ") : '';
+  } // start & end
+
+
   if (startDateInput && startDateInput.format) {
-    display += ` starting on ${startDateInput.format("MM/DD/YYYY")} at ${startTimeInput.format("HH:mm A")}`;
+    display += " starting on ".concat(startDateInput.format('MM/DD/YYYY'), " at ").concat(startTimeInput.format('HH:mm A'));
   }
-  if (endTypeInput === endTypes.ON)
-    display += `, until ${endDateInput.format("MM/DD/YYYY")} `;
-  else if (endTypeInput === endTypes.AFTER)
-    display += `, for ${endTimesInput} times`;
-  if (useTimezoneSelector && timezonePickerInput)
-    display += ` [${timezonePickerInput}]`;
-  return /* @__PURE__ */ React2.createElement("em", null, display);
-};
-var CustomOptionRender_default = CustomOptionRender;
-export {
-  CustomOptionRender_default as default
+
+  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);
 };
-//# sourceMappingURL=CustomOptionRender.js.map
+
+export { CustomOptionRender as default };

package/esm/components/DateTimeRangeModal/DateTimeRangeModal.js

@@ -1,32 +1,41 @@
-import * as React from "react";
-import React2 from "react";
-import DSModal from "@elliemae/ds-modal";
-import DateTimeRangeModalImpl from "../DateTimeRangeModalImpl/DateTimeRangeModalImpl";
-class DateTimeRangeModal extends React2.Component {
+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 = (...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() {
     const {
       isOpen = false,
       onClose = () => null,
-      modalTitle = "Report Scheduling",
-      confirmLabel = "Apply",
-      rejectLabel = "Cancel",
-      modalType = "confirm",
+      modalTitle = 'Report Scheduling',
+      // modalSize = 'medium',
+      confirmLabel = 'Apply',
+      rejectLabel = 'Cancel',
+      modalType = 'confirm',
       onConfirmField = () => null,
       onRejectField = () => null,
       appElement = null,
@@ -54,52 +63,52 @@ class DateTimeRangeModal extends React2.Component {
       displayMonthCustomOption,
       displayYearCustomOption
     } = this.props;
-    const { isValid } = this.state;
-    return /* @__PURE__ */ React2.createElement(DSModal, {
-      appElement,
+    const {
+      isValid
+    } = this.state;
+    return /*#__PURE__*/_jsx(DSModal, {
+      appElement: appElement,
       centered: false,
-      confirmLabel,
-      isOpen,
-      modalTitle,
-      modalType,
-      onClose,
+      confirmLabel: confirmLabel,
+      isOpen: isOpen,
+      modalTitle: modalTitle,
+      modalType: modalType,
+      onClose: onClose,
       onConfirm: onConfirmField,
       onReject: onRejectField,
       overridePropsConfirmButton: {
         disabled: !isValid
       },
-      rejectLabel,
+      rejectLabel: rejectLabel,
       size: "small"
-    }, /* @__PURE__ */ React2.createElement(DateTimeRangeModalImpl, {
-      allowMultipleDaysOfWeek,
-      dayOfMonthAsCurrentDateOptions,
-      dayOfMonthOptionsEnable,
-      dayOfWeekOptionsEnable,
-      dayOfYearAsCurrentDateOptions,
-      dayOfYearOptionsEnable,
-      displayCurrentMonthYear,
-      displayMonthCustomOption,
-      displayYearCustomOption,
-      dropdownDayOfMonthOptions,
-      dropdownDayOfWeekOptions,
-      dropdownDayOfYearOptions,
-      dropdownRepeatOptions,
-      endDayBlocked,
-      endTimesOptions,
-      endTypesOptions,
-      isValidRecurrence,
+    }, 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,
-      repeatFrecuencyCustomProps,
-      startDayBlocked,
-      timeZoneOptions,
-      useTimezoneSelector,
-      validationMessage
+      rangeValue: rangeValue,
+      repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
+      startDayBlocked: startDayBlocked,
+      timeZoneOptions: timeZoneOptions,
+      useTimezoneSelector: useTimezoneSelector,
+      validationMessage: validationMessage
     }));
   }
+
 }
-var DateTimeRangeModal_default = DateTimeRangeModal;
-export {
-  DateTimeRangeModal_default as default
-};
-//# sourceMappingURL=DateTimeRangeModal.js.map
+
+export { DateTimeRangeModal as default };

package/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js

@@ -1,31 +1,54 @@
-import * as React from "react";
-import React2, { Component } from "react";
-import moment from "moment";
-import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-import DSModal from "@elliemae/ds-modal";
-import { DropdownRepeatOptionsTypes } from "../../options/dropdownRepeatOptions";
-import { dropdownTimeZoneOptions } from "../../options/dropdownTimeZoneOptions";
-import RepeatPickerInput from "../RepeatPickerInput/RepeatPickerInput";
-import DaysOfWeekPicker from "../DaysOfWeekPicker/DaysOfWeekPicker";
-import StartDateTime from "../StartDateTime/StartDateTime";
-import EndDate from "../EndDate/EndDate";
-import DayOfMonthPicker from "../DayOfMonthPicker/DayOfMonthPicker";
-import DayOfYearPicker from "../DayOfYearPicker/DayOfYearPicker";
-import TimeZonePicker from "../TimeZonePicker/TimeZonePicker";
-import ValidationMessage from "../ValidationMessage/ValidationMessage";
-const { cssClassName } = convertPropToCssClassName("date-time-predefined-range-selector");
+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;
+      const {
+        onCustomDateTimeRange
+      } = this.props;
       onCustomDateTimeRange(this.state);
     };
-    this.onQtyRepeatPickerInput = (value) => {
-      this.setState({ qtyRepeatPickerInput: value.replace(/[^0-9]/g, "") }, () => {
+
+    this.onQtyRepeatPickerInput = value => {
+      this.setState({
+        qtyRepeatPickerInput: value.replace(/[^0-9]/g, '')
+      }, () => {
         this.onChange();
       });
     };
+
     const {
       dropdownDayOfMonthOptions,
       dropdownDayOfWeekOptions,
@@ -50,7 +73,7 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
       }
     } = props;
     this.state = {
-      alertReplace: "",
+      alertReplace: '',
       alertModal: false,
       startDateInput: startDateInput || moment(),
       startTimeInput: startTimeInput || moment(),
@@ -65,63 +88,97 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
       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 };
+    const update = {
+      typeRepeatPickerInput: value
+    };
+
     if (value !== DropdownRepeatOptionsTypes.MONTH) {
-      update.dayOfMonthRepeatPickerInput = void 0;
-      update.dayOfMonthRepeatPickerKey = void 0;
+      update.dayOfMonthRepeatPickerInput = undefined;
+      update.dayOfMonthRepeatPickerKey = undefined;
     }
+
     if (value !== DropdownRepeatOptionsTypes.YEAR) {
-      update.dayOfYearRepeatPickerInput = void 0;
-      update.dayOfYearRepeatPickerKey = void 0;
+      update.dayOfYearRepeatPickerInput = undefined;
+      update.dayOfYearRepeatPickerKey = undefined;
     }
-    this.setState({
-      ...update
-    }, () => {
+
+    this.setState(_objectSpread({}, update), () => {
       this.onChange();
     });
   }
+
   onDayOfWeekRepeatPickerInput(value) {
-    this.setState({ dayWeekRepeatPickerInput: value }, () => {
+    this.setState({
+      dayWeekRepeatPickerInput: value
+    }, () => {
       this.onChange();
     });
   }
+
   onEndTypeChangeInput(value) {
-    this.setState({ endTypeInput: value }, () => {
+    this.setState({
+      endTypeInput: value
+    }, () => {
       this.onChange();
     });
   }
+
   onEndTimesChangeInput(value) {
-    this.setState({ endTimesInput: value }, () => {
+    this.setState({
+      endTimesInput: value
+    }, () => {
       this.onChange();
     });
   }
+
   onEndDateChangeInput(value) {
-    this.setState({ endDateInput: value }, () => {
+    this.setState({
+      endDateInput: value
+    }, () => {
       this.onChange();
     });
   }
+
   onStartDateChangeInput(value) {
-    this.setState({ startDateInput: value }, () => {
+    this.setState({
+      startDateInput: value
+    }, () => {
       this.onChange();
     });
   }
+
   onStartTimeChangeInput(value) {
-    this.setState({ startTimeInput: 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 || `${option.numberLabel} `
+      alertModal: option.number > 28 || (option.numberLabel || '').includes('Fifth'),
+      alertReplace: option.number || "".concat(option.numberLabel, " ")
     }, () => {
       this.onChange();
     });
   }
+
   onDayOfYearRepeatChangeInput(value, option) {
     this.setState({
       dayOfYearRepeatPickerInput: value,
@@ -130,11 +187,15 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
       this.onChange();
     });
   }
+
   onTimeZonePickerInput(value) {
-    this.setState({ timezonePickerInput: value }, () => {
+    this.setState({
+      timezonePickerInput: value
+    }, () => {
       this.onChange();
     });
   }
+
   render() {
     const {
       alertModal,
@@ -174,69 +235,72 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
       displayMonthCustomOption,
       displayYearCustomOption
     } = this.props;
-    return /* @__PURE__ */ React2.createElement("div", {
-      className: `${cssClassName}`
-    }, /* @__PURE__ */ React2.createElement(StartDateTime, {
+    return /*#__PURE__*/_jsx("div", {
+      className: "".concat(cssClassName)
+    }, void 0, /*#__PURE__*/_jsx(StartDateTime, {
       onStartDateChange: this.onStartDateChangeInput,
       onStartTimeChange: this.onStartTimeChangeInput,
       startDateValue: startDateInput,
-      startDayBlocked,
+      startDayBlocked: startDayBlocked,
       startTimeValue: startTimeInput
-    }), useTimezoneSelector && /* @__PURE__ */ React2.createElement(TimeZonePicker, {
+    }), useTimezoneSelector && /*#__PURE__*/_jsx(TimeZonePicker, {
       onTimezoneChange: this.onTimeZonePickerInput,
       timezoneOptions: timeZoneOptions,
       timezoneValue: timezonePickerInput
-    }), /* @__PURE__ */ React2.createElement(RepeatPickerInput, {
+    }), /*#__PURE__*/_jsx(RepeatPickerInput, {
       onQtyChange: this.onQtyRepeatPickerInput,
       onTypeChange: this.onTypeRepeatPickerInput,
       qtyValue: qtyRepeatPickerInput,
-      repeatFrecuencyCustomProps,
+      repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
       repeatOptions: dropdownRepeatOptions,
       repeatOptionsValue: typeRepeatPickerInput
-    }), dayOfWeekOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK && /* @__PURE__ */ React2.createElement(DaysOfWeekPicker, {
+    }), dayOfWeekOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK && /*#__PURE__*/_jsx(DaysOfWeekPicker, {
       active: dayWeekRepeatPickerInput,
-      allowMultipleDaysOfWeek,
+      allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
       onDayChange: this.onDayOfWeekRepeatPickerInput,
       options: dropdownDayOfWeekOptions
-    }), dayOfMonthOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH && /* @__PURE__ */ React2.createElement(DayOfMonthPicker, {
+    }), dayOfMonthOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH && /*#__PURE__*/_jsx(DaysOfMonthPicker, {
       currentDate: startDateInput,
-      dayOfMonthAsCurrentDateOptions,
+      dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
       dayOfMonthOptions: dropdownDayOfMonthOptions,
       dayOfMonthValue: dayOfMonthRepeatPickerInput,
-      displayMonthCustomOption,
+      displayMonthCustomOption: displayMonthCustomOption,
       displayOptionsAsCurrentDate: displayCurrentMonthYear,
       onDayChange: this.onDayOfMonthRepeatChangeInput
-    }), dayOfYearOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR && /* @__PURE__ */ React2.createElement(DayOfYearPicker, {
+    }), dayOfYearOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR && /*#__PURE__*/_jsx(DaysOfMonthPicker$1, {
       currentDate: startDateInput,
       dayOfMonthOptions: dropdownDayOfYearOptions,
       dayOfMonthValue: dayOfYearRepeatPickerInput,
-      dayOfYearAsCurrentDateOptions,
+      dayOfYearAsCurrentDateOptions: dayOfYearAsCurrentDateOptions,
       displayOptionsAsCurrentDate: displayCurrentMonthYear,
-      displayYearCustomOption,
+      displayYearCustomOption: displayYearCustomOption,
       onDayChange: this.onDayOfYearRepeatChangeInput
-    }), /* @__PURE__ */ React2.createElement("hr", null), /* @__PURE__ */ React2.createElement(EndDate, {
+    }), _hr || (_hr = /*#__PURE__*/_jsx("hr", {})), /*#__PURE__*/_jsx(EndDate, {
       endDateValue: endDateInput,
-      endDayBlocked,
-      endTimesOptions,
+      endDayBlocked: endDayBlocked,
+      endTimesOptions: endTimesOptions,
       endTimesValue: endTimesInput,
-      endTypesOptions,
+      endTypesOptions: endTypesOptions,
       endTypeValue: endTypeInput,
       onEndDateChange: this.onEndDateChangeInput,
       onEndTimesChange: this.onEndTimesChangeInput,
       onEndTypeChange: this.onEndTypeChangeInput
-    }), /* @__PURE__ */ React2.createElement(DSModal, {
+    }), /*#__PURE__*/_jsx(DSModal, {
       className: "datetime-alert-modal",
       isOpen: alertModal,
-      modalTitle: `Some months have fewer  than ${alertReplace} days`,
-      onClose: () => this.setState({ alertModal: false }),
-      onConfirm: () => this.setState({ alertModal: false })
-    }, /* @__PURE__ */ React2.createElement("p", null, "For these months, the occurrence will fall on the last day of the month.")), validationMessage && /* @__PURE__ */ React2.createElement(ValidationMessage, {
-      validationMessage
+      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
     }));
   }
+
 }
-var DateTimeRangeModalImpl_default = DateTimePredefinedRangeSelectorImpl;
-export {
-  DateTimeRangeModalImpl_default as default
-};
-//# sourceMappingURL=DateTimeRangeModalImpl.js.map
+
+export { DateTimePredefinedRangeSelectorImpl as default };