@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.
Files changed (30) hide show
  1. package/cjs/DSDateRangePicker.js +193 -199
  2. package/cjs/components/DSDateRangePickerImpl.js +222 -172
  3. package/cjs/components/DatePickerLabel/DatePickerLabel.js +19 -38
  4. package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +62 -74
  5. package/cjs/components/DayPickerRangeController.js +109 -123
  6. package/cjs/index.js +15 -36
  7. package/cjs/isMaxDiffSafe.js +13 -39
  8. package/esm/DSDateRangePicker.js +150 -143
  9. package/esm/components/DSDateRangePickerImpl.js +197 -131
  10. package/esm/components/DatePickerLabel/DatePickerLabel.js +13 -9
  11. package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +45 -36
  12. package/esm/components/DayPickerRangeController.js +99 -92
  13. package/esm/index.js +3 -7
  14. package/esm/isMaxDiffSafe.js +8 -10
  15. package/package.json +6 -6
  16. package/types/DSDateRangePicker.d.ts +1 -41
  17. package/cjs/DSDateRangePicker.js.map +0 -7
  18. package/cjs/components/DSDateRangePickerImpl.js.map +0 -7
  19. package/cjs/components/DatePickerLabel/DatePickerLabel.js.map +0 -7
  20. package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -7
  21. package/cjs/components/DayPickerRangeController.js.map +0 -7
  22. package/cjs/index.js.map +0 -7
  23. package/cjs/isMaxDiffSafe.js.map +0 -7
  24. package/esm/DSDateRangePicker.js.map +0 -7
  25. package/esm/components/DSDateRangePickerImpl.js.map +0 -7
  26. package/esm/components/DatePickerLabel/DatePickerLabel.js.map +0 -7
  27. package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -7
  28. package/esm/components/DayPickerRangeController.js.map +0 -7
  29. package/esm/index.js.map +0 -7
  30. package/esm/isMaxDiffSafe.js.map +0 -7
