@elliemae/ds-date-time-recurrence-picker 2.4.2-rc.9 → 2.4.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.
- package/cjs/components/CustomOptionRender/CustomOptionRender.js +7 -7
- package/cjs/components/DateTimeRangeModal/DateTimeRangeModal.js +0 -1
- package/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +5 -6
- package/cjs/components/DateTimeRecurenceSelectorImpl.js +3 -4
- package/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js +3 -4
- package/cjs/components/DayOfYearPicker/DayOfYearPicker.js +2 -3
- package/cjs/components/FieldWrapper/FieldWrapper.js +1 -1
- package/cjs/components/LabelWrapper/LabelWrapper.js +1 -1
- package/cjs/components/RepeatPickerInput/RepeatPickerInput.js +3 -4
- package/cjs/components/TimeZonePicker/TimeZonePicker.js +2 -2
- package/esm/components/CustomOptionRender/CustomOptionRender.js +7 -7
- package/esm/components/DateTimeRangeModal/DateTimeRangeModal.js +0 -1
- package/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +3 -4
- package/esm/components/DateTimeRecurenceSelectorImpl.js +7 -8
- package/esm/components/DayOfMonthPicker/DayOfMonthPicker.js +3 -4
- package/esm/components/DayOfYearPicker/DayOfYearPicker.js +2 -3
- package/esm/components/FieldWrapper/FieldWrapper.js +1 -1
- package/esm/components/LabelWrapper/LabelWrapper.js +1 -1
- package/esm/components/RepeatPickerInput/RepeatPickerInput.js +0 -1
- package/esm/components/TimeZonePicker/TimeZonePicker.js +2 -2
- package/package.json +6 -6
|
@@ -70,23 +70,23 @@ const CustomOptionRender = _ref => {
|
|
|
70
70
|
} = _ref;
|
|
71
71
|
let display = 'Custom'; // frequency
|
|
72
72
|
|
|
73
|
-
if (qtyRepeatPickerInput === 1) display = typeRepeat[typeRepeatPickerInput];else display =
|
|
73
|
+
if (qtyRepeatPickerInput === 1) display = typeRepeat[typeRepeatPickerInput];else display = `every ${qtyRepeatPickerInput} ${typeRepeatPickerInput}s`; // type
|
|
74
74
|
|
|
75
75
|
if (typeRepeatPickerInput === dropdownRepeatOptions.DropdownRepeatOptionsTypes.WEEK) {
|
|
76
|
-
display += dayOfWeekOptionsEnable ?
|
|
76
|
+
display += dayOfWeekOptionsEnable ? ` on ${dayWeekRepeatPickerInput} ` : '';
|
|
77
77
|
} else if (typeRepeatPickerInput === dropdownRepeatOptions.DropdownRepeatOptionsTypes.MONTH) {
|
|
78
|
-
display += dayOfMonthOptionsEnable ?
|
|
78
|
+
display += dayOfMonthOptionsEnable ? ` ${dayOfMonthRepeatPickerInput} ` : '';
|
|
79
79
|
} else if (typeRepeatPickerInput === dropdownRepeatOptions.DropdownRepeatOptionsTypes.YEAR) {
|
|
80
|
-
display += dayOfYearOptionsEnable ?
|
|
80
|
+
display += dayOfYearOptionsEnable ? ` ${dayOfYearRepeatPickerInput} ` : '';
|
|
81
81
|
} // start & end
|
|
82
82
|
|
|
83
83
|
|
|
84
84
|
if (startDateInput && startDateInput.format) {
|
|
85
|
-
display +=
|
|
85
|
+
display += ` starting on ${startDateInput.format('MM/DD/YYYY')} at ${startTimeInput.format('HH:mm A')}`;
|
|
86
86
|
}
|
|
87
87
|
|
|
88
|
-
if (endTypeInput === endTypesOptions.endTypes.ON) display +=
|
|
89
|
-
if (useTimezoneSelector && timezonePickerInput) display +=
|
|
88
|
+
if (endTypeInput === endTypesOptions.endTypes.ON) display += `, until ${endDateInput.format('MM/DD/YYYY')} `;else if (endTypeInput === endTypesOptions.endTypes.AFTER) display += `, for ${endTimesInput} times`;
|
|
89
|
+
if (useTimezoneSelector && timezonePickerInput) display += ` [${timezonePickerInput}]`;
|
|
90
90
|
return /*#__PURE__*/_jsx__default["default"]("em", {}, void 0, display);
|
|
91
91
|
};
|
|
92
92
|
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
5
4
|
var React = require('react');
|
|
6
5
|
var DSModal = require('@elliemae/ds-modal');
|
|
7
6
|
var DateTimeRangeModalImpl = require('../DateTimeRangeModalImpl/DateTimeRangeModalImpl.js');
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
-
require('core-js/modules/es.string.replace.js');
|
|
6
3
|
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
7
4
|
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
5
|
require('core-js/modules/esnext.iterator.filter.js');
|
|
9
6
|
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
10
7
|
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
9
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
10
|
var React = require('react');
|
|
12
11
|
var moment = require('moment');
|
|
13
12
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
@@ -182,7 +181,7 @@ class DateTimePredefinedRangeSelectorImpl extends React.Component {
|
|
|
182
181
|
dayOfMonthRepeatPickerInput: value,
|
|
183
182
|
dayOfMonthRepeatPickerKey: option.dayOfMonthRepeatPickerKey,
|
|
184
183
|
alertModal: option.number > 28 || (option.numberLabel || '').includes('Fifth'),
|
|
185
|
-
alertReplace: option.number ||
|
|
184
|
+
alertReplace: option.number || `${option.numberLabel} `
|
|
186
185
|
}, () => {
|
|
187
186
|
this.onChange();
|
|
188
187
|
});
|
|
@@ -245,7 +244,7 @@ class DateTimePredefinedRangeSelectorImpl extends React.Component {
|
|
|
245
244
|
displayYearCustomOption
|
|
246
245
|
} = this.props;
|
|
247
246
|
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
248
|
-
className:
|
|
247
|
+
className: `${cssClassName}`
|
|
249
248
|
}, void 0, /*#__PURE__*/_jsx__default["default"](StartDateTime, {
|
|
250
249
|
onStartDateChange: this.onStartDateChangeInput,
|
|
251
250
|
onStartTimeChange: this.onStartTimeChangeInput,
|
|
@@ -297,7 +296,7 @@ class DateTimePredefinedRangeSelectorImpl extends React.Component {
|
|
|
297
296
|
}), /*#__PURE__*/_jsx__default["default"](DSModal__default["default"], {
|
|
298
297
|
className: "datetime-alert-modal",
|
|
299
298
|
isOpen: alertModal,
|
|
300
|
-
modalTitle:
|
|
299
|
+
modalTitle: `Some months have fewer than ${alertReplace} days` // modalType={modalType}
|
|
301
300
|
,
|
|
302
301
|
onClose: () => this.setState({
|
|
303
302
|
alertModal: false
|
|
@@ -5,7 +5,6 @@ var _jsx = require('@babel/runtime/helpers/jsx');
|
|
|
5
5
|
require('core-js/modules/esnext.async-iterator.find.js');
|
|
6
6
|
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
7
|
require('core-js/modules/esnext.iterator.find.js');
|
|
8
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
9
8
|
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
10
9
|
require('core-js/modules/esnext.iterator.filter.js');
|
|
11
10
|
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
@@ -219,11 +218,11 @@ class DateTimeRecurenceSelectorImpl extends React.Component {
|
|
|
219
218
|
} = this.state;
|
|
220
219
|
const options = [...dropdownPreselectedOptions, advanceOption];
|
|
221
220
|
return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
|
|
222
|
-
className:
|
|
221
|
+
className: `${cssClassName} ${className}`,
|
|
223
222
|
children: [/*#__PURE__*/_jsx__default["default"]("div", {
|
|
224
|
-
className:
|
|
223
|
+
className: `${classNameBlock('container-selector')}`
|
|
225
224
|
}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
|
|
226
|
-
className:
|
|
225
|
+
className: `${classNameElement('dropdown-field-selector')}`,
|
|
227
226
|
components: {
|
|
228
227
|
Option: props => /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.Option, _objectSpread(_objectSpread({}, props), {}, {
|
|
229
228
|
allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
5
4
|
require('core-js/modules/esnext.async-iterator.find.js');
|
|
6
5
|
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
6
|
require('core-js/modules/esnext.iterator.find.js');
|
|
@@ -31,8 +30,8 @@ const DaysOfMonthPicker = _ref => {
|
|
|
31
30
|
let options = dayOfMonthOptions;
|
|
32
31
|
|
|
33
32
|
if (displayOptionsAsCurrentDate) {
|
|
34
|
-
const numberoption =
|
|
35
|
-
const nthoption =
|
|
33
|
+
const numberoption = `on the ${currentDate.format('Do')} of the month`;
|
|
34
|
+
const nthoption = `on the ${nthday.nthDay(currentDate.toDate())} ${currentDate.format('dddd')} of the month`;
|
|
36
35
|
options = [];
|
|
37
36
|
|
|
38
37
|
if (dayOfMonthAsCurrentDateOptions.indexOf('numberOfMonth') > -1) {
|
|
@@ -46,7 +45,7 @@ const DaysOfMonthPicker = _ref => {
|
|
|
46
45
|
|
|
47
46
|
if (dayOfMonthAsCurrentDateOptions.indexOf('dayOfTheWeekOfMonth') > -1) {
|
|
48
47
|
options.push({
|
|
49
|
-
numberLabel:
|
|
48
|
+
numberLabel: `${nthday.nthDay(currentDate.toDate())} ${currentDate.format('dddd')}`,
|
|
50
49
|
label: nthoption,
|
|
51
50
|
value: nthoption,
|
|
52
51
|
dayOfMonthRepeatPickerKey: 'dayOfTheWeekOfMonth'
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
5
4
|
require('core-js/modules/esnext.async-iterator.find.js');
|
|
6
5
|
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
6
|
require('core-js/modules/esnext.iterator.find.js');
|
|
@@ -31,8 +30,8 @@ const DaysOfMonthPicker = _ref => {
|
|
|
31
30
|
let options = dayOfMonthOptions;
|
|
32
31
|
|
|
33
32
|
if (displayOptionsAsCurrentDate) {
|
|
34
|
-
const numberoption =
|
|
35
|
-
const nthoption =
|
|
33
|
+
const numberoption = `on the ${currentDate.format('Do')} of ${currentDate.format('MMMM')}`;
|
|
34
|
+
const nthoption = `on the ${nthday.nthDay(currentDate.toDate())} ${currentDate.format('dddd')} of ${currentDate.format('MMMM')}`;
|
|
36
35
|
options = [];
|
|
37
36
|
|
|
38
37
|
if (dayOfYearAsCurrentDateOptions.indexOf('numberOfYear') > -1) {
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
3
|
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
8
4
|
require('core-js/modules/esnext.iterator.constructor.js');
|
|
9
5
|
require('core-js/modules/esnext.iterator.filter.js');
|
|
10
6
|
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
11
7
|
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
9
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
10
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
12
11
|
var React = require('react');
|
|
13
12
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
14
13
|
var dsForm = require('@elliemae/ds-form');
|
|
@@ -25,13 +25,13 @@ const TimeZonePicker = _ref => {
|
|
|
25
25
|
inputLabel = 'Time Zone'
|
|
26
26
|
} = _ref;
|
|
27
27
|
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
28
|
-
className:
|
|
28
|
+
className: `${cssClassName}`
|
|
29
29
|
}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
|
|
30
30
|
className: "grid-x"
|
|
31
31
|
}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
|
|
32
32
|
className: "cell medium-4 large-3"
|
|
33
33
|
}, void 0, /*#__PURE__*/_jsx__default["default"](LabelWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
|
|
34
|
-
className:
|
|
34
|
+
className: `${classNameElement('label')}`
|
|
35
35
|
}, void 0, inputLabel))), /*#__PURE__*/_jsx__default["default"]("div", {
|
|
36
36
|
className: "cell medium-8 large-9"
|
|
37
37
|
}, void 0, /*#__PURE__*/_jsx__default["default"](FieldWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
|
|
@@ -64,23 +64,23 @@ const CustomOptionRender = _ref => {
|
|
|
64
64
|
} = _ref;
|
|
65
65
|
let display = 'Custom'; // frequency
|
|
66
66
|
|
|
67
|
-
if (qtyRepeatPickerInput === 1) display = typeRepeat[typeRepeatPickerInput];else display =
|
|
67
|
+
if (qtyRepeatPickerInput === 1) display = typeRepeat[typeRepeatPickerInput];else display = `every ${qtyRepeatPickerInput} ${typeRepeatPickerInput}s`; // type
|
|
68
68
|
|
|
69
69
|
if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK) {
|
|
70
|
-
display += dayOfWeekOptionsEnable ?
|
|
70
|
+
display += dayOfWeekOptionsEnable ? ` on ${dayWeekRepeatPickerInput} ` : '';
|
|
71
71
|
} else if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH) {
|
|
72
|
-
display += dayOfMonthOptionsEnable ?
|
|
72
|
+
display += dayOfMonthOptionsEnable ? ` ${dayOfMonthRepeatPickerInput} ` : '';
|
|
73
73
|
} else if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR) {
|
|
74
|
-
display += dayOfYearOptionsEnable ?
|
|
74
|
+
display += dayOfYearOptionsEnable ? ` ${dayOfYearRepeatPickerInput} ` : '';
|
|
75
75
|
} // start & end
|
|
76
76
|
|
|
77
77
|
|
|
78
78
|
if (startDateInput && startDateInput.format) {
|
|
79
|
-
display +=
|
|
79
|
+
display += ` starting on ${startDateInput.format('MM/DD/YYYY')} at ${startTimeInput.format('HH:mm A')}`;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
if (endTypeInput === endTypes.ON) display +=
|
|
83
|
-
if (useTimezoneSelector && timezonePickerInput) display +=
|
|
82
|
+
if (endTypeInput === endTypes.ON) display += `, until ${endDateInput.format('MM/DD/YYYY')} `;else if (endTypeInput === endTypes.AFTER) display += `, for ${endTimesInput} times`;
|
|
83
|
+
if (useTimezoneSelector && timezonePickerInput) display += ` [${timezonePickerInput}]`;
|
|
84
84
|
return /*#__PURE__*/_jsx("em", {}, void 0, display);
|
|
85
85
|
};
|
|
86
86
|
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
3
2
|
import React from 'react';
|
|
4
3
|
import DSModal from '@elliemae/ds-modal';
|
|
5
4
|
import DateTimePredefinedRangeSelectorImpl from '../DateTimeRangeModalImpl/DateTimeRangeModalImpl.js';
|
|
@@ -5,7 +5,6 @@ import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
|
5
5
|
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
6
6
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
7
7
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
8
|
-
import 'core-js/modules/es.string.replace.js';
|
|
9
8
|
import { Component } from 'react';
|
|
10
9
|
import moment from 'moment';
|
|
11
10
|
import { convertPropToCssClassName } from '@elliemae/ds-classnames';
|
|
@@ -173,7 +172,7 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
|
|
|
173
172
|
dayOfMonthRepeatPickerInput: value,
|
|
174
173
|
dayOfMonthRepeatPickerKey: option.dayOfMonthRepeatPickerKey,
|
|
175
174
|
alertModal: option.number > 28 || (option.numberLabel || '').includes('Fifth'),
|
|
176
|
-
alertReplace: option.number ||
|
|
175
|
+
alertReplace: option.number || `${option.numberLabel} `
|
|
177
176
|
}, () => {
|
|
178
177
|
this.onChange();
|
|
179
178
|
});
|
|
@@ -236,7 +235,7 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
|
|
|
236
235
|
displayYearCustomOption
|
|
237
236
|
} = this.props;
|
|
238
237
|
return /*#__PURE__*/_jsx("div", {
|
|
239
|
-
className:
|
|
238
|
+
className: `${cssClassName}`
|
|
240
239
|
}, void 0, /*#__PURE__*/_jsx(StartDateTime, {
|
|
241
240
|
onStartDateChange: this.onStartDateChangeInput,
|
|
242
241
|
onStartTimeChange: this.onStartTimeChangeInput,
|
|
@@ -288,7 +287,7 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
|
|
|
288
287
|
}), /*#__PURE__*/_jsx(DSModal, {
|
|
289
288
|
className: "datetime-alert-modal",
|
|
290
289
|
isOpen: alertModal,
|
|
291
|
-
modalTitle:
|
|
290
|
+
modalTitle: `Some months have fewer than ${alertReplace} days` // modalType={modalType}
|
|
292
291
|
,
|
|
293
292
|
onClose: () => this.setState({
|
|
294
293
|
alertModal: false
|
|
@@ -1,13 +1,12 @@
|
|
|
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';
|
|
5
1
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
6
2
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
7
3
|
import 'core-js/modules/esnext.async-iterator.find.js';
|
|
8
4
|
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
9
5
|
import 'core-js/modules/esnext.iterator.find.js';
|
|
10
|
-
import 'core-js/modules/
|
|
6
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
7
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
8
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
9
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
11
10
|
import { Component } from 'react';
|
|
12
11
|
import { isEqual } from 'lodash';
|
|
13
12
|
import 'react-dates/initialize';
|
|
@@ -212,11 +211,11 @@ class DateTimeRecurenceSelectorImpl extends Component {
|
|
|
212
211
|
} = this.state;
|
|
213
212
|
const options = [...dropdownPreselectedOptions, advanceOption];
|
|
214
213
|
return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
|
|
215
|
-
className:
|
|
214
|
+
className: `${cssClassName} ${className}`,
|
|
216
215
|
children: [/*#__PURE__*/_jsx("div", {
|
|
217
|
-
className:
|
|
216
|
+
className: `${classNameBlock('container-selector')}`
|
|
218
217
|
}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
|
|
219
|
-
className:
|
|
218
|
+
className: `${classNameElement('dropdown-field-selector')}`,
|
|
220
219
|
components: {
|
|
221
220
|
Option: props => /*#__PURE__*/jsx(components.Option, _objectSpread(_objectSpread({}, props), {}, {
|
|
222
221
|
allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
3
2
|
import 'core-js/modules/esnext.async-iterator.find.js';
|
|
4
3
|
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
5
4
|
import 'core-js/modules/esnext.iterator.find.js';
|
|
@@ -25,8 +24,8 @@ const DaysOfMonthPicker = _ref => {
|
|
|
25
24
|
let options = dayOfMonthOptions;
|
|
26
25
|
|
|
27
26
|
if (displayOptionsAsCurrentDate) {
|
|
28
|
-
const numberoption =
|
|
29
|
-
const nthoption =
|
|
27
|
+
const numberoption = `on the ${currentDate.format('Do')} of the month`;
|
|
28
|
+
const nthoption = `on the ${nthDay(currentDate.toDate())} ${currentDate.format('dddd')} of the month`;
|
|
30
29
|
options = [];
|
|
31
30
|
|
|
32
31
|
if (dayOfMonthAsCurrentDateOptions.indexOf('numberOfMonth') > -1) {
|
|
@@ -40,7 +39,7 @@ const DaysOfMonthPicker = _ref => {
|
|
|
40
39
|
|
|
41
40
|
if (dayOfMonthAsCurrentDateOptions.indexOf('dayOfTheWeekOfMonth') > -1) {
|
|
42
41
|
options.push({
|
|
43
|
-
numberLabel:
|
|
42
|
+
numberLabel: `${nthDay(currentDate.toDate())} ${currentDate.format('dddd')}`,
|
|
44
43
|
label: nthoption,
|
|
45
44
|
value: nthoption,
|
|
46
45
|
dayOfMonthRepeatPickerKey: 'dayOfTheWeekOfMonth'
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
3
2
|
import 'core-js/modules/esnext.async-iterator.find.js';
|
|
4
3
|
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
5
4
|
import 'core-js/modules/esnext.iterator.find.js';
|
|
@@ -25,8 +24,8 @@ const DaysOfMonthPicker = _ref => {
|
|
|
25
24
|
let options = dayOfMonthOptions;
|
|
26
25
|
|
|
27
26
|
if (displayOptionsAsCurrentDate) {
|
|
28
|
-
const numberoption =
|
|
29
|
-
const nthoption =
|
|
27
|
+
const numberoption = `on the ${currentDate.format('Do')} of ${currentDate.format('MMMM')}`;
|
|
28
|
+
const nthoption = `on the ${nthDay(currentDate.toDate())} ${currentDate.format('dddd')} of ${currentDate.format('MMMM')}`;
|
|
30
29
|
options = [];
|
|
31
30
|
|
|
32
31
|
if (dayOfYearAsCurrentDateOptions.indexOf('numberOfYear') > -1) {
|
|
@@ -6,7 +6,6 @@ import 'core-js/modules/esnext.iterator.for-each.js';
|
|
|
6
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
7
7
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
8
8
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
9
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
10
9
|
import { useState } from 'react';
|
|
11
10
|
import { convertPropToCssClassName } from '@elliemae/ds-classnames';
|
|
12
11
|
import { DSTextBox, DSComboBox } from '@elliemae/ds-form';
|
|
@@ -19,13 +19,13 @@ const TimeZonePicker = _ref => {
|
|
|
19
19
|
inputLabel = 'Time Zone'
|
|
20
20
|
} = _ref;
|
|
21
21
|
return /*#__PURE__*/_jsx("div", {
|
|
22
|
-
className:
|
|
22
|
+
className: `${cssClassName}`
|
|
23
23
|
}, void 0, /*#__PURE__*/_jsx("div", {
|
|
24
24
|
className: "grid-x"
|
|
25
25
|
}, void 0, /*#__PURE__*/_jsx("div", {
|
|
26
26
|
className: "cell medium-4 large-3"
|
|
27
27
|
}, void 0, /*#__PURE__*/_jsx(LabelWrapper, {}, void 0, /*#__PURE__*/_jsx("div", {
|
|
28
|
-
className:
|
|
28
|
+
className: `${classNameElement('label')}`
|
|
29
29
|
}, void 0, inputLabel))), /*#__PURE__*/_jsx("div", {
|
|
30
30
|
className: "cell medium-8 large-9"
|
|
31
31
|
}, void 0, /*#__PURE__*/_jsx(FieldWrapper, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-date-time-recurrence-picker",
|
|
3
|
-
"version": "2.4.2
|
|
3
|
+
"version": "2.4.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Date Time Recurrence Picker",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -144,11 +144,11 @@
|
|
|
144
144
|
"build": "node ../../scripts/build/build.js"
|
|
145
145
|
},
|
|
146
146
|
"dependencies": {
|
|
147
|
-
"@elliemae/ds-classnames": "2.4.2
|
|
148
|
-
"@elliemae/ds-date-picker": "2.4.2
|
|
149
|
-
"@elliemae/ds-form": "2.4.2
|
|
150
|
-
"@elliemae/ds-modal": "2.4.2
|
|
151
|
-
"@elliemae/ds-time-picker": "2.4.2
|
|
147
|
+
"@elliemae/ds-classnames": "2.4.2",
|
|
148
|
+
"@elliemae/ds-date-picker": "2.4.2",
|
|
149
|
+
"@elliemae/ds-form": "2.4.2",
|
|
150
|
+
"@elliemae/ds-modal": "2.4.2",
|
|
151
|
+
"@elliemae/ds-time-picker": "2.4.2",
|
|
152
152
|
"moment": "~2.29.1",
|
|
153
153
|
"react-dates": "~21.8.0",
|
|
154
154
|
"react-desc": "~4.1.3",
|