@elliemae/ds-date-range-picker 1.55.0-next.7 → 2.0.0-alpha.10
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 +111 -183
- package/cjs/components/DSDateRangePickerImpl.js +238 -305
- package/cjs/components/DatePickerLabel/DatePickerLabel.js +9 -12
- package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +36 -54
- package/cjs/components/DayPickerRangeController.js +74 -132
- package/cjs/index.js +6 -31
- package/cjs/isMaxDiffSafe.js +5 -6
- package/cjs/package.json +7 -0
- package/esm/DSDateRangePicker.js +100 -172
- package/esm/components/DSDateRangePickerImpl.js +225 -286
- package/esm/components/DatePickerLabel/DatePickerLabel.js +8 -11
- package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +32 -49
- package/esm/components/DayPickerRangeController.js +72 -126
- package/esm/index.js +0 -25
- package/esm/isMaxDiffSafe.js +5 -6
- package/esm/package.json +7 -0
- package/package.json +52 -11
- package/types/DSDateRangePicker.d.ts +92 -0
- package/types/components/DSDateRangePickerImpl.d.ts +24 -0
- package/types/components/DatePickerLabel/DatePickerLabel.d.ts +6 -0
- package/types/components/DatePickerRangeHeader/DatePickerRangeHeader.d.ts +10 -0
- package/types/components/DayPickerRangeController.d.ts +36 -0
- package/types/index.d.ts +2 -0
- package/types/isMaxDiffSafe.d.ts +2 -0
- package/DSDateRangePicker/package.json +0 -10
- package/cjs/DSDateRangePicker.js.map +0 -1
- package/cjs/components/DSDateRangePickerImpl.js.map +0 -1
- package/cjs/components/DatePickerLabel/DatePickerLabel.js.map +0 -1
- package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -1
- package/cjs/components/DayPickerRangeController.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/isMaxDiffSafe.js.map +0 -1
- package/components/DSDateRangePickerImpl/package.json +0 -10
- package/components/DatePickerLabel/DatePickerLabel/package.json +0 -10
- package/components/DatePickerRangeHeader/DatePickerRangeHeader/package.json +0 -10
- package/components/DayPickerRangeController/package.json +0 -10
- package/esm/DSDateRangePicker.js.map +0 -1
- package/esm/components/DSDateRangePickerImpl.js.map +0 -1
- package/esm/components/DatePickerLabel/DatePickerLabel.js.map +0 -1
- package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -1
- package/esm/components/DayPickerRangeController.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/isMaxDiffSafe.js.map +0 -1
- package/isMaxDiffSafe/package.json +0 -10
|
@@ -1,20 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('react');
|
|
4
5
|
|
|
5
6
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
6
7
|
|
|
7
|
-
var
|
|
8
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
8
9
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
className: className
|
|
16
|
-
}, /*#__PURE__*/React__default['default'].createElement("span", null, label));
|
|
17
|
-
};
|
|
10
|
+
const Label = ({
|
|
11
|
+
className = 'date-picker-label',
|
|
12
|
+
label = ''
|
|
13
|
+
}) => /*#__PURE__*/_jsx__default["default"]("div", {
|
|
14
|
+
className: className
|
|
15
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, label));
|
|
18
16
|
|
|
19
17
|
module.exports = Label;
|
|
20
|
-
//# sourceMappingURL=DatePickerLabel.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var moment = require('moment');
|
|
6
6
|
var DSInputMask = require('@elliemae/ds-basic/form/InputMask');
|
|
@@ -9,91 +9,74 @@ var dsClassnames = require('@elliemae/ds-classnames');
|
|
|
9
9
|
|
|
10
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
11
|
|
|
12
|
-
var
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
14
13
|
var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
15
14
|
var DSInputMask__default = /*#__PURE__*/_interopDefaultLegacy(DSInputMask);
|
|
16
15
|
var DSInputGroup__default = /*#__PURE__*/_interopDefaultLegacy(DSInputGroup);
|
|
17
16
|
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
const blockname = 'date-range-picker';
|
|
18
|
+
const Header = dsClassnames.aggregatedClasses('div')(blockname, 'header');
|
|
20
19
|
|
|
21
|
-
|
|
20
|
+
const formatDate = date => {
|
|
22
21
|
if (date) {
|
|
23
22
|
return date.format('MMDDYYYY');
|
|
24
23
|
}
|
|
25
24
|
};
|
|
26
25
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
selectedStartDate = _ref.selectedStartDate,
|
|
41
|
-
selectedEndDate = _ref.selectedEndDate;
|
|
42
|
-
|
|
43
|
-
var _useState = React.useState(selectedStartDate ? formatDate(selectedStartDate) : ''),
|
|
44
|
-
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
45
|
-
startValue = _useState2[0],
|
|
46
|
-
setStartValue = _useState2[1];
|
|
47
|
-
|
|
48
|
-
var _useState3 = React.useState(selectedEndDate ? formatDate(selectedEndDate) : ''),
|
|
49
|
-
_useState4 = _slicedToArray__default['default'](_useState3, 2),
|
|
50
|
-
endValue = _useState4[0],
|
|
51
|
-
setEndValue = _useState4[1];
|
|
52
|
-
|
|
53
|
-
React.useEffect(function () {
|
|
54
|
-
var startDate = formatDate(selectedStartDate);
|
|
55
|
-
var endDate = formatDate(selectedEndDate);
|
|
26
|
+
const DatePickerRangeHeader = ({
|
|
27
|
+
placeholderStart = 'Start Date',
|
|
28
|
+
placeholderEnd = 'End Date',
|
|
29
|
+
onStartInputChange = () => null,
|
|
30
|
+
onEndInputChange = () => null,
|
|
31
|
+
selectedStartDate,
|
|
32
|
+
selectedEndDate
|
|
33
|
+
}) => {
|
|
34
|
+
const [startValue, setStartValue] = React.useState(selectedStartDate ? formatDate(selectedStartDate) : '');
|
|
35
|
+
const [endValue, setEndValue] = React.useState(selectedEndDate ? formatDate(selectedEndDate) : '');
|
|
36
|
+
React.useEffect(() => {
|
|
37
|
+
const startDate = formatDate(selectedStartDate);
|
|
38
|
+
const endDate = formatDate(selectedEndDate);
|
|
56
39
|
startDate !== startValue && setStartValue(startDate);
|
|
57
40
|
endDate !== endValue && setEndValue(endDate);
|
|
58
41
|
}, [selectedStartDate, selectedEndDate]);
|
|
59
42
|
|
|
60
|
-
|
|
61
|
-
|
|
43
|
+
const handleOnChangeStart = e => {
|
|
44
|
+
const newStartValue = e.target.value;
|
|
62
45
|
setStartValue(newStartValue);
|
|
63
46
|
};
|
|
64
47
|
|
|
65
|
-
|
|
66
|
-
|
|
48
|
+
const handleOnChangeEnd = e => {
|
|
49
|
+
const newEndValue = e.target.value;
|
|
67
50
|
setEndValue(newEndValue);
|
|
68
51
|
};
|
|
69
52
|
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
onStartInputChange(moment__default[
|
|
53
|
+
const handleOnBlurStart = e => {
|
|
54
|
+
const newStartValue = e.target.value;
|
|
55
|
+
onStartInputChange(moment__default["default"](newStartValue));
|
|
73
56
|
};
|
|
74
57
|
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
onEndInputChange(moment__default[
|
|
58
|
+
const handleOnBlurEnd = e => {
|
|
59
|
+
const newEndValue = e.target.value;
|
|
60
|
+
onEndInputChange(moment__default["default"](newEndValue));
|
|
78
61
|
};
|
|
79
62
|
|
|
80
|
-
|
|
63
|
+
const handleOnKeyDownStart = e => {
|
|
81
64
|
if (e.key === 'Enter') {
|
|
82
|
-
|
|
83
|
-
onStartInputChange(moment__default[
|
|
65
|
+
const newValue = e.target.value;
|
|
66
|
+
onStartInputChange(moment__default["default"](newValue));
|
|
84
67
|
e.target.blur();
|
|
85
68
|
}
|
|
86
69
|
};
|
|
87
70
|
|
|
88
|
-
|
|
71
|
+
const handleOnKeyDownEnd = e => {
|
|
89
72
|
if (e.key === 'Enter') {
|
|
90
|
-
|
|
91
|
-
onEndInputChange(moment__default[
|
|
73
|
+
const newValue = e.target.value;
|
|
74
|
+
onEndInputChange(moment__default["default"](newValue));
|
|
92
75
|
e.target.blur();
|
|
93
76
|
}
|
|
94
77
|
};
|
|
95
78
|
|
|
96
|
-
return /*#__PURE__*/
|
|
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"], {
|
|
97
80
|
"aria-label": placeholderStart || 'Date Picker Input Mask',
|
|
98
81
|
mask: DSInputMask.MASK_TYPES.DATE,
|
|
99
82
|
onBlur: handleOnBlurStart,
|
|
@@ -102,7 +85,7 @@ var DatePickerRangeHeader = function DatePickerRangeHeader(_ref) {
|
|
|
102
85
|
pipe: DSInputMask.MASK_PIPES.AUTO_CORRECT_DATE,
|
|
103
86
|
placeholder: placeholderStart,
|
|
104
87
|
value: startValue
|
|
105
|
-
}), /*#__PURE__*/
|
|
88
|
+
}), /*#__PURE__*/_jsx__default["default"](DSInputMask__default["default"], {
|
|
106
89
|
"aria-label": placeholderEnd || 'Date Picker Input Mask',
|
|
107
90
|
mask: DSInputMask.MASK_TYPES.DATE,
|
|
108
91
|
onBlur: handleOnBlurEnd,
|
|
@@ -115,4 +98,3 @@ var DatePickerRangeHeader = function DatePickerRangeHeader(_ref) {
|
|
|
115
98
|
};
|
|
116
99
|
|
|
117
100
|
module.exports = DatePickerRangeHeader;
|
|
118
|
-
//# sourceMappingURL=DatePickerRangeHeader.js.map
|
|
@@ -1,102 +1,62 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var _toArray = require('@babel/runtime/helpers/toArray');
|
|
3
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
6
|
var React = require('react');
|
|
8
|
-
var PropTypes = require('prop-types');
|
|
9
|
-
var moment = require('moment');
|
|
10
7
|
var reactDates = require('react-dates');
|
|
11
8
|
var dsDatePicker = require('@elliemae/ds-date-picker');
|
|
12
9
|
var ChevronLeft = require('@elliemae/ds-icons/ChevronLeft');
|
|
13
10
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
11
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
14
12
|
|
|
15
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
14
|
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var _toArray__default = /*#__PURE__*/_interopDefaultLegacy(_toArray);
|
|
15
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
16
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
20
17
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
21
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
23
|
-
var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
24
18
|
var ChevronLeft__default = /*#__PURE__*/_interopDefaultLegacy(ChevronLeft);
|
|
25
19
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
var
|
|
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
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
} : _ref$isDayBlocked,
|
|
59
|
-
_ref$isDayHighlighted = _ref.isDayHighlighted,
|
|
60
|
-
isDayHighlighted = _ref$isDayHighlighted === void 0 ? function () {
|
|
61
|
-
return null;
|
|
62
|
-
} : _ref$isDayHighlighted,
|
|
63
|
-
_ref$isOutsideRange = _ref.isOutsideRange,
|
|
64
|
-
isOutsideRange = _ref$isOutsideRange === void 0 ? function () {
|
|
65
|
-
return null;
|
|
66
|
-
} : _ref$isOutsideRange,
|
|
67
|
-
_ref$onNextMonthClick = _ref.onNextMonthClick,
|
|
68
|
-
onNextMonthClick = _ref$onNextMonthClick === void 0 ? function () {
|
|
69
|
-
return null;
|
|
70
|
-
} : _ref$onNextMonthClick,
|
|
71
|
-
_ref$onPrevMonthClick = _ref.onPrevMonthClick,
|
|
72
|
-
onPrevMonthClick = _ref$onPrevMonthClick === void 0 ? function () {
|
|
73
|
-
return null;
|
|
74
|
-
} : _ref$onPrevMonthClick,
|
|
75
|
-
otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
|
|
76
|
-
|
|
77
|
-
var datePickerRef = React.useRef();
|
|
78
|
-
React.useEffect(function () {
|
|
79
|
-
var handleMouseUp = function handleMouseUp() {
|
|
80
|
-
var focusedElement = document.activeElement;
|
|
20
|
+
const _excluded = ["endDate", "startDate", "displayFormatDay", "focusedInput", "enableOutsideDays", "onDatesChange", "onFocusChange", "onOutsideClick", "isDayBlocked", "isDayHighlighted", "isOutsideRange", "onNextMonthClick", "onPrevMonthClick"];
|
|
21
|
+
|
|
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
|
+
|
|
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
|
+
const {
|
|
26
|
+
classNameElement,
|
|
27
|
+
classNameBlock
|
|
28
|
+
} = dsClassnames.convertPropToCssClassName('datepicker-range');
|
|
29
|
+
|
|
30
|
+
const DayPickerRangeController = _ref => {
|
|
31
|
+
let {
|
|
32
|
+
endDate = undefined,
|
|
33
|
+
startDate = undefined,
|
|
34
|
+
displayFormatDay = 'D',
|
|
35
|
+
focusedInput = undefined,
|
|
36
|
+
enableOutsideDays = false,
|
|
37
|
+
onDatesChange = () => null,
|
|
38
|
+
onFocusChange = () => null,
|
|
39
|
+
onOutsideClick = () => null,
|
|
40
|
+
isDayBlocked = () => null,
|
|
41
|
+
isDayHighlighted = () => null,
|
|
42
|
+
isOutsideRange = () => null,
|
|
43
|
+
onNextMonthClick = () => null,
|
|
44
|
+
onPrevMonthClick = () => null
|
|
45
|
+
} = _ref,
|
|
46
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
47
|
+
|
|
48
|
+
const datePickerRef = React.useRef();
|
|
49
|
+
React.useEffect(() => {
|
|
50
|
+
const handleMouseUp = () => {
|
|
51
|
+
const focusedElement = document.activeElement;
|
|
81
52
|
focusedElement.blur();
|
|
82
53
|
};
|
|
83
54
|
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
var _restOfDays$slice = restOfDays.slice(-1),
|
|
91
|
-
_restOfDays$slice2 = _slicedToArray__default['default'](_restOfDays$slice, 1),
|
|
92
|
-
lastDay = _restOfDays$slice2[0];
|
|
93
|
-
|
|
94
|
-
var focusedElement = document.activeElement;
|
|
95
|
-
|
|
96
|
-
var _document$getElements3 = document.getElementsByClassName('DayPickerNavigation_button'),
|
|
97
|
-
_document$getElements4 = _slicedToArray__default['default'](_document$getElements3, 2),
|
|
98
|
-
prev = _document$getElements4[0],
|
|
99
|
-
next = _document$getElements4[1];
|
|
55
|
+
const handleKeyDown = event => {
|
|
56
|
+
const [firstDay, ...restOfDays] = document.getElementsByClassName('CalendarMonthGrid_month__horizontal')[1].getElementsByClassName('CalendarDay');
|
|
57
|
+
const [lastDay] = restOfDays.slice(-1);
|
|
58
|
+
const focusedElement = document.activeElement;
|
|
59
|
+
const [prev, next] = document.getElementsByClassName('DayPickerNavigation_button');
|
|
100
60
|
|
|
101
61
|
switch (event.key) {
|
|
102
62
|
case 'Home':
|
|
@@ -113,12 +73,12 @@ var DayPickerRangeController = function DayPickerRangeController(_ref) {
|
|
|
113
73
|
case ' ':
|
|
114
74
|
if (focusedElement === prev) {
|
|
115
75
|
event.stopPropagation();
|
|
116
|
-
setTimeout(
|
|
76
|
+
setTimeout(() => {
|
|
117
77
|
prev.focus();
|
|
118
78
|
}, 240);
|
|
119
79
|
} else if (focusedElement === next) {
|
|
120
80
|
event.stopPropagation();
|
|
121
|
-
setTimeout(
|
|
81
|
+
setTimeout(() => {
|
|
122
82
|
next === null || next === void 0 ? void 0 : next.focus();
|
|
123
83
|
}, 240);
|
|
124
84
|
}
|
|
@@ -137,64 +97,46 @@ var DayPickerRangeController = function DayPickerRangeController(_ref) {
|
|
|
137
97
|
|
|
138
98
|
datePickerRef.current.addEventListener('mouseup', handleMouseUp, false);
|
|
139
99
|
datePickerRef.current.addEventListener('keydown', handleKeyDown, false);
|
|
140
|
-
return
|
|
100
|
+
return () => {
|
|
141
101
|
if (datePickerRef.current) {
|
|
142
102
|
datePickerRef.current.removeEventListener('mouseup', handleMouseUp, false);
|
|
143
103
|
datePickerRef.current.removeEventListener('keydown', handleKeyDown, false);
|
|
144
104
|
}
|
|
145
105
|
};
|
|
146
106
|
}, []);
|
|
147
|
-
return /*#__PURE__*/
|
|
107
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
148
108
|
ref: datePickerRef,
|
|
149
109
|
className: classNameBlock('wrapper-day-picker-single-date-controller'),
|
|
150
|
-
"data-testid": otherProps['data-testid'] || 'date-range-picker-controller'
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
return /*#__PURE__*/React__default['default'].createElement(dsDatePicker.DatePickerDay, {
|
|
110
|
+
"data-testid": otherProps['data-testid'] || 'date-range-picker-controller',
|
|
111
|
+
children: /*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerRangeController, _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
112
|
+
isDayBlocked: isDayBlocked,
|
|
113
|
+
isDayHighlighted: isDayHighlighted,
|
|
114
|
+
isOutsideRange: isOutsideRange,
|
|
115
|
+
enableOutsideDays: enableOutsideDays,
|
|
116
|
+
endDate: endDate,
|
|
117
|
+
focused: true,
|
|
118
|
+
focusedInput: focusedInput,
|
|
119
|
+
hideKeyboardShortcutsPanel: true,
|
|
120
|
+
navNext: /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerNavigation, {
|
|
121
|
+
className: classNameElement('navigation-next')
|
|
122
|
+
}),
|
|
123
|
+
navPrev: /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerNavigation, {
|
|
124
|
+
className: classNameElement('navigation-prev'),
|
|
125
|
+
icon: ChevronLeft__default["default"]
|
|
126
|
+
}),
|
|
127
|
+
onDatesChange: onDatesChange,
|
|
128
|
+
onFocusChange: onFocusChange,
|
|
129
|
+
onOutsideClick: onOutsideClick,
|
|
130
|
+
onNextMonthClick: onNextMonthClick,
|
|
131
|
+
onPrevMonthClick: onPrevMonthClick,
|
|
132
|
+
renderDayContents: date => /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerDay, {
|
|
174
133
|
className: classNameElement('day-contents'),
|
|
175
134
|
date: date.format(displayFormatDay)
|
|
176
|
-
})
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
})
|
|
181
|
-
};
|
|
182
|
-
|
|
183
|
-
DayPickerRangeController.propTypes = {
|
|
184
|
-
endDate: PropTypes__default['default'].instanceOf(Date, moment__default['default']),
|
|
185
|
-
startDate: PropTypes__default['default'].instanceOf(Date, moment__default['default']),
|
|
186
|
-
displayFormatDay: PropTypes__default['default'].string,
|
|
187
|
-
focusedInput: PropTypes__default['default'].bool,
|
|
188
|
-
onDatesChange: PropTypes__default['default'].func,
|
|
189
|
-
onFocusChange: PropTypes__default['default'].func,
|
|
190
|
-
onOutsideClick: PropTypes__default['default'].func,
|
|
191
|
-
onNextMonthClick: PropTypes__default['default'].func,
|
|
192
|
-
onPrevMonthClick: PropTypes__default['default'].func,
|
|
193
|
-
enableOutsideDays: PropTypes__default['default'].bool,
|
|
194
|
-
isDayBlocked: PropTypes__default['default'].func,
|
|
195
|
-
isDayHighlighted: PropTypes__default['default'].func,
|
|
196
|
-
isOutsideRange: PropTypes__default['default'].func
|
|
135
|
+
}),
|
|
136
|
+
renderMonthElement: dsDatePicker.renderMonthElement,
|
|
137
|
+
startDate: startDate
|
|
138
|
+
}))
|
|
139
|
+
});
|
|
197
140
|
};
|
|
198
141
|
|
|
199
142
|
module.exports = DayPickerRangeController;
|
|
200
|
-
//# sourceMappingURL=DayPickerRangeController.js.map
|
package/cjs/index.js
CHANGED
|
@@ -3,38 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var DSDateRangePicker = require('./DSDateRangePicker.js');
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
require('@babel/runtime/helpers/extends');
|
|
9
|
-
require('react');
|
|
10
|
-
require('react-desc');
|
|
11
|
-
require('@elliemae/ds-classnames');
|
|
12
|
-
require('moment');
|
|
13
|
-
require('react-dates/initialize');
|
|
14
|
-
require('react-dates');
|
|
15
|
-
require('@babel/runtime/helpers/slicedToArray');
|
|
16
|
-
require('@babel/runtime/helpers/toArray');
|
|
17
|
-
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
18
|
-
require('prop-types');
|
|
19
|
-
require('@elliemae/ds-date-picker');
|
|
20
|
-
require('@elliemae/ds-icons/ChevronLeft');
|
|
21
|
-
require('@babel/runtime/helpers/classCallCheck');
|
|
22
|
-
require('@babel/runtime/helpers/createClass');
|
|
23
|
-
require('@babel/runtime/helpers/assertThisInitialized');
|
|
24
|
-
require('@babel/runtime/helpers/inherits');
|
|
25
|
-
require('@babel/runtime/helpers/possibleConstructorReturn');
|
|
26
|
-
require('@babel/runtime/helpers/getPrototypeOf');
|
|
27
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
28
|
-
require('@elliemae/ds-basic/form/InputMask');
|
|
29
|
-
require('@elliemae/ds-basic/form/FormItem');
|
|
30
|
-
require('@elliemae/ds-basic/Popper');
|
|
31
|
-
require('./isMaxDiffSafe.js');
|
|
6
|
+
var DayPickerRangeController = require('./components/DayPickerRangeController.js');
|
|
7
|
+
var DSDateRangePickerImpl = require('./components/DSDateRangePickerImpl.js');
|
|
32
8
|
|
|
33
9
|
|
|
34
10
|
|
|
35
11
|
exports.DateRangePickerWithSchema = DSDateRangePicker.DateRangePickerWithSchema;
|
|
36
|
-
exports
|
|
37
|
-
exports.DayPickerRangeController =
|
|
38
|
-
exports.END_DATE =
|
|
39
|
-
exports.START_DATE =
|
|
40
|
-
//# sourceMappingURL=index.js.map
|
|
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
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
/* eslint-disable max-params */
|
|
6
|
-
|
|
6
|
+
const MAX_YEARS_DIFF = 150; // https://jira.elliemae.io/browse/PUI-4145
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const isMaxDiffSafe = (startDate, endDate, prevStart, prevEnd) => {
|
|
9
9
|
try {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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'));
|
|
13
13
|
return diff < MAX_YEARS_DIFF && diffStart < MAX_YEARS_DIFF && diffEnd < MAX_YEARS_DIFF;
|
|
14
14
|
} catch (error) {
|
|
15
15
|
return true;
|
|
@@ -18,4 +18,3 @@ var isMaxDiffSafe = function isMaxDiffSafe(startDate, endDate, prevStart, prevEn
|
|
|
18
18
|
|
|
19
19
|
exports.MAX_YEARS_DIFF = MAX_YEARS_DIFF;
|
|
20
20
|
exports.isMaxDiffSafe = isMaxDiffSafe;
|
|
21
|
-
//# sourceMappingURL=isMaxDiffSafe.js.map
|