@elliemae/ds-date-range-picker 2.0.0-alpha.2 → 2.0.0-alpha.6
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/DSDateRangePicker.js +8 -8
- package/cjs/components/DSDateRangePickerImpl.js +31 -31
- package/cjs/components/DatePickerLabel/DatePickerLabel.js +2 -2
- package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +6 -6
- package/cjs/components/DayPickerRangeController.js +6 -6
- package/cjs/index.js +1 -1
- package/package.json +4 -4
package/cjs/DSDateRangePicker.js
CHANGED
|
@@ -22,7 +22,7 @@ var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
|
22
22
|
|
|
23
23
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
24
24
|
|
|
25
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
26
26
|
|
|
27
27
|
const DSDateRangePicker = ({
|
|
28
28
|
containerProps = {},
|
|
@@ -36,7 +36,7 @@ const DSDateRangePicker = ({
|
|
|
36
36
|
validationMessage = '',
|
|
37
37
|
readOnly = false,
|
|
38
38
|
screenReaderInputMessage = 'Select date',
|
|
39
|
-
initialVisibleMonth = moment__default[
|
|
39
|
+
initialVisibleMonth = moment__default["default"](),
|
|
40
40
|
firstDayOfWeek = 0,
|
|
41
41
|
keepOpenOnDateSelect = true,
|
|
42
42
|
reopenPickerOnClearDates = false,
|
|
@@ -76,7 +76,7 @@ const DSDateRangePicker = ({
|
|
|
76
76
|
});
|
|
77
77
|
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
|
|
78
78
|
className: `${prefixBlockName}-range ${cssClassName} ${prefixBlockName}-range`,
|
|
79
|
-
children: /*#__PURE__*/_jsx__default[
|
|
79
|
+
children: /*#__PURE__*/_jsx__default["default"](DSDateRangePickerImpl["default"], {
|
|
80
80
|
appendToBody: true,
|
|
81
81
|
disabled: disabled,
|
|
82
82
|
displayFormat: displayFormat,
|
|
@@ -86,7 +86,7 @@ const DSDateRangePicker = ({
|
|
|
86
86
|
endDateId: endDateId,
|
|
87
87
|
firstDayOfWeek: firstDayOfWeek,
|
|
88
88
|
hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
|
|
89
|
-
initialVisibleMonth: () => initialVisibleMonth ? moment__default[
|
|
89
|
+
initialVisibleMonth: () => initialVisibleMonth ? moment__default["default"](initialVisibleMonth) : moment__default["default"](startDate),
|
|
90
90
|
isDayBlocked: isDayBlocked,
|
|
91
91
|
isDayHighlighted: isDayHighlighted,
|
|
92
92
|
isOutsideRange: isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange,
|
|
@@ -130,7 +130,7 @@ const dateRangePickerProps = {
|
|
|
130
130
|
validationMessage: reactDesc.PropTypes.string.description('validation message'),
|
|
131
131
|
readOnly: reactDesc.PropTypes.bool.description('component is read only or not').description(false),
|
|
132
132
|
screenReaderInputMessage: reactDesc.PropTypes.string.description('message to be anounced by screen reader').defaultValue('select date'),
|
|
133
|
-
initialVisibleMonth: reactDesc.PropTypes.instanceOf(Date, moment__default[
|
|
133
|
+
initialVisibleMonth: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('initial visible month'),
|
|
134
134
|
firstDayOfWeek: reactDesc.PropTypes.number.description('first day of week').defaultValue(0),
|
|
135
135
|
keepOpenOnDateSelect: reactDesc.PropTypes.bool.description('keep picker open when a date is selected').defaultValue(true),
|
|
136
136
|
reopenPickerOnClearDates: reactDesc.PropTypes.bool.description('reopen picker when clearing dates').defaultValue(false),
|
|
@@ -176,8 +176,8 @@ const dateRangePickerProps = {
|
|
|
176
176
|
dateIsUnavailable: reactDesc.PropTypes.func,
|
|
177
177
|
dateIsSelected: reactDesc.PropTypes.func
|
|
178
178
|
}).description('react-dates phrases'),
|
|
179
|
-
startDate: reactDesc.PropTypes.instanceOf(Date, moment__default[
|
|
180
|
-
endDate: reactDesc.PropTypes.instanceOf(Date, moment__default[
|
|
179
|
+
startDate: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('start date value'),
|
|
180
|
+
endDate: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('end date value'),
|
|
181
181
|
startDateId: reactDesc.PropTypes.string.description('start date id'),
|
|
182
182
|
endDateId: reactDesc.PropTypes.string.description('end date id'),
|
|
183
183
|
labelFrom: reactDesc.PropTypes.string.description('label of start date input'),
|
|
@@ -195,4 +195,4 @@ exports.DayPickerRangeController = DayPickerRangeController;
|
|
|
195
195
|
exports.END_DATE = DSDateRangePickerImpl.END_DATE;
|
|
196
196
|
exports.START_DATE = DSDateRangePickerImpl.START_DATE;
|
|
197
197
|
exports.DateRangePickerWithSchema = DateRangePickerWithSchema;
|
|
198
|
-
exports[
|
|
198
|
+
exports["default"] = DSDateRangePicker;
|
|
@@ -30,11 +30,11 @@ const {
|
|
|
30
30
|
classNameElement,
|
|
31
31
|
classNameBlock
|
|
32
32
|
} = dsClassnames.convertPropToCssClassName('datepicker');
|
|
33
|
-
class DSDateRangePickerImpl extends React__default[
|
|
33
|
+
class DSDateRangePickerImpl extends React__default["default"].Component {
|
|
34
34
|
constructor(props) {
|
|
35
35
|
super(props);
|
|
36
36
|
|
|
37
|
-
_defineProperty__default[
|
|
37
|
+
_defineProperty__default["default"](this, "onDatesChange", ({
|
|
38
38
|
startDate,
|
|
39
39
|
endDate
|
|
40
40
|
}) => {
|
|
@@ -58,7 +58,7 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
|
|
|
58
58
|
});
|
|
59
59
|
});
|
|
60
60
|
|
|
61
|
-
_defineProperty__default[
|
|
61
|
+
_defineProperty__default["default"](this, "onFocusChange", () => {
|
|
62
62
|
this.setState(({
|
|
63
63
|
focusedInput
|
|
64
64
|
}) => ({
|
|
@@ -66,13 +66,13 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
|
|
|
66
66
|
}));
|
|
67
67
|
});
|
|
68
68
|
|
|
69
|
-
_defineProperty__default[
|
|
69
|
+
_defineProperty__default["default"](this, "handleKeyDown", event => {
|
|
70
70
|
if (event.key === 'Escape') this.setState({
|
|
71
71
|
showPicker: false
|
|
72
72
|
});
|
|
73
73
|
});
|
|
74
74
|
|
|
75
|
-
_defineProperty__default[
|
|
75
|
+
_defineProperty__default["default"](this, "getSafeStartInputValue", () => {
|
|
76
76
|
const {
|
|
77
77
|
startInput,
|
|
78
78
|
primaryStartInput,
|
|
@@ -83,7 +83,7 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
|
|
|
83
83
|
return startDate.format('MMDDYYYY');
|
|
84
84
|
});
|
|
85
85
|
|
|
86
|
-
_defineProperty__default[
|
|
86
|
+
_defineProperty__default["default"](this, "getSafeEndInputValue", () => {
|
|
87
87
|
const {
|
|
88
88
|
endInput,
|
|
89
89
|
primaryEndInput,
|
|
@@ -94,7 +94,7 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
|
|
|
94
94
|
return endDate.format('MMDDYYYY');
|
|
95
95
|
});
|
|
96
96
|
|
|
97
|
-
_defineProperty__default[
|
|
97
|
+
_defineProperty__default["default"](this, "changeFocus", () => {
|
|
98
98
|
const {
|
|
99
99
|
disabled
|
|
100
100
|
} = this.props;
|
|
@@ -106,7 +106,7 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
|
|
|
106
106
|
}
|
|
107
107
|
});
|
|
108
108
|
|
|
109
|
-
_defineProperty__default[
|
|
109
|
+
_defineProperty__default["default"](this, "handleChangeStart", e => {
|
|
110
110
|
var _momentValue;
|
|
111
111
|
|
|
112
112
|
const {
|
|
@@ -120,8 +120,8 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
|
|
|
120
120
|
const startInputVal = e.target.value;
|
|
121
121
|
let momentValue = null;
|
|
122
122
|
|
|
123
|
-
if (startInputVal && moment__default[
|
|
124
|
-
momentValue = moment__default[
|
|
123
|
+
if (startInputVal && moment__default["default"](startInputVal, 'MM/DD/YYYY', true).isValid()) {
|
|
124
|
+
momentValue = moment__default["default"](startInputVal);
|
|
125
125
|
}
|
|
126
126
|
|
|
127
127
|
const startDateBlocked = isDayBlocked(momentValue);
|
|
@@ -141,7 +141,7 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
|
|
|
141
141
|
}));
|
|
142
142
|
});
|
|
143
143
|
|
|
144
|
-
_defineProperty__default[
|
|
144
|
+
_defineProperty__default["default"](this, "handleChangeEnd", e => {
|
|
145
145
|
var _momentValue2;
|
|
146
146
|
|
|
147
147
|
const {
|
|
@@ -155,8 +155,8 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
|
|
|
155
155
|
const endInputValue = e.target.value;
|
|
156
156
|
let momentValue = null;
|
|
157
157
|
|
|
158
|
-
if (endInputValue && moment__default[
|
|
159
|
-
momentValue = moment__default[
|
|
158
|
+
if (endInputValue && moment__default["default"](endInputValue, 'MM/DD/YYYY', true).isValid()) {
|
|
159
|
+
momentValue = moment__default["default"](endInputValue);
|
|
160
160
|
}
|
|
161
161
|
|
|
162
162
|
const endDateBlocked = isDayBlocked(momentValue);
|
|
@@ -177,20 +177,20 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
|
|
|
177
177
|
}));
|
|
178
178
|
});
|
|
179
179
|
|
|
180
|
-
_defineProperty__default[
|
|
180
|
+
_defineProperty__default["default"](this, "handleChangeDate", ({
|
|
181
181
|
startDate: _start,
|
|
182
182
|
endDate
|
|
183
183
|
}) => {
|
|
184
184
|
if (_start && endDate) {
|
|
185
185
|
this.setState({
|
|
186
|
-
startDate: moment__default[
|
|
186
|
+
startDate: moment__default["default"](_start),
|
|
187
187
|
endDate,
|
|
188
188
|
primaryStartInput: false,
|
|
189
189
|
primaryEndInput: false
|
|
190
190
|
});
|
|
191
191
|
} else if (_start) {
|
|
192
192
|
this.setState({
|
|
193
|
-
startDate: moment__default[
|
|
193
|
+
startDate: moment__default["default"](_start),
|
|
194
194
|
primaryStartInput: false
|
|
195
195
|
});
|
|
196
196
|
} else if (endDate) {
|
|
@@ -202,8 +202,8 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
|
|
|
202
202
|
});
|
|
203
203
|
|
|
204
204
|
this.state = {
|
|
205
|
-
startDate: props.startDate ? moment__default[
|
|
206
|
-
endDate: props.endDate ? moment__default[
|
|
205
|
+
startDate: props.startDate ? moment__default["default"](props.startDate) : null,
|
|
206
|
+
endDate: props.endDate ? moment__default["default"](props.endDate) : null,
|
|
207
207
|
focusedInput: START_DATE,
|
|
208
208
|
showPicker: false,
|
|
209
209
|
startDateError: false,
|
|
@@ -251,13 +251,13 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
|
|
|
251
251
|
const inputClassModifier = '';
|
|
252
252
|
const safeStartInputValue = this.getSafeStartInputValue();
|
|
253
253
|
const safeEndInputValue = this.getSafeEndInputValue();
|
|
254
|
-
return /*#__PURE__*/_jsx__default[
|
|
254
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
255
255
|
className: `${inputClass} ${inputClassModifier}`
|
|
256
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
256
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
|
|
257
257
|
className: classNameBlock('wrapper-input-date-range-picker-controller')
|
|
258
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
258
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSFormItemLayout__default["default"], {
|
|
259
259
|
floatingLabel: true,
|
|
260
|
-
inputComponent: DSInputMask__default[
|
|
260
|
+
inputComponent: DSInputMask__default["default"],
|
|
261
261
|
labelText: labelFrom,
|
|
262
262
|
mask: DSInputMask.MASK_TYPES.DATE,
|
|
263
263
|
onChange: this.handleChangeStart,
|
|
@@ -269,9 +269,9 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
|
|
|
269
269
|
required: startDateRequired,
|
|
270
270
|
hasError: hasError || startDateError,
|
|
271
271
|
placeholder: "MM/DD/YYYY"
|
|
272
|
-
}), /*#__PURE__*/_jsx__default[
|
|
272
|
+
}), /*#__PURE__*/_jsx__default["default"](DSFormItemLayout__default["default"], {
|
|
273
273
|
floatingLabel: true,
|
|
274
|
-
inputComponent: DSInputMask__default[
|
|
274
|
+
inputComponent: DSInputMask__default["default"],
|
|
275
275
|
labelText: labelTo,
|
|
276
276
|
mask: DSInputMask.MASK_TYPES.DATE,
|
|
277
277
|
onChange: this.handleChangeEnd,
|
|
@@ -284,10 +284,10 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
|
|
|
284
284
|
hasError: hasError || endDateError,
|
|
285
285
|
validationMessage: validationMessage,
|
|
286
286
|
placeholder: "MM/DD/YYYY"
|
|
287
|
-
})), /*#__PURE__*/_jsx__default[
|
|
287
|
+
})), /*#__PURE__*/_jsx__default["default"]("div", {
|
|
288
288
|
className: classNameBlock('wrapper-button-date-range-picker-controller')
|
|
289
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
290
|
-
contentComponent: /*#__PURE__*/_jsx__default[
|
|
289
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
|
|
290
|
+
contentComponent: /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, showPicker && /*#__PURE__*/_jsx__default["default"](DayPickerRangeController, {
|
|
291
291
|
enableOutsideDays: enableOutsideDays,
|
|
292
292
|
isDayBlocked: isDayBlocked,
|
|
293
293
|
isDayHighlighted: isDayHighlighted,
|
|
@@ -314,17 +314,17 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
|
|
|
314
314
|
onClose: onClose,
|
|
315
315
|
placement: "bottom-end",
|
|
316
316
|
showArrow: false,
|
|
317
|
-
triggerComponent: /*#__PURE__*/_jsx__default[
|
|
317
|
+
triggerComponent: /*#__PURE__*/_jsx__default["default"]("div", {
|
|
318
318
|
onFocus: () => this.setState({
|
|
319
319
|
showPicker: true
|
|
320
320
|
})
|
|
321
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
321
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerPicker, {
|
|
322
322
|
className: classNameElement('picker'),
|
|
323
323
|
disabled: disabled,
|
|
324
324
|
onClick: () => this.setState({
|
|
325
325
|
showPicker: true
|
|
326
326
|
})
|
|
327
|
-
}), hasError && validationMessage && /*#__PURE__*/_jsx__default[
|
|
327
|
+
}), hasError && validationMessage && /*#__PURE__*/_jsx__default["default"]("div", {
|
|
328
328
|
style: {
|
|
329
329
|
height: 15
|
|
330
330
|
}
|
|
@@ -336,4 +336,4 @@ class DSDateRangePickerImpl extends React__default['default'].Component {
|
|
|
336
336
|
|
|
337
337
|
exports.END_DATE = END_DATE;
|
|
338
338
|
exports.START_DATE = START_DATE;
|
|
339
|
-
exports[
|
|
339
|
+
exports["default"] = DSDateRangePickerImpl;
|
|
@@ -10,8 +10,8 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
10
10
|
const Label = ({
|
|
11
11
|
className = 'date-picker-label',
|
|
12
12
|
label = ''
|
|
13
|
-
}) => /*#__PURE__*/_jsx__default[
|
|
13
|
+
}) => /*#__PURE__*/_jsx__default["default"]("div", {
|
|
14
14
|
className: className
|
|
15
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
15
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, label));
|
|
16
16
|
|
|
17
17
|
module.exports = Label;
|
|
@@ -52,18 +52,18 @@ const DatePickerRangeHeader = ({
|
|
|
52
52
|
|
|
53
53
|
const handleOnBlurStart = e => {
|
|
54
54
|
const newStartValue = e.target.value;
|
|
55
|
-
onStartInputChange(moment__default[
|
|
55
|
+
onStartInputChange(moment__default["default"](newStartValue));
|
|
56
56
|
};
|
|
57
57
|
|
|
58
58
|
const handleOnBlurEnd = e => {
|
|
59
59
|
const newEndValue = e.target.value;
|
|
60
|
-
onEndInputChange(moment__default[
|
|
60
|
+
onEndInputChange(moment__default["default"](newEndValue));
|
|
61
61
|
};
|
|
62
62
|
|
|
63
63
|
const handleOnKeyDownStart = e => {
|
|
64
64
|
if (e.key === 'Enter') {
|
|
65
65
|
const newValue = e.target.value;
|
|
66
|
-
onStartInputChange(moment__default[
|
|
66
|
+
onStartInputChange(moment__default["default"](newValue));
|
|
67
67
|
e.target.blur();
|
|
68
68
|
}
|
|
69
69
|
};
|
|
@@ -71,12 +71,12 @@ const DatePickerRangeHeader = ({
|
|
|
71
71
|
const handleOnKeyDownEnd = e => {
|
|
72
72
|
if (e.key === 'Enter') {
|
|
73
73
|
const newValue = e.target.value;
|
|
74
|
-
onEndInputChange(moment__default[
|
|
74
|
+
onEndInputChange(moment__default["default"](newValue));
|
|
75
75
|
e.target.blur();
|
|
76
76
|
}
|
|
77
77
|
};
|
|
78
78
|
|
|
79
|
-
return /*#__PURE__*/_jsx__default[
|
|
79
|
+
return /*#__PURE__*/_jsx__default["default"](Header, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSInputGroup__default["default"], {}, void 0, /*#__PURE__*/_jsx__default["default"](DSInputMask__default["default"], {
|
|
80
80
|
"aria-label": placeholderStart || 'Date Picker Input Mask',
|
|
81
81
|
mask: DSInputMask.MASK_TYPES.DATE,
|
|
82
82
|
onBlur: handleOnBlurStart,
|
|
@@ -85,7 +85,7 @@ const DatePickerRangeHeader = ({
|
|
|
85
85
|
pipe: DSInputMask.MASK_PIPES.AUTO_CORRECT_DATE,
|
|
86
86
|
placeholder: placeholderStart,
|
|
87
87
|
value: startValue
|
|
88
|
-
}), /*#__PURE__*/_jsx__default[
|
|
88
|
+
}), /*#__PURE__*/_jsx__default["default"](DSInputMask__default["default"], {
|
|
89
89
|
"aria-label": placeholderEnd || 'Date Picker Input Mask',
|
|
90
90
|
mask: DSInputMask.MASK_TYPES.DATE,
|
|
91
91
|
onBlur: handleOnBlurEnd,
|
|
@@ -21,7 +21,7 @@ const _excluded = ["endDate", "startDate", "displayFormatDay", "focusedInput", "
|
|
|
21
21
|
|
|
22
22
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
23
23
|
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
25
25
|
const {
|
|
26
26
|
classNameElement,
|
|
27
27
|
classNameBlock
|
|
@@ -43,7 +43,7 @@ const DayPickerRangeController = _ref => {
|
|
|
43
43
|
onNextMonthClick = () => null,
|
|
44
44
|
onPrevMonthClick = () => null
|
|
45
45
|
} = _ref,
|
|
46
|
-
otherProps = _objectWithoutProperties__default[
|
|
46
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
47
47
|
|
|
48
48
|
const datePickerRef = React.useRef();
|
|
49
49
|
React.useEffect(() => {
|
|
@@ -117,19 +117,19 @@ const DayPickerRangeController = _ref => {
|
|
|
117
117
|
focused: true,
|
|
118
118
|
focusedInput: focusedInput,
|
|
119
119
|
hideKeyboardShortcutsPanel: true,
|
|
120
|
-
navNext: /*#__PURE__*/_jsx__default[
|
|
120
|
+
navNext: /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerNavigation, {
|
|
121
121
|
className: classNameElement('navigation-next')
|
|
122
122
|
}),
|
|
123
|
-
navPrev: /*#__PURE__*/_jsx__default[
|
|
123
|
+
navPrev: /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerNavigation, {
|
|
124
124
|
className: classNameElement('navigation-prev'),
|
|
125
|
-
icon: ChevronLeft__default[
|
|
125
|
+
icon: ChevronLeft__default["default"]
|
|
126
126
|
}),
|
|
127
127
|
onDatesChange: onDatesChange,
|
|
128
128
|
onFocusChange: onFocusChange,
|
|
129
129
|
onOutsideClick: onOutsideClick,
|
|
130
130
|
onNextMonthClick: onNextMonthClick,
|
|
131
131
|
onPrevMonthClick: onPrevMonthClick,
|
|
132
|
-
renderDayContents: date => /*#__PURE__*/_jsx__default[
|
|
132
|
+
renderDayContents: date => /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerDay, {
|
|
133
133
|
className: classNameElement('day-contents'),
|
|
134
134
|
date: date.format(displayFormatDay)
|
|
135
135
|
}),
|
package/cjs/index.js
CHANGED
|
@@ -9,7 +9,7 @@ var DSDateRangePickerImpl = require('./components/DSDateRangePickerImpl.js');
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
exports.DateRangePickerWithSchema = DSDateRangePicker.DateRangePickerWithSchema;
|
|
12
|
-
exports
|
|
12
|
+
exports["default"] = DSDateRangePicker["default"];
|
|
13
13
|
exports.DayPickerRangeController = DayPickerRangeController;
|
|
14
14
|
exports.END_DATE = DSDateRangePickerImpl.END_DATE;
|
|
15
15
|
exports.START_DATE = DSDateRangePickerImpl.START_DATE;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-date-range-picker",
|
|
3
|
-
"version": "2.0.0-alpha.
|
|
3
|
+
"version": "2.0.0-alpha.6",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Date Range Picker",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -56,9 +56,9 @@
|
|
|
56
56
|
"build": "node ../../scripts/build/build.js"
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@elliemae/ds-basic": "2.0.0-alpha.
|
|
60
|
-
"@elliemae/ds-classnames": "2.0.0-alpha.
|
|
61
|
-
"@elliemae/ds-date-picker": "2.0.0-alpha.
|
|
59
|
+
"@elliemae/ds-basic": "2.0.0-alpha.6",
|
|
60
|
+
"@elliemae/ds-classnames": "2.0.0-alpha.6",
|
|
61
|
+
"@elliemae/ds-date-picker": "2.0.0-alpha.6",
|
|
62
62
|
"moment": "~2.29.1",
|
|
63
63
|
"prop-types": "~15.7.2",
|
|
64
64
|
"react-dates": "~21.8.0",
|