@elliemae/ds-date-time-recurrence-picker 2.0.0-next.7 → 2.0.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/cjs/DSDateTimeRecurrenceSelector.js +90 -87
  2. package/cjs/components/AlertModal/DateTimeRangeModal.js +53 -50
  3. package/cjs/components/CustomOptionRender/CustomOptionRender.js +20 -19
  4. package/cjs/components/DateTimeRangeModal/DateTimeRangeModal.js +11 -7
  5. package/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +5 -0
  6. package/cjs/components/DateTimeRecurenceSelectorImpl.js +9 -3
  7. package/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js +16 -13
  8. package/cjs/components/DayOfYearPicker/DayOfYearPicker.js +16 -13
  9. package/cjs/components/DaysOfWeekPicker/DaysOfWeekPicker.js +32 -30
  10. package/cjs/components/EndDate/EndDate.js +30 -28
  11. package/cjs/components/FieldWrapper/FieldWrapper.js +4 -3
  12. package/cjs/components/LabelWrapper/LabelWrapper.js +4 -3
  13. package/cjs/components/RepeatPickerInput/RepeatPickerInput.js +18 -15
  14. package/cjs/components/StartDateTime/StartDateTime.js +22 -19
  15. package/cjs/components/TimeZonePicker/TimeZonePicker.js +24 -22
  16. package/cjs/components/ValidationMessage/ValidationMessage.js +8 -5
  17. package/esm/DSDateTimeRecurrenceSelector.js +90 -87
  18. package/esm/components/AlertModal/DateTimeRangeModal.js +53 -50
  19. package/esm/components/CustomOptionRender/CustomOptionRender.js +20 -19
  20. package/esm/components/DateTimeRangeModal/DateTimeRangeModal.js +11 -7
  21. package/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +5 -0
  22. package/esm/components/DateTimeRecurenceSelectorImpl.js +8 -1
  23. package/esm/components/DayOfMonthPicker/DayOfMonthPicker.js +15 -11
  24. package/esm/components/DayOfYearPicker/DayOfYearPicker.js +15 -11
  25. package/esm/components/DaysOfWeekPicker/DaysOfWeekPicker.js +31 -25
  26. package/esm/components/EndDate/EndDate.js +30 -27
  27. package/esm/components/FieldWrapper/FieldWrapper.js +4 -3
  28. package/esm/components/LabelWrapper/LabelWrapper.js +4 -3
  29. package/esm/components/RepeatPickerInput/RepeatPickerInput.js +16 -11
  30. package/esm/components/StartDateTime/StartDateTime.js +22 -19
  31. package/esm/components/TimeZonePicker/TimeZonePicker.js +24 -21
  32. package/esm/components/ValidationMessage/ValidationMessage.js +8 -5
  33. package/package.json +6 -5
@@ -42,25 +42,26 @@ timezonePickerInput
42
42
  }
43
43
  */
44
44
 
