@elliemae/ds-date-range-picker 2.0.0-rc.9 → 2.0.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 +2 -2
- package/cjs/components/DSDateRangePickerImpl.js +18 -20
- package/cjs/components/DayPickerRangeController.js +2 -2
- package/esm/DSDateRangePicker.js +2 -2
- package/esm/components/DSDateRangePickerImpl.js +18 -19
- package/esm/components/DayPickerRangeController.js +2 -2
- package/package.json +6 -6
package/cjs/DSDateRangePicker.js
CHANGED
|
@@ -25,9 +25,9 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
25
25
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
26
26
|
var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
27
27
|
|
|
28
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
28
|
+
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; }
|
|
29
29
|
|
|
30
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
30
|
+
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; }
|
|
31
31
|
|
|
32
32
|
const DSDateRangePicker = _ref => {
|
|
33
33
|
let {
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
6
|
var React = require('react');
|
|
8
7
|
var moment = require('moment');
|
|
9
8
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
@@ -16,7 +15,6 @@ var isMaxDiffSafe = require('../isMaxDiffSafe.js');
|
|
|
16
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
16
|
|
|
18
17
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
19
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
20
18
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
21
19
|
var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
22
20
|
var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
|
|
@@ -31,7 +29,7 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
|
|
|
31
29
|
constructor(props) {
|
|
32
30
|
super(props);
|
|
33
31
|
|
|
34
|
-
|
|
32
|
+
this.onDatesChange = _ref => {
|
|
35
33
|
let {
|
|
36
34
|
startDate,
|
|
37
35
|
endDate
|
|
@@ -54,9 +52,9 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
|
|
|
54
52
|
primaryStartInput: false,
|
|
55
53
|
primaryEndInput: false
|
|
56
54
|
});
|
|
57
|
-
}
|
|
55
|
+
};
|
|
58
56
|
|
|
59
|
-
|
|
57
|
+
this.onFocusChange = () => {
|
|
60
58
|
this.setState(_ref2 => {
|
|
61
59
|
let {
|
|
62
60
|
focusedInput
|
|
@@ -65,15 +63,15 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
|
|
|
65
63
|
focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
|
|
66
64
|
};
|
|
67
65
|
});
|
|
68
|
-
}
|
|
66
|
+
};
|
|
69
67
|
|
|
70
|
-
|
|
68
|
+
this.handleKeyDown = event => {
|
|
71
69
|
if (event.key === 'Escape') this.setState({
|
|
72
70
|
showPicker: false
|
|
73
71
|
});
|
|
74
|
-
}
|
|
72
|
+
};
|
|
75
73
|
|
|
76
|
-
|
|
74
|
+
this.getSafeStartInputValue = () => {
|
|
77
75
|
const {
|
|
78
76
|
startInput,
|
|
79
77
|
primaryStartInput,
|
|
@@ -82,9 +80,9 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
|
|
|
82
80
|
if (primaryStartInput && startInput) return startInput;
|
|
83
81
|
if (!startDate) return '';
|
|
84
82
|
return startDate.format('MMDDYYYY');
|
|
85
|
-
}
|
|
83
|
+
};
|
|
86
84
|
|
|
87
|
-
|
|
85
|
+
this.getSafeEndInputValue = () => {
|
|
88
86
|
const {
|
|
89
87
|
endInput,
|
|
90
88
|
primaryEndInput,
|
|
@@ -93,9 +91,9 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
|
|
|
93
91
|
if (primaryEndInput && endInput) return endInput;
|
|
94
92
|
if (!endDate) return '';
|
|
95
93
|
return endDate.format('MMDDYYYY');
|
|
96
|
-
}
|
|
94
|
+
};
|
|
97
95
|
|
|
98
|
-
|
|
96
|
+
this.changeFocus = () => {
|
|
99
97
|
const {
|
|
100
98
|
disabled
|
|
101
99
|
} = this.props;
|
|
@@ -105,9 +103,9 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
|
|
|
105
103
|
focusedInput: 'startDate'
|
|
106
104
|
}));
|
|
107
105
|
}
|
|
108
|
-
}
|
|
106
|
+
};
|
|
109
107
|
|
|
110
|
-
|
|
108
|
+
this.handleChangeStart = e => {
|
|
111
109
|
var _momentValue;
|
|
112
110
|
|
|
113
111
|
const {
|
|
@@ -140,9 +138,9 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
|
|
|
140
138
|
startDateError: invalidDate,
|
|
141
139
|
endDateError: !isStartDateAcceptable || !prevState.endDateError ? prevState.endDateError : !isStartAcceptableWithSelectedEnd
|
|
142
140
|
}));
|
|
143
|
-
}
|
|
141
|
+
};
|
|
144
142
|
|
|
145
|
-
|
|
143
|
+
this.handleChangeEnd = e => {
|
|
146
144
|
var _momentValue2;
|
|
147
145
|
|
|
148
146
|
const {
|
|
@@ -179,9 +177,9 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
|
|
|
179
177
|
startDateError: !isEndDateAcceptable || !prevState.startDateError ? prevState.startDateError : !isEndAcceptableWithSelectedStart,
|
|
180
178
|
endDateError: invalidDate
|
|
181
179
|
}));
|
|
182
|
-
}
|
|
180
|
+
};
|
|
183
181
|
|
|
184
|
-
|
|
182
|
+
this.handleChangeDate = _ref3 => {
|
|
185
183
|
let {
|
|
186
184
|
startDate: _start,
|
|
187
185
|
endDate
|
|
@@ -205,7 +203,7 @@ class DSDateRangePickerImpl extends React__default["default"].Component {
|
|
|
205
203
|
primaryEndInput: false
|
|
206
204
|
});
|
|
207
205
|
}
|
|
208
|
-
}
|
|
206
|
+
};
|
|
209
207
|
|
|
210
208
|
this.state = {
|
|
211
209
|
startDate: props.startDate ? moment__default["default"](props.startDate) : null,
|
|
@@ -24,9 +24,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
24
24
|
|
|
25
25
|
const _excluded = ["endDate", "startDate", "displayFormatDay", "focusedInput", "enableOutsideDays", "onDatesChange", "onFocusChange", "onOutsideClick", "isDayBlocked", "isDayHighlighted", "isOutsideRange", "onNextMonthClick", "onPrevMonthClick"];
|
|
26
26
|
|
|
27
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
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
28
|
|
|
29
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
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
30
|
const {
|
|
31
31
|
classNameElement,
|
|
32
32
|
classNameBlock
|
package/esm/DSDateRangePicker.js
CHANGED
|
@@ -16,9 +16,9 @@ import DSDateRangePickerImpl from './components/DSDateRangePickerImpl.js';
|
|
|
16
16
|
export { END_DATE, START_DATE } from './components/DSDateRangePickerImpl.js';
|
|
17
17
|
import { jsx } from 'react/jsx-runtime';
|
|
18
18
|
|
|
19
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
19
|
+
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; }
|
|
20
20
|
|
|
21
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
21
|
+
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(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; }
|
|
22
22
|
|
|
23
23
|
const DSDateRangePicker = _ref => {
|
|
24
24
|
let {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
2
|
import React from 'react';
|
|
4
3
|
import moment from 'moment';
|
|
5
4
|
import { convertPropToCssClassName } from '@elliemae/ds-classnames';
|
|
@@ -19,7 +18,7 @@ class DSDateRangePickerImpl extends React.Component {
|
|
|
19
18
|
constructor(props) {
|
|
20
19
|
super(props);
|
|
21
20
|
|
|
22
|
-
|
|
21
|
+
this.onDatesChange = _ref => {
|
|
23
22
|
let {
|
|
24
23
|
startDate,
|
|
25
24
|
endDate
|
|
@@ -42,9 +41,9 @@ class DSDateRangePickerImpl extends React.Component {
|
|
|
42
41
|
primaryStartInput: false,
|
|
43
42
|
primaryEndInput: false
|
|
44
43
|
});
|
|
45
|
-
}
|
|
44
|
+
};
|
|
46
45
|
|
|
47
|
-
|
|
46
|
+
this.onFocusChange = () => {
|
|
48
47
|
this.setState(_ref2 => {
|
|
49
48
|
let {
|
|
50
49
|
focusedInput
|
|
@@ -53,15 +52,15 @@ class DSDateRangePickerImpl extends React.Component {
|
|
|
53
52
|
focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
|
|
54
53
|
};
|
|
55
54
|
});
|
|
56
|
-
}
|
|
55
|
+
};
|
|
57
56
|
|
|
58
|
-
|
|
57
|
+
this.handleKeyDown = event => {
|
|
59
58
|
if (event.key === 'Escape') this.setState({
|
|
60
59
|
showPicker: false
|
|
61
60
|
});
|
|
62
|
-
}
|
|
61
|
+
};
|
|
63
62
|
|
|
64
|
-
|
|
63
|
+
this.getSafeStartInputValue = () => {
|
|
65
64
|
const {
|
|
66
65
|
startInput,
|
|
67
66
|
primaryStartInput,
|
|
@@ -70,9 +69,9 @@ class DSDateRangePickerImpl extends React.Component {
|
|
|
70
69
|
if (primaryStartInput && startInput) return startInput;
|
|
71
70
|
if (!startDate) return '';
|
|
72
71
|
return startDate.format('MMDDYYYY');
|
|
73
|
-
}
|
|
72
|
+
};
|
|
74
73
|
|
|
75
|
-
|
|
74
|
+
this.getSafeEndInputValue = () => {
|
|
76
75
|
const {
|
|
77
76
|
endInput,
|
|
78
77
|
primaryEndInput,
|
|
@@ -81,9 +80,9 @@ class DSDateRangePickerImpl extends React.Component {
|
|
|
81
80
|
if (primaryEndInput && endInput) return endInput;
|
|
82
81
|
if (!endDate) return '';
|
|
83
82
|
return endDate.format('MMDDYYYY');
|
|
84
|
-
}
|
|
83
|
+
};
|
|
85
84
|
|
|
86
|
-
|
|
85
|
+
this.changeFocus = () => {
|
|
87
86
|
const {
|
|
88
87
|
disabled
|
|
89
88
|
} = this.props;
|
|
@@ -93,9 +92,9 @@ class DSDateRangePickerImpl extends React.Component {
|
|
|
93
92
|
focusedInput: 'startDate'
|
|
94
93
|
}));
|
|
95
94
|
}
|
|
96
|
-
}
|
|
95
|
+
};
|
|
97
96
|
|
|
98
|
-
|
|
97
|
+
this.handleChangeStart = e => {
|
|
99
98
|
var _momentValue;
|
|
100
99
|
|
|
101
100
|
const {
|
|
@@ -128,9 +127,9 @@ class DSDateRangePickerImpl extends React.Component {
|
|
|
128
127
|
startDateError: invalidDate,
|
|
129
128
|
endDateError: !isStartDateAcceptable || !prevState.endDateError ? prevState.endDateError : !isStartAcceptableWithSelectedEnd
|
|
130
129
|
}));
|
|
131
|
-
}
|
|
130
|
+
};
|
|
132
131
|
|
|
133
|
-
|
|
132
|
+
this.handleChangeEnd = e => {
|
|
134
133
|
var _momentValue2;
|
|
135
134
|
|
|
136
135
|
const {
|
|
@@ -167,9 +166,9 @@ class DSDateRangePickerImpl extends React.Component {
|
|
|
167
166
|
startDateError: !isEndDateAcceptable || !prevState.startDateError ? prevState.startDateError : !isEndAcceptableWithSelectedStart,
|
|
168
167
|
endDateError: invalidDate
|
|
169
168
|
}));
|
|
170
|
-
}
|
|
169
|
+
};
|
|
171
170
|
|
|
172
|
-
|
|
171
|
+
this.handleChangeDate = _ref3 => {
|
|
173
172
|
let {
|
|
174
173
|
startDate: _start,
|
|
175
174
|
endDate
|
|
@@ -193,7 +192,7 @@ class DSDateRangePickerImpl extends React.Component {
|
|
|
193
192
|
primaryEndInput: false
|
|
194
193
|
});
|
|
195
194
|
}
|
|
196
|
-
}
|
|
195
|
+
};
|
|
197
196
|
|
|
198
197
|
this.state = {
|
|
199
198
|
startDate: props.startDate ? moment(props.startDate) : null,
|
|
@@ -16,9 +16,9 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
16
16
|
|
|
17
17
|
const _excluded = ["endDate", "startDate", "displayFormatDay", "focusedInput", "enableOutsideDays", "onDatesChange", "onFocusChange", "onOutsideClick", "isDayBlocked", "isDayHighlighted", "isOutsideRange", "onNextMonthClick", "onPrevMonthClick"];
|
|
18
18
|
|
|
19
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
19
|
+
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; }
|
|
20
20
|
|
|
21
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
21
|
+
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(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; }
|
|
22
22
|
const {
|
|
23
23
|
classNameElement,
|
|
24
24
|
classNameBlock
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-date-range-picker",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Date Range Picker",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -56,11 +56,11 @@
|
|
|
56
56
|
"build": "node ../../scripts/build/build.js"
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@elliemae/ds-classnames": "2.0.
|
|
60
|
-
"@elliemae/ds-date-picker": "2.0.
|
|
61
|
-
"@elliemae/ds-form": "2.0.
|
|
62
|
-
"@elliemae/ds-icons": "2.0.
|
|
63
|
-
"@elliemae/ds-popper": "2.0.
|
|
59
|
+
"@elliemae/ds-classnames": "2.0.2",
|
|
60
|
+
"@elliemae/ds-date-picker": "2.0.2",
|
|
61
|
+
"@elliemae/ds-form": "2.0.2",
|
|
62
|
+
"@elliemae/ds-icons": "2.0.2",
|
|
63
|
+
"@elliemae/ds-popper": "2.0.2",
|
|
64
64
|
"moment": "~2.29.1",
|
|
65
65
|
"prop-types": "~15.7.2",
|
|
66
66
|
"react-dates": "~21.8.0",
|