@elliemae/ds-date-range-picker 2.2.0-alpha.2 → 2.2.0-beta.0
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 +193 -199
- package/cjs/components/DSDateRangePickerImpl.js +222 -172
- package/cjs/components/DatePickerLabel/DatePickerLabel.js +19 -38
- package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +62 -74
- package/cjs/components/DayPickerRangeController.js +109 -123
- package/cjs/index.js +15 -36
- package/cjs/isMaxDiffSafe.js +13 -39
- package/esm/DSDateRangePicker.js +150 -143
- package/esm/components/DSDateRangePickerImpl.js +197 -131
- package/esm/components/DatePickerLabel/DatePickerLabel.js +13 -9
- package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +45 -36
- package/esm/components/DayPickerRangeController.js +99 -92
- package/esm/index.js +3 -7
- package/esm/isMaxDiffSafe.js +8 -10
- package/package.json +6 -6
- package/types/DSDateRangePicker.d.ts +1 -41
- package/cjs/DSDateRangePicker.js.map +0 -7
- package/cjs/components/DSDateRangePickerImpl.js.map +0 -7
- package/cjs/components/DatePickerLabel/DatePickerLabel.js.map +0 -7
- package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -7
- package/cjs/components/DayPickerRangeController.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/cjs/isMaxDiffSafe.js.map +0 -7
- package/esm/DSDateRangePicker.js.map +0 -7
- package/esm/components/DSDateRangePickerImpl.js.map +0 -7
- package/esm/components/DatePickerLabel/DatePickerLabel.js.map +0 -7
- package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -7
- package/esm/components/DayPickerRangeController.js.map +0 -7
- package/esm/index.js.map +0 -7
- package/esm/isMaxDiffSafe.js.map +0 -7
|
@@ -1,59 +1,51 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
__export(DSDateRangePickerImpl_exports, {
|
|
30
|
-
END_DATE: () => END_DATE,
|
|
31
|
-
START_DATE: () => START_DATE,
|
|
32
|
-
default: () => DSDateRangePickerImpl
|
|
33
|
-
});
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_react = __toESM(require("react"));
|
|
36
|
-
var import_prop_types = __toESM(require("prop-types"));
|
|
37
|
-
var import_moment = __toESM(require("moment"));
|
|
38
|
-
var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
|
|
39
|
-
var import_ds_form = __toESM(require("@elliemae/ds-form"));
|
|
40
|
-
var import_ds_popper = __toESM(require("@elliemae/ds-popper"));
|
|
41
|
-
var import_ds_date_picker = __toESM(require("@elliemae/ds-date-picker"));
|
|
42
|
-
var import_DayPickerRangeController = __toESM(require("./DayPickerRangeController"));
|
|
43
|
-
var import_isMaxDiffSafe = __toESM(require("../isMaxDiffSafe"));
|
|
44
|
-
const START_DATE = "startDate";
|
|
45
|
-
const END_DATE = "endDate";
|
|
46
|
-
const { classNameElement, classNameBlock } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker");
|
|
47
|
-
class DSDateRangePickerImpl extends import_react.default.Component {
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var moment = require('moment');
|
|
8
|
+
var dsClassnames = require('@elliemae/ds-classnames');
|
|
9
|
+
var DSInputMask = require('@elliemae/ds-form');
|
|
10
|
+
var DSPopper = require('@elliemae/ds-popper');
|
|
11
|
+
var dsDatePicker = require('@elliemae/ds-date-picker');
|
|
12
|
+
var DayPickerRangeController = require('./DayPickerRangeController.js');
|
|
13
|
+
var isMaxDiffSafe = require('../isMaxDiffSafe.js');
|
|
14
|
+
|
|
15
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
|
+
|
|
17
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
18
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
|
+
var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
20
|
+
var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
|
|
21
|
+
|
|
22
|
+
const START_DATE = 'startDate';
|
|
23
|
+
const END_DATE = 'endDate';
|
|
24
|
+
const {
|
|
25
|
+
classNameElement,
|
|
26
|
+
classNameBlock
|
|
27
|
+
} = dsClassnames.convertPropToCssClassName('datepicker');
|
|
28
|
+
class DSDateRangePickerImpl extends React__default["default"].Component {
|
|
48
29
|
constructor(props) {
|
|
49
30
|
super(props);
|
|
50
|
-
|
|
51
|
-
|
|
31
|
+
|
|
32
|
+
this.onDatesChange = _ref => {
|
|
33
|
+
let {
|
|
34
|
+
startDate,
|
|
35
|
+
endDate
|
|
36
|
+
} = _ref;
|
|
37
|
+
const {
|
|
38
|
+
onDatesChange
|
|
39
|
+
} = this.props;
|
|
52
40
|
onDatesChange(startDate, endDate);
|
|
53
|
-
const safe =
|
|
41
|
+
const safe = isMaxDiffSafe.isMaxDiffSafe(startDate, endDate, this.state.startDate, this.state.endDate);
|
|
42
|
+
|
|
54
43
|
if (!safe) {
|
|
55
|
-
this.setState({
|
|
44
|
+
this.setState({
|
|
45
|
+
showPicker: false
|
|
46
|
+
});
|
|
56
47
|
}
|
|
48
|
+
|
|
57
49
|
this.setState({
|
|
58
50
|
startDate,
|
|
59
51
|
endDate,
|
|
@@ -61,55 +53,85 @@ class DSDateRangePickerImpl extends import_react.default.Component {
|
|
|
61
53
|
primaryEndInput: false
|
|
62
54
|
});
|
|
63
55
|
};
|
|
56
|
+
|
|
64
57
|
this.onFocusChange = () => {
|
|
65
|
-
this.setState(
|
|
66
|
-
|
|
67
|
-
|
|
58
|
+
this.setState(_ref2 => {
|
|
59
|
+
let {
|
|
60
|
+
focusedInput
|
|
61
|
+
} = _ref2;
|
|
62
|
+
return {
|
|
63
|
+
focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
|
|
64
|
+
};
|
|
65
|
+
});
|
|
68
66
|
};
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
67
|
+
|
|
68
|
+
this.handleKeyDown = event => {
|
|
69
|
+
if (event.key === 'Escape') this.setState({
|
|
70
|
+
showPicker: false
|
|
71
|
+
});
|
|
72
72
|
};
|
|
73
|
+
|
|
73
74
|
this.getSafeStartInputValue = () => {
|
|
74
|
-
const {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
75
|
+
const {
|
|
76
|
+
startInput,
|
|
77
|
+
primaryStartInput,
|
|
78
|
+
startDate
|
|
79
|
+
} = this.state;
|
|
80
|
+
if (primaryStartInput && startInput) return startInput;
|
|
81
|
+
if (!startDate) return '';
|
|
82
|
+
return startDate.format('MMDDYYYY');
|
|
80
83
|
};
|
|
84
|
+
|
|
81
85
|
this.getSafeEndInputValue = () => {
|
|
82
|
-
const {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
86
|
+
const {
|
|
87
|
+
endInput,
|
|
88
|
+
primaryEndInput,
|
|
89
|
+
endDate
|
|
90
|
+
} = this.state;
|
|
91
|
+
if (primaryEndInput && endInput) return endInput;
|
|
92
|
+
if (!endDate) return '';
|
|
93
|
+
return endDate.format('MMDDYYYY');
|
|
88
94
|
};
|
|
95
|
+
|
|
89
96
|
this.changeFocus = () => {
|
|
90
|
-
const {
|
|
97
|
+
const {
|
|
98
|
+
disabled
|
|
99
|
+
} = this.props;
|
|
100
|
+
|
|
91
101
|
if (!disabled) {
|
|
92
|
-
this.setState(() => ({
|
|
102
|
+
this.setState(() => ({
|
|
103
|
+
focusedInput: 'startDate'
|
|
104
|
+
}));
|
|
93
105
|
}
|
|
94
106
|
};
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
107
|
+
|
|
108
|
+
this.handleChangeStart = e => {
|
|
109
|
+
var _momentValue;
|
|
110
|
+
|
|
111
|
+
const {
|
|
112
|
+
onChangeStartInput,
|
|
113
|
+
isDayBlocked,
|
|
114
|
+
minimumNights
|
|
115
|
+
} = this.props;
|
|
116
|
+
const {
|
|
117
|
+
endDate
|
|
118
|
+
} = this.state;
|
|
98
119
|
const startInputVal = e.target.value;
|
|
99
120
|
let momentValue = null;
|
|
100
|
-
|
|
101
|
-
|
|
121
|
+
|
|
122
|
+
if (startInputVal && moment__default["default"](startInputVal, 'MM/DD/YYYY', true).isValid()) {
|
|
123
|
+
momentValue = moment__default["default"](startInputVal);
|
|
102
124
|
}
|
|
125
|
+
|
|
103
126
|
const startDateBlocked = isDayBlocked(momentValue);
|
|
104
|
-
const isStartDateAcceptable = !startDateBlocked && momentValue && startInputVal !==
|
|
105
|
-
const areDatesValid = endDate && momentValue && endDate
|
|
127
|
+
const isStartDateAcceptable = !startDateBlocked && momentValue && startInputVal !== '';
|
|
128
|
+
const areDatesValid = endDate && momentValue && (endDate === null || endDate === void 0 ? void 0 : endDate.isValid()) && ((_momentValue = momentValue) === null || _momentValue === void 0 ? void 0 : _momentValue.isValid());
|
|
106
129
|
const canEndBeSameAsStart = minimumNights === 0;
|
|
107
|
-
const isStartAcceptableWithSelectedEnd = !endDate || areDatesValid && (canEndBeSameAsStart && momentValue.diff(endDate,
|
|
130
|
+
const isStartAcceptableWithSelectedEnd = !endDate || areDatesValid && (canEndBeSameAsStart && momentValue.diff(endDate, 'days') <= 0 || !canEndBeSameAsStart && momentValue.diff(endDate, 'days') < 0);
|
|
108
131
|
const invalidDate = !isStartDateAcceptable || !isStartAcceptableWithSelectedEnd;
|
|
109
|
-
if (startDateBlocked)
|
|
110
|
-
momentValue = null;
|
|
132
|
+
if (startDateBlocked) momentValue = null;
|
|
111
133
|
onChangeStartInput(momentValue);
|
|
112
|
-
this.setState(
|
|
134
|
+
this.setState(prevState => ({
|
|
113
135
|
startDate: momentValue,
|
|
114
136
|
startInput: startInputVal,
|
|
115
137
|
primaryStartInput: true,
|
|
@@ -117,24 +139,38 @@ class DSDateRangePickerImpl extends import_react.default.Component {
|
|
|
117
139
|
endDateError: !isStartDateAcceptable || !prevState.endDateError ? prevState.endDateError : !isStartAcceptableWithSelectedEnd
|
|
118
140
|
}));
|
|
119
141
|
};
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
142
|
+
|
|
143
|
+
this.handleChangeEnd = e => {
|
|
144
|
+
var _momentValue2;
|
|
145
|
+
|
|
146
|
+
const {
|
|
147
|
+
onChangeEndInput,
|
|
148
|
+
isDayBlocked,
|
|
149
|
+
minimumNights
|
|
150
|
+
} = this.props;
|
|
151
|
+
const {
|
|
152
|
+
startDate
|
|
153
|
+
} = this.state;
|
|
123
154
|
const endInputValue = e.target.value;
|
|
124
155
|
let momentValue = null;
|
|
125
|
-
|
|
126
|
-
|
|
156
|
+
|
|
157
|
+
if (endInputValue && moment__default["default"](endInputValue, 'MM/DD/YYYY', true).isValid()) {
|
|
158
|
+
momentValue = moment__default["default"](endInputValue);
|
|
127
159
|
}
|
|
160
|
+
|
|
128
161
|
const endDateBlocked = isDayBlocked(momentValue);
|
|
129
|
-
const isEndDateAcceptable = !endDateBlocked && momentValue && endInputValue !==
|
|
130
|
-
const areDatesValid = startDate && momentValue && startDate
|
|
162
|
+
const isEndDateAcceptable = !endDateBlocked && momentValue && endInputValue !== '';
|
|
163
|
+
const areDatesValid = startDate && momentValue && (startDate === null || startDate === void 0 ? void 0 : startDate.isValid()) && ((_momentValue2 = momentValue) === null || _momentValue2 === void 0 ? void 0 : _momentValue2.isValid());
|
|
131
164
|
const canEndBeSameAsStart = minimumNights === 0;
|
|
132
|
-
const isEndAcceptableWithSelectedStart = !startDate ||
|
|
165
|
+
const isEndAcceptableWithSelectedStart = !startDate || // we can't compare with start date because it's not yet set
|
|
166
|
+
areDatesValid && ( // it's set and both are valid
|
|
167
|
+
canEndBeSameAsStart && momentValue.diff(startDate, 'days') >= 0 || // >= is valid
|
|
168
|
+
!canEndBeSameAsStart && momentValue.diff(startDate, 'days') > 0); // only > is valid
|
|
169
|
+
|
|
133
170
|
const invalidDate = !isEndDateAcceptable || !isEndAcceptableWithSelectedStart;
|
|
134
|
-
if (endDateBlocked)
|
|
135
|
-
momentValue = null;
|
|
171
|
+
if (endDateBlocked) momentValue = null;
|
|
136
172
|
onChangeEndInput(momentValue);
|
|
137
|
-
this.setState(
|
|
173
|
+
this.setState(prevState => ({
|
|
138
174
|
endDate: momentValue,
|
|
139
175
|
endInput: endInputValue,
|
|
140
176
|
primaryEndInput: true,
|
|
@@ -142,37 +178,60 @@ class DSDateRangePickerImpl extends import_react.default.Component {
|
|
|
142
178
|
endDateError: invalidDate
|
|
143
179
|
}));
|
|
144
180
|
};
|
|
145
|
-
|
|
181
|
+
|
|
182
|
+
this.handleChangeDate = _ref3 => {
|
|
183
|
+
let {
|
|
184
|
+
startDate: _start,
|
|
185
|
+
endDate
|
|
186
|
+
} = _ref3;
|
|
187
|
+
|
|
146
188
|
if (_start && endDate) {
|
|
147
189
|
this.setState({
|
|
148
|
-
startDate:
|
|
190
|
+
startDate: moment__default["default"](_start),
|
|
149
191
|
endDate,
|
|
150
192
|
primaryStartInput: false,
|
|
151
193
|
primaryEndInput: false
|
|
152
194
|
});
|
|
153
195
|
} else if (_start) {
|
|
154
|
-
this.setState({
|
|
196
|
+
this.setState({
|
|
197
|
+
startDate: moment__default["default"](_start),
|
|
198
|
+
primaryStartInput: false
|
|
199
|
+
});
|
|
155
200
|
} else if (endDate) {
|
|
156
|
-
this.setState({
|
|
201
|
+
this.setState({
|
|
202
|
+
endDate,
|
|
203
|
+
primaryEndInput: false
|
|
204
|
+
});
|
|
157
205
|
}
|
|
158
206
|
};
|
|
207
|
+
|
|
159
208
|
this.state = {
|
|
160
|
-
startDate: props.startDate ?
|
|
161
|
-
endDate: props.endDate ?
|
|
209
|
+
startDate: props.startDate ? moment__default["default"](props.startDate) : null,
|
|
210
|
+
endDate: props.endDate ? moment__default["default"](props.endDate) : null,
|
|
162
211
|
focusedInput: START_DATE,
|
|
163
212
|
showPicker: false,
|
|
164
213
|
startDateError: false,
|
|
165
214
|
endDateError: false
|
|
166
215
|
};
|
|
167
216
|
}
|
|
217
|
+
|
|
168
218
|
componentDidMount() {
|
|
169
|
-
document.addEventListener(
|
|
219
|
+
document.addEventListener('keydown', this.handleKeyDown, false);
|
|
170
220
|
}
|
|
221
|
+
|
|
171
222
|
componentWillUnmount() {
|
|
172
|
-
document.removeEventListener(
|
|
223
|
+
document.removeEventListener('keydown', this.handleKeyDown, false);
|
|
173
224
|
}
|
|
225
|
+
|
|
174
226
|
render() {
|
|
175
|
-
const {
|
|
227
|
+
const {
|
|
228
|
+
startDate,
|
|
229
|
+
endDate,
|
|
230
|
+
focusedInput,
|
|
231
|
+
showPicker,
|
|
232
|
+
startDateError,
|
|
233
|
+
endDateError
|
|
234
|
+
} = this.state;
|
|
176
235
|
const {
|
|
177
236
|
disabled,
|
|
178
237
|
displayFormatDay,
|
|
@@ -192,102 +251,93 @@ class DSDateRangePickerImpl extends import_react.default.Component {
|
|
|
192
251
|
hasError,
|
|
193
252
|
validationMessage
|
|
194
253
|
} = this.props;
|
|
195
|
-
const inputClass = classNameBlock(
|
|
196
|
-
const inputClassModifier =
|
|
254
|
+
const inputClass = classNameBlock('inputs', 'range-picker');
|
|
255
|
+
const inputClassModifier = '';
|
|
197
256
|
const safeStartInputValue = this.getSafeStartInputValue();
|
|
198
257
|
const safeEndInputValue = this.getSafeEndInputValue();
|
|
199
|
-
return
|
|
200
|
-
className:
|
|
201
|
-
},
|
|
202
|
-
className: classNameBlock(
|
|
203
|
-
},
|
|
258
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
259
|
+
className: "".concat(inputClass, " ").concat(inputClassModifier)
|
|
260
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
|
|
261
|
+
className: classNameBlock('wrapper-input-date-range-picker-controller')
|
|
262
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSInputMask.DSFormItemLayout, {
|
|
204
263
|
floatingLabel: true,
|
|
205
|
-
inputComponent:
|
|
264
|
+
inputComponent: DSInputMask.DSInputMask,
|
|
206
265
|
labelText: labelFrom,
|
|
207
|
-
mask:
|
|
266
|
+
mask: DSInputMask.MASK_TYPES.DATE,
|
|
208
267
|
onChange: this.handleChangeStart,
|
|
209
|
-
onFocus: () => this.setState({
|
|
210
|
-
|
|
268
|
+
onFocus: () => this.setState({
|
|
269
|
+
showPicker: false
|
|
270
|
+
}),
|
|
271
|
+
pipe: DSInputMask.MASK_PIPES.AUTO_CORRECT_DATE,
|
|
211
272
|
value: safeStartInputValue,
|
|
212
273
|
required: startDateRequired,
|
|
213
274
|
hasError: hasError || startDateError,
|
|
214
275
|
placeholder: "MM/DD/YYYY"
|
|
215
|
-
}),
|
|
276
|
+
}), /*#__PURE__*/_jsx__default["default"](DSInputMask.DSFormItemLayout, {
|
|
216
277
|
floatingLabel: true,
|
|
217
|
-
inputComponent:
|
|
278
|
+
inputComponent: DSInputMask.DSInputMask,
|
|
218
279
|
labelText: labelTo,
|
|
219
|
-
mask:
|
|
280
|
+
mask: DSInputMask.MASK_TYPES.DATE,
|
|
220
281
|
onChange: this.handleChangeEnd,
|
|
221
|
-
onFocus: () => this.setState({
|
|
222
|
-
|
|
282
|
+
onFocus: () => this.setState({
|
|
283
|
+
showPicker: false
|
|
284
|
+
}),
|
|
285
|
+
pipe: DSInputMask.MASK_PIPES.AUTO_CORRECT_DATE,
|
|
223
286
|
value: safeEndInputValue,
|
|
224
287
|
required: endDateRequired,
|
|
225
288
|
hasError: hasError || endDateError,
|
|
226
|
-
validationMessage,
|
|
289
|
+
validationMessage: validationMessage,
|
|
227
290
|
placeholder: "MM/DD/YYYY"
|
|
228
|
-
})),
|
|
229
|
-
className: classNameBlock(
|
|
230
|
-
},
|
|
231
|
-
contentComponent:
|
|
232
|
-
enableOutsideDays,
|
|
233
|
-
isDayBlocked,
|
|
234
|
-
isDayHighlighted,
|
|
235
|
-
isOutsideRange,
|
|
236
|
-
displayFormatDay,
|
|
237
|
-
endDate,
|
|
238
|
-
focusedInput,
|
|
291
|
+
})), /*#__PURE__*/_jsx__default["default"]("div", {
|
|
292
|
+
className: classNameBlock('wrapper-button-date-range-picker-controller')
|
|
293
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
|
|
294
|
+
contentComponent: /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, showPicker && /*#__PURE__*/_jsx__default["default"](DayPickerRangeController, {
|
|
295
|
+
enableOutsideDays: enableOutsideDays,
|
|
296
|
+
isDayBlocked: isDayBlocked,
|
|
297
|
+
isDayHighlighted: isDayHighlighted,
|
|
298
|
+
isOutsideRange: isOutsideRange,
|
|
299
|
+
displayFormatDay: displayFormatDay,
|
|
300
|
+
endDate: endDate,
|
|
301
|
+
focusedInput: focusedInput,
|
|
239
302
|
hideKeyboardShortcutsPanel: true,
|
|
240
|
-
minimumNights,
|
|
303
|
+
minimumNights: minimumNights,
|
|
241
304
|
onDatesChange: this.onDatesChange,
|
|
242
305
|
onFocusChange: this.onFocusChange,
|
|
243
|
-
onOutsideClick:
|
|
306
|
+
onOutsideClick: e => {
|
|
244
307
|
onOutsideClick(e);
|
|
245
|
-
this.setState({
|
|
308
|
+
this.setState({
|
|
309
|
+
showPicker: false
|
|
310
|
+
});
|
|
246
311
|
},
|
|
247
|
-
onNextMonthClick,
|
|
248
|
-
onPrevMonthClick,
|
|
249
|
-
startDate,
|
|
250
|
-
renderMonthElement:
|
|
312
|
+
onNextMonthClick: onNextMonthClick,
|
|
313
|
+
onPrevMonthClick: onPrevMonthClick,
|
|
314
|
+
startDate: startDate,
|
|
315
|
+
renderMonthElement: dsDatePicker.renderMonthElement
|
|
251
316
|
})),
|
|
252
317
|
isOpen: showPicker && !startDateError && !endDateError,
|
|
253
|
-
onClose,
|
|
318
|
+
onClose: onClose,
|
|
254
319
|
placement: "bottom-end",
|
|
255
320
|
showArrow: false,
|
|
256
|
-
triggerComponent:
|
|
257
|
-
onFocus: () => this.setState({
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
321
|
+
triggerComponent: /*#__PURE__*/_jsx__default["default"]("div", {
|
|
322
|
+
onFocus: () => this.setState({
|
|
323
|
+
showPicker: true
|
|
324
|
+
})
|
|
325
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerPicker, {
|
|
326
|
+
className: classNameElement('picker'),
|
|
327
|
+
disabled: disabled,
|
|
328
|
+
onClick: () => this.setState({
|
|
329
|
+
showPicker: true
|
|
330
|
+
})
|
|
331
|
+
}), hasError && validationMessage && /*#__PURE__*/_jsx__default["default"]("div", {
|
|
332
|
+
style: {
|
|
333
|
+
height: 15
|
|
334
|
+
}
|
|
264
335
|
}))
|
|
265
336
|
})));
|
|
266
337
|
}
|
|
338
|
+
|
|
267
339
|
}
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
onChangeStartInput: import_prop_types.default.func,
|
|
273
|
-
onChangeEndInput: import_prop_types.default.func,
|
|
274
|
-
onNextMonthClick: import_prop_types.default.func,
|
|
275
|
-
onPrevMonthClick: import_prop_types.default.func,
|
|
276
|
-
onClose: import_prop_types.default.func,
|
|
277
|
-
onOutsideClick: import_prop_types.default.func,
|
|
278
|
-
disabled: import_prop_types.default.bool,
|
|
279
|
-
displayFormatDay: import_prop_types.default.string,
|
|
280
|
-
minimumNights: import_prop_types.default.number,
|
|
281
|
-
labelTo: import_prop_types.default.string,
|
|
282
|
-
labelFrom: import_prop_types.default.string,
|
|
283
|
-
isDayBlocked: import_prop_types.default.func,
|
|
284
|
-
isDayHighlighted: import_prop_types.default.func,
|
|
285
|
-
isOutsideRange: import_prop_types.default.func,
|
|
286
|
-
enableOutsideDays: import_prop_types.default.bool,
|
|
287
|
-
startDateRequired: import_prop_types.default.bool,
|
|
288
|
-
endDateRequired: import_prop_types.default.bool,
|
|
289
|
-
hasError: import_prop_types.default.bool,
|
|
290
|
-
validationMessage: import_prop_types.default.string
|
|
291
|
-
};
|
|
292
|
-
module.exports = __toCommonJS(DSDateRangePickerImpl_exports);
|
|
293
|
-
//# sourceMappingURL=DSDateRangePickerImpl.js.map
|
|
340
|
+
|
|
341
|
+
exports.END_DATE = END_DATE;
|
|
342
|
+
exports.START_DATE = START_DATE;
|
|
343
|
+
exports["default"] = DSDateRangePickerImpl;
|
|
@@ -1,39 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('react');
|
|
5
|
+
|
|
6
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
7
|
+
|
|
8
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
9
|
+
|
|
10
|
+
const Label = _ref => {
|
|
11
|
+
let {
|
|
12
|
+
className = 'date-picker-label',
|
|
13
|
+
label = ''
|
|
14
|
+
} = _ref;
|
|
15
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
16
|
+
className: className
|
|
17
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, label));
|
|
11
18
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var DatePickerLabel_exports = {};
|
|
29
|
-
__export(DatePickerLabel_exports, {
|
|
30
|
-
default: () => DatePickerLabel_default
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
const Label = ({ className = "date-picker-label", label = "" }) => /* @__PURE__ */ import_react.default.createElement("div", {
|
|
35
|
-
className
|
|
36
|
-
}, /* @__PURE__ */ import_react.default.createElement("span", null, label));
|
|
37
|
-
var DatePickerLabel_default = Label;
|
|
38
|
-
module.exports = __toCommonJS(DatePickerLabel_exports);
|
|
39
|
-
//# sourceMappingURL=DatePickerLabel.js.map
|
|
19
|
+
|
|
20
|
+
module.exports = Label;
|