45
- const CustomOptionRender = ({
46
- customRange: {
47
- startDateInput,
48
- startTimeInput,
49
- qtyRepeatPickerInput,
50
- typeRepeatPickerInput,
51
- dayWeekRepeatPickerInput,
52
- endDateInput,
53
- endTypeInput,
54
- endTimesInput,
55
- dayOfMonthRepeatPickerInput,
56
- dayOfYearRepeatPickerInput,
57
- timezonePickerInput
58
- },
59
- dayOfMonthOptionsEnable,
60
- dayOfWeekOptionsEnable,
61
- dayOfYearOptionsEnable,
62
- useTimezoneSelector
63
- }) => {
45
+ const CustomOptionRender = _ref => {
46
+ let {
47
+ customRange: {
48
+ startDateInput,
49
+ startTimeInput,
50
+ qtyRepeatPickerInput,
51
+ typeRepeatPickerInput,
52
+ dayWeekRepeatPickerInput,
53
+ endDateInput,
54
+ endTypeInput,
55
+ endTimesInput,
56
+ dayOfMonthRepeatPickerInput,
57
+ dayOfYearRepeatPickerInput,
58
+ timezonePickerInput
59
+ },
60
+ dayOfMonthOptionsEnable,
61
+ dayOfWeekOptionsEnable,
62
+ dayOfYearOptionsEnable,
63
+ useTimezoneSelector
64
+ } = _ref;
64
65
  let display = 'Custom'; // frequency
65
66
 
66
67
  if (qtyRepeatPickerInput === 1) display = typeRepeat[typeRepeatPickerInput];else display = "every ".concat(qtyRepeatPickerInput, " ").concat(typeRepeatPickerInput, "s"); // type
@@ -6,21 +6,25 @@ import DSModal from '@elliemae/ds-modal';
6
6
  import DateTimePredefinedRangeSelectorImpl from '../DateTimeRangeModalImpl/DateTimeRangeModalImpl.js';
7
7
 
8
8
  class DateTimeRangeModal extends React.Component {
9
- constructor(...args) {
10
- super(...args);
9
+ constructor() {
10
+ var _this;
11
+
12
+ super(...arguments);
13
+ _this = this;
11
14
 
12
15
  _defineProperty(this, "state", {
13
16
  isValid: true
14
17
  });
15
18
 
16
- _defineProperty(this, "updateIsValid", (...data) => {
19
+ _defineProperty(this, "updateIsValid", function () {
17
20
  const {
18
21
  onCustomDateTimeRange = () => null,
19
22
  isValidRecurrence
20
- } = this.props;
21
- onCustomDateTimeRange(...data);
22
- this.setState({
23
- isValid: isValidRecurrence(...data)
23
+ } = _this.props;
24
+ onCustomDateTimeRange(...arguments);
25
+
26
+ _this.setState({
27
+ isValid: isValidRecurrence(...arguments)
24
28
  });
25
29
  });
26
30
  }
@@ -1,6 +1,11 @@
1
1
  import _jsx from '@babel/runtime/helpers/esm/jsx';
2
2
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
3
3
  import 'core-js/modules/es.string.replace.js';
4
+ import 'core-js/modules/esnext.async-iterator.filter.js';
5
+ import 'core-js/modules/esnext.iterator.constructor.js';
6
+ import 'core-js/modules/esnext.iterator.filter.js';
7
+ import 'core-js/modules/esnext.async-iterator.for-each.js';
8
+ import 'core-js/modules/esnext.iterator.for-each.js';
4
9
  import { Component } from 'react';
5
10
  import moment from 'moment';
6
11
  import { convertPropToCssClassName } from '@elliemae/ds-classnames';
@@ -1,12 +1,19 @@
1
+ import 'core-js/modules/esnext.async-iterator.filter.js';
2
+ import 'core-js/modules/esnext.iterator.filter.js';
3
+ import 'core-js/modules/esnext.async-iterator.for-each.js';
4
+ import 'core-js/modules/esnext.iterator.for-each.js';
1
5
  import _jsx from '@babel/runtime/helpers/esm/jsx';
2
6
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
7
+ import 'core-js/modules/esnext.async-iterator.find.js';
8
+ import 'core-js/modules/esnext.iterator.constructor.js';
9
+ import 'core-js/modules/esnext.iterator.find.js';
3
10
  import 'core-js/modules/web.dom-collections.iterator.js';
4
11
  import { Component } from 'react';
5
12
  import { isEqual } from 'lodash';
6
13
  import 'react-dates/initialize';
7
14
  import { components } from 'react-select';
8
15
  import { convertPropToCssClassName } from '@elliemae/ds-classnames';
9
- import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
16
+ import { DSComboBox } from '@elliemae/ds-form';
10
17
  import DateTimeRangeModal from './DateTimeRangeModal/DateTimeRangeModal.js';
11
18
  import { jsxs, jsx } from 'react/jsx-runtime';
12
19
 
@@ -1,23 +1,27 @@
1
1
  import _jsx from '@babel/runtime/helpers/esm/jsx';
2
2
  import 'core-js/modules/web.dom-collections.iterator.js';
3
+ import 'core-js/modules/esnext.async-iterator.find.js';
4
+ import 'core-js/modules/esnext.iterator.constructor.js';
5
+ import 'core-js/modules/esnext.iterator.find.js';
3
6
  import 'react';
4
- import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
7
+ import { DSComboBox } from '@elliemae/ds-form';
5
8
  import { nthDay } from '../helpers/nthday.js';
6
9
  import { dropdownDayOfMonthOptions } from '../../options/dropdownDayOfMonthOptions.js';
7
10
  import FormLabel from '../Forms/FormLabel.js';
8
11
  import FormFieldGroup from '../Forms/FormFieldGroup.js';
9
12
  import FormGroup from '../Forms/FormGroup.js';
10
13
 
11
- const DaysOfMonthPicker = ({
12
- onDayChange = () => null,
13
- dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
14
- dayOfMonthOptions = dropdownDayOfMonthOptions,
15
- displayOptionsAsCurrentDate = true,
16
- currentDate = null,
17
- inputLabel = 'On',
18
- dayOfMonthAsCurrentDateOptions,
19
- displayMonthCustomOption
20
- }) => {
14
+ const DaysOfMonthPicker = _ref => {
15
+ let {
16
+ onDayChange = () => null,
17
+ dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
18
+ dayOfMonthOptions = dropdownDayOfMonthOptions,
19
+ displayOptionsAsCurrentDate = true,
20
+ currentDate = null,
21
+ inputLabel = 'On',
22
+ dayOfMonthAsCurrentDateOptions,
23
+ displayMonthCustomOption
24
+ } = _ref;
21
25
  let options = dayOfMonthOptions;
22
26
 
23
27
  if (displayOptionsAsCurrentDate) {
@@ -1,23 +1,27 @@
1
1
  import _jsx from '@babel/runtime/helpers/esm/jsx';
2
2
  import 'core-js/modules/web.dom-collections.iterator.js';
3
+ import 'core-js/modules/esnext.async-iterator.find.js';
4
+ import 'core-js/modules/esnext.iterator.constructor.js';
5
+ import 'core-js/modules/esnext.iterator.find.js';
3
6
  import 'react';
4
- import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
7
+ import { DSComboBox } from '@elliemae/ds-form';
5
8
  import { nthDay } from '../helpers/nthday.js';
6
9
  import { dropdownDayOfMonthOptions } from '../../options/dropdownDayOfMonthOptions.js';
7
10
  import FormGroup from '../Forms/FormGroup.js';
8
11
  import FormLabel from '../Forms/FormLabel.js';
9
12
  import FormFieldGroup from '../Forms/FormFieldGroup.js';
10
13
 
11
- const DaysOfMonthPicker = ({
12
- onDayChange = () => null,
13
- dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
14
- dayOfMonthOptions = dropdownDayOfMonthOptions,
15
- displayOptionsAsCurrentDate = true,
16
- currentDate = null,
17
- inputLabel = 'On',
18
- dayOfYearAsCurrentDateOptions,
19
- displayYearCustomOption
20
- }) => {
14
+ const DaysOfMonthPicker = _ref => {
15
+ let {
16
+ onDayChange = () => null,
17
+ dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
18
+ dayOfMonthOptions = dropdownDayOfMonthOptions,
19
+ displayOptionsAsCurrentDate = true,
20
+ currentDate = null,
21
+ inputLabel = 'On',
22
+ dayOfYearAsCurrentDateOptions,
23
+ displayYearCustomOption
24
+ } = _ref;
21
25
  let options = dayOfMonthOptions;
22
26
 
23
27
  if (displayOptionsAsCurrentDate) {
@@ -1,10 +1,9 @@
1
1
  import _jsx from '@babel/runtime/helpers/esm/jsx';
2
+ import 'core-js/modules/esnext.async-iterator.map.js';
3
+ import 'core-js/modules/esnext.iterator.map.js';
2
4
  import 'react';
3
5
  import { convertPropToCssClassName } from '@elliemae/ds-classnames';
4
- import DSRadioGroup from '@elliemae/ds-basic/form/RadioGroup';
5
- import DSRadio from '@elliemae/ds-basic/form/Radio';
6
- import DSCheckboxGroup from '@elliemae/ds-basic/form/CheckboxGroup';
7
- import DSCheckbox from '@elliemae/ds-basic/form/Checkbox';
6
+ import { DSRadioGroup, DSRadio, DSCheckboxGroup, DSCheckbox } from '@elliemae/ds-form';
8
7
  import { dropdownDayOfWeekOptions } from '../../options/dropdownDayOfWeekOptions.js';
9
8
  import FormGroup from '../Forms/FormGroup.js';
10
9
  import FormFieldGroup from '../Forms/FormFieldGroup.js';
@@ -20,13 +19,14 @@ const getActive = (allowMultipleDaysOfWeek, active) => {
20
19
  return [active];
21
20
  };
22
21
 
23
- const DaysOfWeekPicker = ({
24
- allowMultipleDaysOfWeek = false,
25
- onDayChange = () => null,
26
- active = dropdownDayOfWeekOptions[0].value,
27
- options = dropdownDayOfWeekOptions,
28
- inputLabel = 'On'
29
- }) => {
22
+ const DaysOfWeekPicker = _ref => {
23
+ let {
24
+ allowMultipleDaysOfWeek = false,
25
+ onDayChange = () => null,
26
+ active = dropdownDayOfWeekOptions[0].value,
27
+ options = dropdownDayOfWeekOptions,
28
+ inputLabel = 'On'
29
+ } = _ref;
30
30
  const safeActive = getActive(allowMultipleDaysOfWeek, active);
31
31
  return /*#__PURE__*/_jsx(FormGroup, {
32
32
  className: cssClassName
@@ -34,23 +34,29 @@ const DaysOfWeekPicker = ({
34
34
  activeValue: safeActive,
35
35
  onChange: onDayChange,
36
36
  orientation: "horizontal"
37
- }, void 0, options.map(({
38
- label,
39
- value
40
- }, index) => /*#__PURE__*/_jsx(DSRadio, {
41
- labelText: label,
42
- value: value
43
- }, index))), allowMultipleDaysOfWeek && /*#__PURE__*/_jsx(DSCheckboxGroup, {
37
+ }, void 0, options.map((_ref2, index) => {
38
+ let {
39
+ label,
40
+ value
41
+ } = _ref2;
42
+ return /*#__PURE__*/_jsx(DSRadio, {
43
+ labelText: label,
44
+ value: value
45
+ }, index);
46
+ })), allowMultipleDaysOfWeek && /*#__PURE__*/_jsx(DSCheckboxGroup, {
44
47
  activeValue: safeActive,
45
48
  onChange: onDayChange,
46
49
  orientation: "horizontal"
47
- }, void 0, options.map(({
48
- label,
49
- value
50
- }, index) => /*#__PURE__*/_jsx(DSCheckbox, {
51
- labelText: label,
52
- value: value
53
- }, index)))));
50
+ }, void 0, options.map((_ref3, index) => {
51
+ let {
52
+ label,
53
+ value
54
+ } = _ref3;
55
+ return /*#__PURE__*/_jsx(DSCheckbox, {
56
+ labelText: label,
57
+ value: value
58
+ }, index);
59
+ }))));
54
60
  };
55
61
 
56
62
  export { DaysOfWeekPicker as default };
@@ -1,7 +1,7 @@
1
1
  import _jsx from '@babel/runtime/helpers/esm/jsx';
2
2
  import 'react';
3
3
  import DSDatePicker from '@elliemae/ds-date-picker';
4
- import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
4
+ import { DSComboBox } from '@elliemae/ds-form';
5
5
  import { endTypes } from '../../options/endTypesOptions.js';
6
6
  import FormField from '../Forms/FormField.js';
7
7
  import FormLabel from '../Forms/FormLabel.js';
@@ -10,31 +10,34 @@ import FormFieldGroup from '../Forms/FormFieldGroup.js';
10
10
 
11
11
  var _FormLabel, _FormField;
12
12
 
13
- const EndDate = ({
14
- onEndDateChange = () => null,
15
- onEndTypeChange = () => null,
16
- onEndTimesChange = () => null,
17
- endDateValue = null,
18
- endTypeValue = null,
19
- endTypesOptions = [],
20
- endTimesOptions = [],
21
- endTimesValue = null,
22
- endDayBlocked
23
- }) => /*#__PURE__*/_jsx(FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx(FormLabel, {}, void 0, "Ends")), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
24
- onChange: onEndTypeChange,
25
- options: endTypesOptions,
26
- value: endTypeValue
27
- })), endTypeValue === endTypes.NEVER && (_FormField || (_FormField = /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx("div", {})))), endTypeValue === endTypes.ON && /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSDatePicker, {
28
- appendToBody: true,
29
- date: endDateValue,
30
- isDayBlocked: endDayBlocked,
31
- onDateChange: onEndDateChange,
32
- openDirection: "up",
33
- zIndex: 10
34
- })), endTypeValue === endTypes.AFTER && /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
35
- onChange: onEndTimesChange,
36
- options: endTimesOptions,
37
- value: endTimesValue
38
- }))));
13
+ const EndDate = _ref => {
14
+ let {
15
+ onEndDateChange = () => null,
16
+ onEndTypeChange = () => null,
17
+ onEndTimesChange = () => null,
18
+ endDateValue = null,
19
+ endTypeValue = null,
20
+ endTypesOptions = [],
21
+ endTimesOptions = [],
22
+ endTimesValue = null,
23
+ endDayBlocked
24
+ } = _ref;
25
+ return /*#__PURE__*/_jsx(FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx(FormLabel, {}, void 0, "Ends")), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
26
+ onChange: onEndTypeChange,
27
+ options: endTypesOptions,
28
+ value: endTypeValue
29
+ })), endTypeValue === endTypes.NEVER && (_FormField || (_FormField = /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx("div", {})))), endTypeValue === endTypes.ON && /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSDatePicker, {
30
+ appendToBody: true,
31
+ date: endDateValue,
32
+ isDayBlocked: endDayBlocked,
33
+ onDateChange: onEndDateChange,
34
+ openDirection: "up",
35
+ zIndex: 10
36
+ })), endTypeValue === endTypes.AFTER && /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
37
+ onChange: onEndTimesChange,
38
+ options: endTimesOptions,
39
+ value: endTimesValue
40
+ }))));
41
+ };
39
42
 
