@elliemae/ds-date-range-picker 2.2.0-alpha.3 → 2.2.0-next.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/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/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,112 +1,100 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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 DatePickerRangeHeader_exports = {};
|
|
29
|
-
__export(DatePickerRangeHeader_exports, {
|
|
30
|
-
default: () => DatePickerRangeHeader_default
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_moment = __toESM(require("moment"));
|
|
35
|
-
var import_ds_form = __toESM(require("@elliemae/ds-form"));
|
|
36
|
-
var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
|
|
37
|
-
const blockname = "date-range-picker";
|
|
38
|
-
const Header = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "header");
|
|
39
|
-
const formatDate = (date) => {
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var moment = require('moment');
|
|
7
|
+
var DSInputMask = require('@elliemae/ds-form');
|
|
8
|
+
var dsClassnames = require('@elliemae/ds-classnames');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
13
|
+
var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
14
|
+
var DSInputMask__default = /*#__PURE__*/_interopDefaultLegacy(DSInputMask);
|
|
15
|
+
|
|
16
|
+
const blockname = 'date-range-picker';
|
|
17
|
+
const Header = dsClassnames.aggregatedClasses('div')(blockname, 'header');
|
|
18
|
+
|
|
19
|
+
const formatDate = date => {
|
|
40
20
|
if (date) {
|
|
41
|
-
return date.format(
|
|
21
|
+
return date.format('MMDDYYYY');
|
|
42
22
|
}
|
|
43
23
|
};
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
24
|
+
|
|
25
|
+
const DatePickerRangeHeader = _ref => {
|
|
26
|
+
let {
|
|
27
|
+
placeholderStart = 'Start Date',
|
|
28
|
+
placeholderEnd = 'End Date',
|
|
29
|
+
onStartInputChange = () => null,
|
|
30
|
+
onEndInputChange = () => null,
|
|
31
|
+
selectedStartDate,
|
|
32
|
+
selectedEndDate
|
|
33
|
+
} = _ref;
|
|
34
|
+
const [startValue, setStartValue] = React.useState(selectedStartDate ? formatDate(selectedStartDate) : '');
|
|
35
|
+
const [endValue, setEndValue] = React.useState(selectedEndDate ? formatDate(selectedEndDate) : '');
|
|
36
|
+
React.useEffect(() => {
|
|
55
37
|
const startDate = formatDate(selectedStartDate);
|
|
56
38
|
const endDate = formatDate(selectedEndDate);
|
|
57
39
|
startDate !== startValue && setStartValue(startDate);
|
|
58
40
|
endDate !== endValue && setEndValue(endDate);
|
|
59
41
|
}, [selectedStartDate, selectedEndDate]);
|
|
60
|
-
|
|
42
|
+
|
|
43
|
+
const handleOnChangeStart = e => {
|
|
61
44
|
const newStartValue = e.target.value;
|
|
62
45
|
setStartValue(newStartValue);
|
|
63
46
|
};
|
|
64
|
-
|
|
47
|
+
|
|
48
|
+
const handleOnChangeEnd = e => {
|
|
65
49
|
const newEndValue = e.target.value;
|
|
66
50
|
setEndValue(newEndValue);
|
|
67
51
|
};
|
|
68
|
-
|
|
52
|
+
|
|
53
|
+
const handleOnBlurStart = e => {
|
|
69
54
|
const newStartValue = e.target.value;
|
|
70
|
-
onStartInputChange(
|
|
55
|
+
onStartInputChange(moment__default["default"](newStartValue));
|
|
71
56
|
};
|
|
72
|
-
|
|
57
|
+
|
|
58
|
+
const handleOnBlurEnd = e => {
|
|
73
59
|
const newEndValue = e.target.value;
|
|
74
|
-
onEndInputChange(
|
|
60
|
+
onEndInputChange(moment__default["default"](newEndValue));
|
|
75
61
|
};
|
|
76
|
-
|
|
77
|
-
|
|
62
|
+
|
|
63
|
+
const handleOnKeyDownStart = e => {
|
|
64
|
+
if (e.key === 'Enter') {
|
|
78
65
|
const newValue = e.target.value;
|
|
79
|
-
onStartInputChange(
|
|
66
|
+
onStartInputChange(moment__default["default"](newValue));
|
|
80
67
|
e.target.blur();
|
|
81
68
|
}
|
|
82
69
|
};
|
|
83
|
-
|
|
84
|
-
|
|
70
|
+
|
|
71
|
+
const handleOnKeyDownEnd = e => {
|
|
72
|
+
if (e.key === 'Enter') {
|
|
85
73
|
const newValue = e.target.value;
|
|
86
|
-
onEndInputChange(
|
|
74
|
+
onEndInputChange(moment__default["default"](newValue));
|
|
87
75
|
e.target.blur();
|
|
88
76
|
}
|
|
89
77
|
};
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
78
|
+
|
|
79
|
+
return /*#__PURE__*/_jsx__default["default"](Header, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSInputMask.DSInputGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSInputMask__default["default"], {
|
|
80
|
+
"aria-label": placeholderStart || 'Date Picker Input Mask',
|
|
81
|
+
mask: DSInputMask.MASK_TYPES.DATE,
|
|
93
82
|
onBlur: handleOnBlurStart,
|
|
94
83
|
onChange: handleOnChangeStart,
|
|
95
84
|
onKeyDown: handleOnKeyDownStart,
|
|
96
|
-
pipe:
|
|
85
|
+
pipe: DSInputMask.MASK_PIPES.AUTO_CORRECT_DATE,
|
|
97
86
|
placeholder: placeholderStart,
|
|
98
87
|
value: startValue
|
|
99
|
-
}),
|
|
100
|
-
"aria-label": placeholderEnd ||
|
|
101
|
-
mask:
|
|
88
|
+
}), /*#__PURE__*/_jsx__default["default"](DSInputMask__default["default"], {
|
|
89
|
+
"aria-label": placeholderEnd || 'Date Picker Input Mask',
|
|
90
|
+
mask: DSInputMask.MASK_TYPES.DATE,
|
|
102
91
|
onBlur: handleOnBlurEnd,
|
|
103
92
|
onChange: handleOnChangeEnd,
|
|
104
93
|
onKeyDown: handleOnKeyDownEnd,
|
|
105
|
-
pipe:
|
|
94
|
+
pipe: DSInputMask.MASK_PIPES.AUTO_CORRECT_DATE,
|
|
106
95
|
placeholder: placeholderEnd,
|
|
107
96
|
value: endValue
|
|
108
97
|
})));
|
|
109
98
|
};
|
|
110
|
-
|
|
111
|
-
module.exports =
|
|
112
|
-
//# sourceMappingURL=DatePickerRangeHeader.js.map
|
|
99
|
+
|
|
100
|
+
module.exports = DatePickerRangeHeader;
|
|
@@ -1,81 +1,81 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
...otherProps
|
|
56
|
-
}) => {
|
|
57
|
-
const datePickerRef = (0, import_react.useRef)();
|
|
58
|
-
(0, import_react.useEffect)(() => {
|
|
1
|
+
'use strict';
|
|
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
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
12
|
+
var React = require('react');
|
|
13
|
+
var reactDates = require('react-dates');
|
|
14
|
+
var dsDatePicker = require('@elliemae/ds-date-picker');
|
|
15
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
16
|
+
var dsClassnames = require('@elliemae/ds-classnames');
|
|
17
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
18
|
+
|
|
19
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
20
|
+
|
|
21
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
22
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
23
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
24
|
+
|
|
25
|
+
const _excluded = ["endDate", "startDate", "displayFormatDay", "focusedInput", "enableOutsideDays", "onDatesChange", "onFocusChange", "onOutsideClick", "isDayBlocked", "isDayHighlighted", "isOutsideRange", "onNextMonthClick", "onPrevMonthClick"];
|
|
26
|
+
|
|
27
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
28
|
+
|
|
29
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
30
|
+
const {
|
|
31
|
+
classNameElement,
|
|
32
|
+
classNameBlock
|
|
33
|
+
} = dsClassnames.convertPropToCssClassName('datepicker-range');
|
|
34
|
+
|
|
35
|
+
const DayPickerRangeController = _ref => {
|
|
36
|
+
let {
|
|
37
|
+
endDate = undefined,
|
|
38
|
+
startDate = undefined,
|
|
39
|
+
displayFormatDay = 'D',
|
|
40
|
+
focusedInput = undefined,
|
|
41
|
+
enableOutsideDays = false,
|
|
42
|
+
onDatesChange = () => null,
|
|
43
|
+
onFocusChange = () => null,
|
|
44
|
+
onOutsideClick = () => null,
|
|
45
|
+
isDayBlocked = () => null,
|
|
46
|
+
isDayHighlighted = () => null,
|
|
47
|
+
isOutsideRange = () => null,
|
|
48
|
+
onNextMonthClick = () => null,
|
|
49
|
+
onPrevMonthClick = () => null
|
|
50
|
+
} = _ref,
|
|
51
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
52
|
+
|
|
53
|
+
const datePickerRef = React.useRef();
|
|
54
|
+
React.useEffect(() => {
|
|
59
55
|
const handleMouseUp = () => {
|
|
60
56
|
const focusedElement = document.activeElement;
|
|
61
57
|
focusedElement.blur();
|
|
62
58
|
};
|
|
63
|
-
|
|
64
|
-
|
|
59
|
+
|
|
60
|
+
const handleKeyDown = event => {
|
|
61
|
+
const [firstDay, ...restOfDays] = document.getElementsByClassName('CalendarMonthGrid_month__horizontal')[1].getElementsByClassName('CalendarDay');
|
|
65
62
|
const [lastDay] = restOfDays.slice(-1);
|
|
66
63
|
const focusedElement = document.activeElement;
|
|
67
|
-
const [prev, next] = document.getElementsByClassName(
|
|
64
|
+
const [prev, next] = document.getElementsByClassName('DayPickerNavigation_button');
|
|
65
|
+
|
|
68
66
|
switch (event.key) {
|
|
69
|
-
case
|
|
67
|
+
case 'Home':
|
|
70
68
|
event.stopPropagation();
|
|
71
69
|
firstDay.focus();
|
|
72
70
|
break;
|
|
73
|
-
|
|
71
|
+
|
|
72
|
+
case 'End':
|
|
74
73
|
event.stopPropagation();
|
|
75
74
|
lastDay.focus();
|
|
76
75
|
break;
|
|
77
|
-
|
|
78
|
-
case
|
|
76
|
+
|
|
77
|
+
case 'Enter':
|
|
78
|
+
case ' ':
|
|
79
79
|
if (focusedElement === prev) {
|
|
80
80
|
event.stopPropagation();
|
|
81
81
|
setTimeout(() => {
|
|
@@ -84,78 +84,64 @@ const DayPickerRangeController = ({
|
|
|
84
84
|
} else if (focusedElement === next) {
|
|
85
85
|
event.stopPropagation();
|
|
86
86
|
setTimeout(() => {
|
|
87
|
-
next
|
|
87
|
+
next === null || next === void 0 ? void 0 : next.focus();
|
|
88
88
|
}, 240);
|
|
89
89
|
}
|
|
90
|
+
|
|
90
91
|
break;
|
|
91
|
-
|
|
92
|
+
|
|
93
|
+
case 'Tab':
|
|
92
94
|
if (firstDay === focusedElement || restOfDays.includes(focusedElement)) {
|
|
93
95
|
event.preventDefault();
|
|
94
96
|
prev.focus();
|
|
95
97
|
}
|
|
96
|
-
|
|
97
|
-
default:
|
|
98
|
+
|
|
98
99
|
break;
|
|
99
100
|
}
|
|
100
101
|
};
|
|
101
|
-
|
|
102
|
-
datePickerRef.current.addEventListener(
|
|
102
|
+
|
|
103
|
+
datePickerRef.current.addEventListener('mouseup', handleMouseUp, false);
|
|
104
|
+
datePickerRef.current.addEventListener('keydown', handleKeyDown, false);
|
|
103
105
|
return () => {
|
|
104
106
|
if (datePickerRef.current) {
|
|
105
|
-
datePickerRef.current.removeEventListener(
|
|
106
|
-
datePickerRef.current.removeEventListener(
|
|
107
|
+
datePickerRef.current.removeEventListener('mouseup', handleMouseUp, false);
|
|
108
|
+
datePickerRef.current.removeEventListener('keydown', handleKeyDown, false);
|
|
107
109
|
}
|
|
108
110
|
};
|
|
109
111
|
}, []);
|
|
110
|
-
return
|
|
112
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
111
113
|
ref: datePickerRef,
|
|
112
|
-
className: classNameBlock(
|
|
113
|
-
"data-testid": otherProps[
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
})
|
|
143
|
-
};
|
|
144
|
-
DayPickerRangeController.propTypes = {
|
|
145
|
-
endDate: import_prop_types.default.instanceOf(Date, import_moment.default),
|
|
146
|
-
startDate: import_prop_types.default.instanceOf(Date, import_moment.default),
|
|
147
|
-
displayFormatDay: import_prop_types.default.string,
|
|
148
|
-
focusedInput: import_prop_types.default.bool,
|
|
149
|
-
onDatesChange: import_prop_types.default.func,
|
|
150
|
-
onFocusChange: import_prop_types.default.func,
|
|
151
|
-
onOutsideClick: import_prop_types.default.func,
|
|
152
|
-
onNextMonthClick: import_prop_types.default.func,
|
|
153
|
-
onPrevMonthClick: import_prop_types.default.func,
|
|
154
|
-
enableOutsideDays: import_prop_types.default.bool,
|
|
155
|
-
isDayBlocked: import_prop_types.default.func,
|
|
156
|
-
isDayHighlighted: import_prop_types.default.func,
|
|
157
|
-
isOutsideRange: import_prop_types.default.func
|
|
114
|
+
className: classNameBlock('wrapper-day-picker-single-date-controller'),
|
|
115
|
+
"data-testid": otherProps['data-testid'] || 'date-range-picker-controller',
|
|
116
|
+
children: /*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerRangeController, _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
117
|
+
isDayBlocked: isDayBlocked,
|
|
118
|
+
isDayHighlighted: isDayHighlighted,
|
|
119
|
+
isOutsideRange: isOutsideRange,
|
|
120
|
+
enableOutsideDays: enableOutsideDays,
|
|
121
|
+
endDate: endDate,
|
|
122
|
+
focused: true,
|
|
123
|
+
focusedInput: focusedInput,
|
|
124
|
+
hideKeyboardShortcutsPanel: true,
|
|
125
|
+
navNext: /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerNavigation, {
|
|
126
|
+
className: classNameElement('navigation-next')
|
|
127
|
+
}),
|
|
128
|
+
navPrev: /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerNavigation, {
|
|
129
|
+
className: classNameElement('navigation-prev'),
|
|
130
|
+
icon: dsIcons.ChevronLeft
|
|
131
|
+
}),
|
|
132
|
+
onDatesChange: onDatesChange,
|
|
133
|
+
onFocusChange: onFocusChange,
|
|
134
|
+
onOutsideClick: onOutsideClick,
|
|
135
|
+
onNextMonthClick: onNextMonthClick,
|
|
136
|
+
onPrevMonthClick: onPrevMonthClick,
|
|
137
|
+
renderDayContents: date => /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerDay, {
|
|
138
|
+
className: classNameElement('day-contents'),
|
|
139
|
+
date: date.format(displayFormatDay)
|
|
140
|
+
}),
|
|
141
|
+
renderMonthElement: dsDatePicker.renderMonthElement,
|
|
142
|
+
startDate: startDate
|
|
143
|
+
}))
|
|
144
|
+
});
|
|
158
145
|
};
|
|
159
|
-
|
|
160
|
-
module.exports =
|
|
161
|
-
//# sourceMappingURL=DayPickerRangeController.js.map
|
|
146
|
+
|
|
147
|
+
module.exports = DayPickerRangeController;
|
package/cjs/index.js
CHANGED
|
@@ -1,36 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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 src_exports = {};
|
|
29
|
-
__export(src_exports, {
|
|
30
|
-
default: () => import_DSDateRangePicker.default
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_DSDateRangePicker = __toESM(require("./DSDateRangePicker"));
|
|
34
|
-
__reExport(src_exports, __toESM(require("./DSDateRangePicker")));
|
|
35
|
-
module.exports = __toCommonJS(src_exports);
|
|
36
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var DSDateRangePicker = require('./DSDateRangePicker.js');
|
|
6
|
+
var DayPickerRangeController = require('./components/DayPickerRangeController.js');
|
|
7
|
+
var DSDateRangePickerImpl = require('./components/DSDateRangePickerImpl.js');
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
exports.DateRangePickerWithSchema = DSDateRangePicker.DateRangePickerWithSchema;
|
|
12
|
+
exports["default"] = DSDateRangePicker["default"];
|
|
13
|
+
exports.DayPickerRangeController = DayPickerRangeController;
|
|
14
|
+
exports.END_DATE = DSDateRangePickerImpl.END_DATE;
|
|
15
|
+
exports.START_DATE = DSDateRangePickerImpl.START_DATE;
|
package/cjs/isMaxDiffSafe.js
CHANGED
|
@@ -1,46 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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 isMaxDiffSafe_exports = {};
|
|
29
|
-
__export(isMaxDiffSafe_exports, {
|
|
30
|
-
MAX_YEARS_DIFF: () => MAX_YEARS_DIFF,
|
|
31
|
-
isMaxDiffSafe: () => isMaxDiffSafe
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
const MAX_YEARS_DIFF = 150;
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
/* eslint-disable max-params */
|
|
6
|
+
const MAX_YEARS_DIFF = 150; // https://jira.elliemae.io/browse/PUI-4145
|
|
7
|
+
|
|
35
8
|
const isMaxDiffSafe = (startDate, endDate, prevStart, prevEnd) => {
|
|
36
9
|
try {
|
|
37
|
-
const diff = Math.abs(endDate.diff(startDate,
|
|
38
|
-
const diffStart = Math.abs(startDate.diff(prevStart,
|
|
39
|
-
const diffEnd = Math.abs(endDate.diff(prevEnd,
|
|
10
|
+
const diff = Math.abs(endDate.diff(startDate, 'years'));
|
|
11
|
+
const diffStart = Math.abs(startDate.diff(prevStart, 'years'));
|
|
12
|
+
const diffEnd = Math.abs(endDate.diff(prevEnd, 'years'));
|
|
40
13
|
return diff < MAX_YEARS_DIFF && diffStart < MAX_YEARS_DIFF && diffEnd < MAX_YEARS_DIFF;
|
|
41
14
|
} catch (error) {
|
|
42
15
|
return true;
|
|
43
16
|
}
|
|
44
17
|
};
|
|
45
|
-
|
|
46
|
-
|
|
18
|
+
|
|
19
|
+
exports.MAX_YEARS_DIFF = MAX_YEARS_DIFF;
|
|
20
|
+
exports.isMaxDiffSafe = isMaxDiffSafe;
|