@@ -1,59 +1,51 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
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 DSDateRangePickerImpl_exports = {};
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
- this.onDatesChange = ({ startDate, endDate }) => {
51
- const { onDatesChange } = this.props;
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 = (0, import_isMaxDiffSafe.isMaxDiffSafe)(startDate, endDate, this.state.startDate, this.state.endDate);
41
+ const safe = isMaxDiffSafe.isMaxDiffSafe(startDate, endDate, this.state.startDate, this.state.endDate);
42
+
54
43
  if (!safe) {
55
- this.setState({ showPicker: false });
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(({ focusedInput }) => ({
66
- focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
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
- this.handleKeyDown = (event) => {
70
- if (event.key === "Escape")
71
- this.setState({ showPicker: false });
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 { startInput, primaryStartInput, startDate } = this.state;
75
- if (primaryStartInput && startInput)
76
- return startInput;
77
- if (!startDate)
78
- return "";
79
- return startDate.format("MMDDYYYY");
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 { endInput, primaryEndInput, endDate } = this.state;
83
- if (primaryEndInput && endInput)
84
- return endInput;
85
- if (!endDate)
86
- return "";
87
- return endDate.format("MMDDYYYY");
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 { disabled } = this.props;
97
+ const {
98
+ disabled
99
+ } = this.props;
100
+
91
101
  if (!disabled) {
92
- this.setState(() => ({ focusedInput: "startDate" }));
102
+ this.setState(() => ({
103
+ focusedInput: 'startDate'
104
+ }));
93
105
  }
94
106
  };
95
- this.handleChangeStart = (e) => {
96
- const { onChangeStartInput, isDayBlocked, minimumNights } = this.props;
97
- const { endDate } = this.state;
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
- if (startInputVal && (0, import_moment.default)(startInputVal, "MM/DD/YYYY", true).isValid()) {
101
- momentValue = (0, import_moment.default)(startInputVal);
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?.isValid() && momentValue?.isValid();
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, "days") <= 0 || !canEndBeSameAsStart && momentValue.diff(endDate, "days") < 0);
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((prevState) => ({
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
- this.handleChangeEnd = (e) => {
121
- const { onChangeEndInput, isDayBlocked, minimumNights } = this.props;
122
- const { startDate } = this.state;
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
- if (endInputValue && (0, import_moment.default)(endInputValue, "MM/DD/YYYY", true).isValid()) {
126
- momentValue = (0, import_moment.default)(endInputValue);
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?.isValid() && momentValue?.isValid();
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 || areDatesValid && (canEndBeSameAsStart && momentValue.diff(startDate, "days") >= 0 || !canEndBeSameAsStart && momentValue.diff(startDate, "days") > 0);
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((prevState) => ({
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
- this.handleChangeDate = ({ startDate: _start, endDate }) => {
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: (0, import_moment.default)(_start),
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({ startDate: (0, import_moment.default)(_start), primaryStartInput: false });
196
+ this.setState({
197
+ startDate: moment__default["default"](_start),
198
+ primaryStartInput: false
199
+ });
155
200
  } else if (endDate) {
156
- this.setState({ endDate, primaryEndInput: false });
201
+ this.setState({
202
+ endDate,
203
+ primaryEndInput: false
204
+ });
157
205
  }
158
206
  };
207
+
159
208
  this.state = {
160
- startDate: props.startDate ? (0, import_moment.default)(props.startDate) : null,
161
- endDate: props.endDate ? (0, import_moment.default)(props.endDate) : null,
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("keydown", this.handleKeyDown, false);
219
+ document.addEventListener('keydown', this.handleKeyDown, false);
170
220
  }
221
+
171
222
  componentWillUnmount() {
172
- document.removeEventListener("keydown", this.handleKeyDown, false);
223
+ document.removeEventListener('keydown', this.handleKeyDown, false);
173
224
  }
225
+
174
226
  render() {
175
- const { startDate, endDate, focusedInput, showPicker, startDateError, endDateError } = this.state;
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("inputs", "range-picker");
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 /* @__PURE__ */ import_react.default.createElement("div", {
200
- className: `${inputClass} ${inputClassModifier}`
201
- }, /* @__PURE__ */ import_react.default.createElement("div", {
202
- className: classNameBlock("wrapper-input-date-range-picker-controller")
203
- }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSFormItemLayout, {
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: import_ds_form.DSInputMask,
264
+ inputComponent: DSInputMask.DSInputMask,
206
265
  labelText: labelFrom,
207
- mask: import_ds_form.MASK_TYPES.DATE,
266
+ mask: DSInputMask.MASK_TYPES.DATE,
208
267
  onChange: this.handleChangeStart,
209
- onFocus: () => this.setState({ showPicker: false }),
210
- pipe: import_ds_form.MASK_PIPES.AUTO_CORRECT_DATE,
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
- }), /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSFormItemLayout, {
276
+ }), /*#__PURE__*/_jsx__default["default"](DSInputMask.DSFormItemLayout, {
216
277
  floatingLabel: true,
217
- inputComponent: import_ds_form.DSInputMask,
278
+ inputComponent: DSInputMask.DSInputMask,
218
279
  labelText: labelTo,
219
- mask: import_ds_form.MASK_TYPES.DATE,
280
+ mask: DSInputMask.MASK_TYPES.DATE,
220
281
  onChange: this.handleChangeEnd,
221
- onFocus: () => this.setState({ showPicker: false }),
222
- pipe: import_ds_form.MASK_PIPES.AUTO_CORRECT_DATE,
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
- })), /* @__PURE__ */ import_react.default.createElement("div", {
229
- className: classNameBlock("wrapper-button-date-range-picker-controller")
230
- }, /* @__PURE__ */ import_react.default.createElement(import_ds_popper.default, {
231
- contentComponent: /* @__PURE__ */ import_react.default.createElement("div", null, showPicker && /* @__PURE__ */ import_react.default.createElement(import_DayPickerRangeController.default, {
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: (e) => {
306
+ onOutsideClick: e => {
244
307
  onOutsideClick(e);
245
- this.setState({ showPicker: false });
308
+ this.setState({
309
+ showPicker: false
310
+ });
246
311
  },
247
- onNextMonthClick,
248
- onPrevMonthClick,
249
- startDate,
250
- renderMonthElement: import_ds_date_picker.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: /* @__PURE__ */ import_react.default.createElement("div", {
257
- onFocus: () => this.setState({ showPicker: true })
258
- }, /* @__PURE__ */ import_react.default.createElement(import_ds_date_picker.DatePickerPicker, {
259
- className: classNameElement("picker"),
260
- disabled,
261
- onClick: () => this.setState({ showPicker: true })
262
- }), hasError && validationMessage && /* @__PURE__ */ import_react.default.createElement("div", {
263
- style: { height: 15 }
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
- DSDateRangePickerImpl.propTypes = {
269
- startDate: import_prop_types.default.instanceOf(Date, import_moment.default),
270
- endDate: import_prop_types.default.instanceOf(Date, import_moment.default),
271
- onDatesChange: import_prop_types.default.func,
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
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
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
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
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;