40
43
  export { EndDate as default };
@@ -6,9 +6,10 @@ const {
6
6
  cssClassName
7
7
  } = convertPropToCssClassName('field-wrapper');
8
8
 
9
- function FieldWrapper({
10
- children
11
- }) {
9
+ function FieldWrapper(_ref) {
10
+ let {
11
+ children
12
+ } = _ref;
12
13
  return /*#__PURE__*/_jsx("div", {
13
14
  className: "".concat(cssClassName)
14
15
  }, void 0, children);
@@ -6,9 +6,10 @@ const {
6
6
  cssClassName
7
7
  } = convertPropToCssClassName('label-wrapper');
8
8
 
9
- function LabelWrapper({
10
- children
11
- }) {
9
+ function LabelWrapper(_ref) {
10
+ let {
11
+ children
12
+ } = _ref;
12
13
  return /*#__PURE__*/_jsx("div", {
13
14
  className: "".concat(cssClassName)
14
15
  }, void 0, children);
@@ -1,11 +1,15 @@
1
+ import 'core-js/modules/esnext.async-iterator.filter.js';
2
+ import 'core-js/modules/esnext.iterator.constructor.js';
3
+ import 'core-js/modules/esnext.iterator.filter.js';
4
+ import 'core-js/modules/esnext.async-iterator.for-each.js';
5
+ import 'core-js/modules/esnext.iterator.for-each.js';
1
6
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
2
7
  import _jsx from '@babel/runtime/helpers/esm/jsx';
3
8
  import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
4
9
  import 'core-js/modules/web.dom-collections.iterator.js';
5
10
  import { useState } from 'react';
6
11
  import { convertPropToCssClassName } from '@elliemae/ds-classnames';
7
- import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
8
- import DSTextBox from '@elliemae/ds-basic/form/TextBox';
12
+ import { DSTextBox, DSComboBox } from '@elliemae/ds-form';
9
13
  import FormGroup from '../Forms/FormGroup.js';
10
14
  import FormLabel from '../Forms/FormLabel.js';
11
15
  import FormFieldGroup from '../Forms/FormFieldGroup.js';
@@ -21,15 +25,16 @@ const {
21
25
  cssClassName
22
26
  } = convertPropToCssClassName('repeat-picker-input-range-selector');
23
27
 
24
- const RepeatPickerInput = ({
25
- onQtyChange = () => null,
26
- onTypeChange = () => null,
27
- qtyValue = 1,
28
- repeatOptions = [],
29
- repeatOptionsValue = null,
30
- repeatInputLabel = 'Repeats every',
31
- repeatFrecuencyCustomProps = {}
32
- }) => {
28
+ const RepeatPickerInput = _ref => {
29
+ let {
30
+ onQtyChange = () => null,
31
+ onTypeChange = () => null,
32
+ qtyValue = 1,
33
+ repeatOptions = [],
34
+ repeatOptionsValue = null,
35
+ repeatInputLabel = 'Repeats every',
36
+ repeatFrecuencyCustomProps = {}
37
+ } = _ref;
33
38
  const [last, setLast] = useState('');
34
39
 
35
40
  const rest = _objectWithoutProperties(repeatFrecuencyCustomProps, _excluded);
@@ -1,7 +1,7 @@
1
1
  import _jsx from '@babel/runtime/helpers/esm/jsx';
2
2
  import 'react';
3
3
  import DSDatePicker from '@elliemae/ds-date-picker';
4
- import DSTimePicker from '@elliemae/ds-basic/TimePicker';
4
+ import DSTimePicker from '@elliemae/ds-time-picker';
5
5
  import FormLabel from '../Forms/FormLabel.js';
6
6
  import FormFieldGroup from '../Forms/FormFieldGroup.js';
7
7
  import FormGroup from '../Forms/FormGroup.js';
@@ -9,23 +9,26 @@ import FormField from '../Forms/FormField.js';
9
9
 
10
10
  var _FormLabel;
11
11
 
12
- const StartDateTime = ({
13
- onStartDateChange = () => null,
14
- onStartTimeChange = () => null,
15
- startDateValue = null,
16
- startTimeValue = null,
17
- startDayBlocked
18
- }) => /*#__PURE__*/_jsx(FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx(FormLabel, {}, void 0, "Starts")), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSDatePicker, {
19
- appendToBody: true,
20
- date: startDateValue,
21
- isDayBlocked: startDayBlocked,
22
- keepOpenOnDateSelect: false,
23
- onDateChange: onStartDateChange,
24
- zIndex: 10
25
- })), /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSTimePicker, {
26
- onChange: onStartTimeChange,
27
- value: startTimeValue,
28
- zIndex: 10
29
- }))));
12
+ const StartDateTime = _ref => {
13
+ let {
14
+ onStartDateChange = () => null,
15
+ onStartTimeChange = () => null,
16
+ startDateValue = null,
17
+ startTimeValue = null,
18
+ startDayBlocked
19
+ } = _ref;
20
+ return /*#__PURE__*/_jsx(FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx(FormLabel, {}, void 0, "Starts")), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSDatePicker, {
21
+ appendToBody: true,
22
+ date: startDateValue,
23
+ isDayBlocked: startDayBlocked,
24
+ keepOpenOnDateSelect: false,
25
+ onDateChange: onStartDateChange,
26
+ zIndex: 10
27
+ })), /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSTimePicker, {
28
+ onChange: onStartTimeChange,
29
+ value: startTimeValue,
30
+ zIndex: 10
31
+ }))));
32
+ };
30
33
 
31
34
  export { StartDateTime as default };
@@ -1,7 +1,7 @@
1
1
  import _jsx from '@babel/runtime/helpers/esm/jsx';
2
2
  import 'react';
3
3
  import { convertPropToCssClassName } from '@elliemae/ds-classnames';
4
- import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
4
+ import { DSComboBox } from '@elliemae/ds-form';
5
5
  import { dropdownTimeZoneOptions } from '../../options/dropdownTimeZoneOptions.js';
6
6
  import FieldWrapper from '../FieldWrapper/FieldWrapper.js';
7
7
  import LabelWrapper from '../LabelWrapper/LabelWrapper.js';
@@ -11,25 +11,28 @@ const {
11
11
  classNameElement
12
12
  } = convertPropToCssClassName('timezone-picker-input-range-selector');
13
13
 
14
- const TimeZonePicker = ({
15
- onTimezoneChange = () => null,
16
- timezoneValue = dropdownTimeZoneOptions[0].value,
17
- timezoneOptions = dropdownTimeZoneOptions,
18
- inputLabel = 'Time Zone'
19
- }) => /*#__PURE__*/_jsx("div", {
20
- className: "".concat(cssClassName)
21
- }, void 0, /*#__PURE__*/_jsx("div", {
22
- className: "grid-x"
23
- }, void 0, /*#__PURE__*/_jsx("div", {
24
- className: "cell medium-4 large-3"
25
- }, void 0, /*#__PURE__*/_jsx(LabelWrapper, {}, void 0, /*#__PURE__*/_jsx("div", {
26
- className: "".concat(classNameElement('label'))
27
- }, void 0, inputLabel))), /*#__PURE__*/_jsx("div", {
28
- className: "cell medium-8 large-9"
29
- }, void 0, /*#__PURE__*/_jsx(FieldWrapper, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
30
- onChange: onTimezoneChange,
31
- options: timezoneOptions,
32
- value: timezoneValue
33
- })))));
14
+ const TimeZonePicker = _ref => {
15
+ let {
16
+ onTimezoneChange = () => null,
17
+ timezoneValue = dropdownTimeZoneOptions[0].value,
18
+ timezoneOptions = dropdownTimeZoneOptions,
19
+ inputLabel = 'Time Zone'
20
+ } = _ref;
21
+ return /*#__PURE__*/_jsx("div", {
22
+ className: "".concat(cssClassName)
23
+ }, void 0, /*#__PURE__*/_jsx("div", {
24
+ className: "grid-x"
25
+ }, void 0, /*#__PURE__*/_jsx("div", {
26
+ className: "cell medium-4 large-3"
27
+ }, void 0, /*#__PURE__*/_jsx(LabelWrapper, {}, void 0, /*#__PURE__*/_jsx("div", {
28
+ className: "".concat(classNameElement('label'))
29
+ }, void 0, inputLabel))), /*#__PURE__*/_jsx("div", {
30
+ className: "cell medium-8 large-9"
31
+ }, void 0, /*#__PURE__*/_jsx(FieldWrapper, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
32
+ onChange: onTimezoneChange,
33
+ options: timezoneOptions,
34
+ value: timezoneValue
35
+ })))));
36
+ };
34
37
 
35
38
  export { TimeZonePicker as default };
@@ -6,10 +6,13 @@ const {
6
6
  cssClassName
7
7
  } = convertPropToCssClassName('recurrence-selector-validation-message');
8
8
 
9
- const ValidationMessage = ({
10
- validationMessage = ''
11
- }) => /*#__PURE__*/_jsx("div", {
12
- className: cssClassName
13
- }, void 0, validationMessage);
9
+ const ValidationMessage = _ref => {
10
+ let {
11
+ validationMessage = ''
12
+ } = _ref;
13
+ return /*#__PURE__*/_jsx("div", {
14
+ className: cssClassName
15
+ }, void 0, validationMessage);
16
+ };
14
17
 
15
18
  export { ValidationMessage as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-date-time-recurrence-picker",
3
- "version": "2.0.0-next.7",
3
+ "version": "2.0.0-rc.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Date Time Recurrence Picker",
6
6
  "module": "./esm/index.js",
@@ -144,12 +144,13 @@
144
144
  "build": "node ../../scripts/build/build.js"
145
145
  },
146
146
  "dependencies": {
147
- "@elliemae/ds-basic": "2.0.0-next.7",
148
- "@elliemae/ds-classnames": "2.0.0-next.7",
149
- "@elliemae/ds-date-picker": "2.0.0-next.7",
150
- "@elliemae/ds-modal": "2.0.0-next.7",
147
+ "@elliemae/ds-basic": "2.0.0-rc.2",
148
+ "@elliemae/ds-classnames": "2.0.0-rc.2",
149
+ "@elliemae/ds-date-picker": "2.0.0-rc.2",
150
+ "@elliemae/ds-modal": "2.0.0-rc.2",
151
151
  "moment": "~2.29.1",
152
152
  "react-dates": "~21.8.0",
153
+ "react-desc": "~4.1.3",
153
154
  "react-select": "4.3.1",
154
155
  "react-text-mask": "~5.4.3"
155
156
  },