@elliemae/ds-date-picker 2.2.0-alpha.3 → 3.0.0-next.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/DSDatePicker.js +221 -219
- package/cjs/components/DSDatePickerImpl.js +208 -128
- package/cjs/components/DatePickerController/DatePickerController.js +242 -204
- package/cjs/components/DatePickerDay/DatePickerDay.js +23 -48
- package/cjs/components/DatePickerDropdown.js +54 -74
- package/cjs/components/DatePickerHeader/DatePickerHeader.js +44 -62
- package/cjs/components/DatePickerNavigation/DatePickerNavigation.js +31 -62
- package/cjs/components/DatePickerPicker/DatePickerPicker.js +71 -82
- package/cjs/components/DatePickerRange/DatePickerRange.js +93 -84
- package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +97 -91
- package/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js +45 -60
- package/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js +77 -88
- package/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +48 -69
- package/cjs/components/index.js +27 -53
- package/cjs/defaultPhrases.js +92 -77
- package/cjs/index.js +35 -38
- package/esm/DSDatePicker.js +169 -171
- package/esm/components/DSDatePickerImpl.js +189 -88
- package/esm/components/DatePickerController/DatePickerController.js +198 -141
- package/esm/components/DatePickerDay/DatePickerDay.js +17 -19
- package/esm/components/DatePickerDropdown.js +46 -45
- package/esm/components/DatePickerHeader/DatePickerHeader.js +35 -31
- package/esm/components/DatePickerNavigation/DatePickerNavigation.js +24 -36
- package/esm/components/DatePickerPicker/DatePickerPicker.js +48 -44
- package/esm/components/DatePickerRange/DatePickerRange.js +79 -49
- package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +78 -50
- package/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js +37 -31
- package/esm/components/DatePickerSingleDate/DatePickerSingleDate.js +66 -56
- package/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +42 -40
- package/esm/components/index.js +10 -24
- package/esm/defaultPhrases.js +80 -48
- package/esm/index.js +13 -9
- package/package.json +10 -10
- package/types/components/DSDatePickerImpl.d.ts +1 -2
- package/types/components/DatePickerController/DatePickerController.d.ts +1 -1
- package/types/components/DatePickerDay/DatePickerDay.d.ts +0 -1
- package/types/components/DatePickerDropdown.d.ts +0 -1
- package/types/components/DatePickerHeader/DatePickerHeader.d.ts +0 -1
- package/types/components/DatePickerNavigation/DatePickerNavigation.d.ts +3 -4
- package/types/components/DatePickerPicker/DatePickerPicker.d.ts +1 -2
- package/types/components/DatePickerRange/DatePickerRange.d.ts +0 -1
- package/types/components/DatePickerRangeHeader/DatePickerRangeHeader.d.ts +0 -1
- package/types/components/DatePickerSingleDate/DatePickerSingleDate.d.ts +0 -1
- package/types/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.d.ts +0 -1
- package/cjs/DSDatePicker.js.map +0 -7
- package/cjs/components/DSDatePickerImpl.js.map +0 -7
- package/cjs/components/DatePickerController/DatePickerController.js.map +0 -7
- package/cjs/components/DatePickerDay/DatePickerDay.js.map +0 -7
- package/cjs/components/DatePickerDropdown.js.map +0 -7
- package/cjs/components/DatePickerHeader/DatePickerHeader.js.map +0 -7
- package/cjs/components/DatePickerNavigation/DatePickerNavigation.js.map +0 -7
- package/cjs/components/DatePickerPicker/DatePickerPicker.js.map +0 -7
- package/cjs/components/DatePickerRange/DatePickerRange.js.map +0 -7
- package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -7
- package/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +0 -7
- package/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js.map +0 -7
- package/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +0 -7
- package/cjs/components/index.js.map +0 -7
- package/cjs/defaultPhrases.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/esm/DSDatePicker.js.map +0 -7
- package/esm/components/DSDatePickerImpl.js.map +0 -7
- package/esm/components/DatePickerController/DatePickerController.js.map +0 -7
- package/esm/components/DatePickerDay/DatePickerDay.js.map +0 -7
- package/esm/components/DatePickerDropdown.js.map +0 -7
- package/esm/components/DatePickerHeader/DatePickerHeader.js.map +0 -7
- package/esm/components/DatePickerNavigation/DatePickerNavigation.js.map +0 -7
- package/esm/components/DatePickerPicker/DatePickerPicker.js.map +0 -7
- package/esm/components/DatePickerRange/DatePickerRange.js.map +0 -7
- package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -7
- package/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +0 -7
- package/esm/components/DatePickerSingleDate/DatePickerSingleDate.js.map +0 -7
- package/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +0 -7
- package/esm/components/index.js.map +0 -7
- package/esm/defaultPhrases.js.map +0 -7
- package/esm/index.js.map +0 -7
package/cjs/DSDatePicker.js
CHANGED
|
@@ -1,231 +1,233 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var
|
|
24
|
-
|
|
25
|
-
|
|
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
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
isDayHighlighted = () => false,
|
|
90
|
-
numberOfMonths = 1,
|
|
91
|
-
openDirection = "down",
|
|
92
|
-
tabIndex = "",
|
|
93
|
-
zIndex = 1,
|
|
94
|
-
pickerProps = {},
|
|
95
|
-
calendarProps = {},
|
|
96
|
-
autoClear = false,
|
|
97
|
-
focusCurrentDate = false
|
|
98
|
-
}) => {
|
|
99
|
-
const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker", className, {
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
7
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
13
|
+
require('react');
|
|
14
|
+
var reactDesc = require('react-desc');
|
|
15
|
+
require('react-dates/initialize');
|
|
16
|
+
var dsClassnames = require('@elliemae/ds-classnames');
|
|
17
|
+
var moment = require('moment');
|
|
18
|
+
var defaultPhrases = require('./defaultPhrases.js');
|
|
19
|
+
var DatePickerNavigation = require('./components/DatePickerNavigation/DatePickerNavigation.js');
|
|
20
|
+
var DatePickerDay = require('./components/DatePickerDay/DatePickerDay.js');
|
|
21
|
+
var DatePickerPicker = require('./components/DatePickerPicker/DatePickerPicker.js');
|
|
22
|
+
var DatePickerDropdown = require('./components/DatePickerDropdown.js');
|
|
23
|
+
var DatePickerSingleDate = require('./components/DatePickerSingleDate/DatePickerSingleDate.js');
|
|
24
|
+
var DatePickerHeader = require('./components/DatePickerHeader/DatePickerHeader.js');
|
|
25
|
+
var DatePickerRange = require('./components/DatePickerRange/DatePickerRange.js');
|
|
26
|
+
var DatePickerRangeHeader = require('./components/DatePickerRangeHeader/DatePickerRangeHeader.js');
|
|
27
|
+
var SingleRangeDateSwitcher = require('./components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js');
|
|
28
|
+
var DatePickerRenderMonth = require('./components/DatePickerRenderMonth/DatePickerRenderMonth.js');
|
|
29
|
+
var DSDatePickerImpl = require('./components/DSDatePickerImpl.js');
|
|
30
|
+
var DatePickerController = require('./components/DatePickerController/DatePickerController.js');
|
|
31
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
32
|
+
|
|
33
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
34
|
+
|
|
35
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
36
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
37
|
+
var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
38
|
+
|
|
39
|
+
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; }
|
|
40
|
+
|
|
41
|
+
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; }
|
|
42
|
+
|
|
43
|
+
const DSDatePicker = _ref => {
|
|
44
|
+
let {
|
|
45
|
+
containerProps = {},
|
|
46
|
+
id = '',
|
|
47
|
+
appendToBody = true,
|
|
48
|
+
className = '',
|
|
49
|
+
date,
|
|
50
|
+
value,
|
|
51
|
+
placeholder = '',
|
|
52
|
+
disabled = false,
|
|
53
|
+
required = false,
|
|
54
|
+
readOnly = false,
|
|
55
|
+
hasError = false,
|
|
56
|
+
screenReaderInputMessage = 'Select date',
|
|
57
|
+
enableOutsideDays = true,
|
|
58
|
+
initialVisibleMonth = moment__default["default"](),
|
|
59
|
+
firstDayOfWeek = 0,
|
|
60
|
+
keepOpenOnDateSelect = false,
|
|
61
|
+
hideKeyboardShortcutsPanel = true,
|
|
62
|
+
onChange = () => null,
|
|
63
|
+
onDateChange = undefined,
|
|
64
|
+
onPrevMonthClick = () => null,
|
|
65
|
+
onNextMonthClick = () => null,
|
|
66
|
+
onClose = () => null,
|
|
67
|
+
onFocus = () => null,
|
|
68
|
+
onBlur = () => null,
|
|
69
|
+
phrases = defaultPhrases.SingleDatePickerPhrases,
|
|
70
|
+
displayFormat = 'L',
|
|
71
|
+
displayFormatDay = 'D',
|
|
72
|
+
transitionDuration = 0,
|
|
73
|
+
verticalSpacing = 0,
|
|
74
|
+
isDayBlocked = () => false,
|
|
75
|
+
isOutsideRange = () => false,
|
|
76
|
+
isDayHighlighted = () => false,
|
|
77
|
+
numberOfMonths = 1,
|
|
78
|
+
openDirection = 'down',
|
|
79
|
+
tabIndex = '',
|
|
80
|
+
zIndex = 1,
|
|
81
|
+
pickerProps = {},
|
|
82
|
+
calendarProps = {},
|
|
83
|
+
autoClear = false,
|
|
84
|
+
focusCurrentDate = false
|
|
85
|
+
} = _ref;
|
|
86
|
+
const {
|
|
87
|
+
cssClassName
|
|
88
|
+
} = dsClassnames.convertPropToCssClassName('datepicker', className, {
|
|
100
89
|
hasError,
|
|
101
90
|
readOnly,
|
|
102
91
|
disabled,
|
|
103
92
|
id
|
|
104
93
|
});
|
|
105
94
|
const safeDate = date || value;
|
|
106
|
-
return
|
|
107
|
-
className: cssClassName
|
|
108
|
-
|
|
109
|
-
style: {
|
|
110
|
-
|
|
111
|
-
appendToBody,
|
|
112
|
-
autoClear,
|
|
113
|
-
date: safeDate,
|
|
114
|
-
disabled,
|
|
115
|
-
displayFormat,
|
|
116
|
-
displayFormatDay,
|
|
117
|
-
enableOutsideDays,
|
|
118
|
-
firstDayOfWeek,
|
|
119
|
-
hideKeyboardShortcutsPanel,
|
|
120
|
-
initialVisibleMonth: () => initialVisibleMonth ? (0, import_moment.default)(initialVisibleMonth) : (0, import_moment.default)(safeDate),
|
|
121
|
-
isDayBlocked,
|
|
122
|
-
isDayHighlighted,
|
|
123
|
-
isOutsideRange: isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange,
|
|
124
|
-
keepOpenOnDateSelect,
|
|
125
|
-
numberOfMonths,
|
|
126
|
-
onBlur,
|
|
127
|
-
onClose,
|
|
128
|
-
onChange,
|
|
129
|
-
onDateChange: (...args) => {
|
|
130
|
-
if (onDateChange)
|
|
131
|
-
onDateChange(...args);
|
|
95
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
96
|
+
className: cssClassName
|
|
97
|
+
}, containerProps), {}, {
|
|
98
|
+
style: {
|
|
99
|
+
minWidth: '140px'
|
|
132
100
|
},
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
101
|
+
children: /*#__PURE__*/_jsx__default["default"](DSDatePickerImpl, {
|
|
102
|
+
appendToBody: appendToBody,
|
|
103
|
+
autoClear: autoClear,
|
|
104
|
+
date: safeDate,
|
|
105
|
+
disabled: disabled,
|
|
106
|
+
displayFormat: displayFormat,
|
|
107
|
+
displayFormatDay: displayFormatDay,
|
|
108
|
+
enableOutsideDays: enableOutsideDays,
|
|
109
|
+
firstDayOfWeek: firstDayOfWeek,
|
|
110
|
+
hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
|
|
111
|
+
initialVisibleMonth: () => initialVisibleMonth ? moment__default["default"](initialVisibleMonth) : moment__default["default"](safeDate),
|
|
112
|
+
isDayBlocked: isDayBlocked,
|
|
113
|
+
isDayHighlighted: isDayHighlighted,
|
|
114
|
+
isOutsideRange: isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange,
|
|
115
|
+
keepOpenOnDateSelect: keepOpenOnDateSelect,
|
|
116
|
+
numberOfMonths: numberOfMonths,
|
|
117
|
+
onBlur: onBlur,
|
|
118
|
+
onClose: onClose,
|
|
119
|
+
onChange: onChange,
|
|
120
|
+
onDateChange: function () {
|
|
121
|
+
if (onDateChange) onDateChange(...arguments);
|
|
122
|
+
},
|
|
123
|
+
onFocus: onFocus,
|
|
124
|
+
onNextMonthClick: onNextMonthClick,
|
|
125
|
+
onPrevMonthClick: onPrevMonthClick,
|
|
126
|
+
openDirection: openDirection,
|
|
127
|
+
phrases: phrases,
|
|
128
|
+
placeholder: placeholder,
|
|
129
|
+
readOnly: readOnly,
|
|
130
|
+
required: required,
|
|
131
|
+
screenReaderInputMessage: screenReaderInputMessage,
|
|
132
|
+
transitionDuration: transitionDuration,
|
|
133
|
+
value: safeDate,
|
|
134
|
+
verticalSpacing: verticalSpacing,
|
|
135
|
+
tabIndex: tabIndex,
|
|
136
|
+
zIndex: zIndex,
|
|
137
|
+
pickerProps: pickerProps,
|
|
138
|
+
calendarProps: calendarProps,
|
|
139
|
+
focusCurrentDate: focusCurrentDate
|
|
140
|
+
})
|
|
150
141
|
}));
|
|
151
142
|
};
|
|
143
|
+
|
|
152
144
|
const datePickerProps = {
|
|
153
|
-
containerProps:
|
|
154
|
-
id:
|
|
155
|
-
appendToBody:
|
|
156
|
-
className:
|
|
157
|
-
date:
|
|
158
|
-
value:
|
|
159
|
-
placeholder:
|
|
160
|
-
autoClear:
|
|
161
|
-
disabled:
|
|
162
|
-
required:
|
|
163
|
-
readOnly:
|
|
164
|
-
hasError:
|
|
165
|
-
screenReaderInputMessage:
|
|
166
|
-
enableOutsideDays:
|
|
167
|
-
initialVisibleMonth:
|
|
168
|
-
firstDayOfWeek:
|
|
169
|
-
keepOpenOnDateSelect:
|
|
170
|
-
hideKeyboardShortcutsPanel:
|
|
171
|
-
onChange:
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
focusCurrentDate: import_react_desc.PropTypes.bool.description("Wheter to focus current date on calendar").defaultValue(false)
|
|
145
|
+
containerProps: reactDesc.PropTypes.shape({}).description('Set of Properties attached to the main container'),
|
|
146
|
+
id: reactDesc.PropTypes.string.description('components id'),
|
|
147
|
+
appendToBody: reactDesc.PropTypes.bool.description('append component to body or not').defaultValue(true),
|
|
148
|
+
className: reactDesc.PropTypes.string.description('html class attribute'),
|
|
149
|
+
date: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('selected date').defaultValue(undefined),
|
|
150
|
+
value: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('value'),
|
|
151
|
+
placeholder: reactDesc.PropTypes.string.description('input placeholder value'),
|
|
152
|
+
autoClear: reactDesc.PropTypes.bool.description('autoclears the input onblur if the date is not completely set').defaultValue(false),
|
|
153
|
+
disabled: reactDesc.PropTypes.bool.description('disable component or not').defaultValue(false),
|
|
154
|
+
required: reactDesc.PropTypes.bool.description('value is required or not').defaultValue(false),
|
|
155
|
+
readOnly: reactDesc.PropTypes.bool.description('is read only or not').defaultValue(false),
|
|
156
|
+
hasError: reactDesc.PropTypes.bool.description('set error state').defaultValue(false),
|
|
157
|
+
screenReaderInputMessage: reactDesc.PropTypes.string.description('message to anounce by screen reader').defaultValue('select date'),
|
|
158
|
+
enableOutsideDays: reactDesc.PropTypes.bool.description('enable days oustide month or not').defaultValue(true),
|
|
159
|
+
initialVisibleMonth: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('initial month to display'),
|
|
160
|
+
firstDayOfWeek: reactDesc.PropTypes.number.description('first day of week').defaultValue(0),
|
|
161
|
+
keepOpenOnDateSelect: reactDesc.PropTypes.bool.description('keep picker open when a date is selected').defaultValue(false),
|
|
162
|
+
hideKeyboardShortcutsPanel: reactDesc.PropTypes.bool.description('hide keyabord shortcut panel or not').defaultValue(true),
|
|
163
|
+
onChange: reactDesc.PropTypes.func.description("\n function executed when input changes. This could trigger with invalid dates. It returns a string and a moment\n if the date is valid.\n "),
|
|
164
|
+
onDateChange: reactDesc.PropTypes.func.description('function executed when date changes. This doesnt trigger with invalid dates. It returns a moment object'),
|
|
165
|
+
onPrevMonthClick: reactDesc.PropTypes.func.description('function executed when clicking on prev month button'),
|
|
166
|
+
onNextMonthClick: reactDesc.PropTypes.func.description('function executed when clicking on next month button'),
|
|
167
|
+
onBlur: reactDesc.PropTypes.func.description('function executed when component loses focus'),
|
|
168
|
+
onClose: reactDesc.PropTypes.func.description('function executed when component closes'),
|
|
169
|
+
onFocus: reactDesc.PropTypes.func.description('function executed when component gains focus'),
|
|
170
|
+
phrases: reactDesc.PropTypes.shape({
|
|
171
|
+
calendarLabel: reactDesc.PropTypes.string,
|
|
172
|
+
closeDatePicker: reactDesc.PropTypes.string,
|
|
173
|
+
clearDates: reactDesc.PropTypes.string,
|
|
174
|
+
focusStartDate: reactDesc.PropTypes.string,
|
|
175
|
+
jumpToPrevMonth: reactDesc.PropTypes.string,
|
|
176
|
+
jumpToNextMonth: reactDesc.PropTypes.string,
|
|
177
|
+
keyboardShortcuts: reactDesc.PropTypes.string,
|
|
178
|
+
showKeyboardShortcutsPanel: reactDesc.PropTypes.string,
|
|
179
|
+
hideKeyboardShortcutsPanel: reactDesc.PropTypes.string,
|
|
180
|
+
openThisPanel: reactDesc.PropTypes.string,
|
|
181
|
+
enterKey: reactDesc.PropTypes.string,
|
|
182
|
+
leftArrowRightArrow: reactDesc.PropTypes.string,
|
|
183
|
+
upArrowDownArrow: reactDesc.PropTypes.string,
|
|
184
|
+
pageUpPageDown: reactDesc.PropTypes.string,
|
|
185
|
+
homeEnd: reactDesc.PropTypes.string,
|
|
186
|
+
escape: reactDesc.PropTypes.string,
|
|
187
|
+
questionMark: reactDesc.PropTypes.string,
|
|
188
|
+
selectFocusedDate: reactDesc.PropTypes.string,
|
|
189
|
+
moveFocusByOneDay: reactDesc.PropTypes.string,
|
|
190
|
+
moveFocusByOneWeek: reactDesc.PropTypes.string,
|
|
191
|
+
moveFocusByOneMonth: reactDesc.PropTypes.string,
|
|
192
|
+
moveFocustoStartAndEndOfWeek: reactDesc.PropTypes.string,
|
|
193
|
+
returnFocusToInput: reactDesc.PropTypes.string,
|
|
194
|
+
keyboardNavigationInstructions: reactDesc.PropTypes.string,
|
|
195
|
+
chooseAvailableStartDate: reactDesc.PropTypes.func,
|
|
196
|
+
chooseAvailableEndDate: reactDesc.PropTypes.func,
|
|
197
|
+
dateIsUnavailable: reactDesc.PropTypes.func,
|
|
198
|
+
dateIsSelected: reactDesc.PropTypes.func
|
|
199
|
+
}).description('react-dates phrases').defaultValue(defaultPhrases.SingleDatePickerPhrases),
|
|
200
|
+
displayFormat: reactDesc.PropTypes.string.description('display format').defaultValue('L'),
|
|
201
|
+
displayFormatDay: reactDesc.PropTypes.string.description('display format day').defaultValue('D'),
|
|
202
|
+
transitionDuration: reactDesc.PropTypes.number.description('transition duration').defaultValue(0),
|
|
203
|
+
verticalSpacing: reactDesc.PropTypes.number.description('vertical spacing'),
|
|
204
|
+
isDayBlocked: reactDesc.PropTypes.func.description('function that returns each day and disables desired dates'),
|
|
205
|
+
isOutsideRange: reactDesc.PropTypes.func.description('function that returns each day and disables outisde range dates'),
|
|
206
|
+
isDayHighlighted: reactDesc.PropTypes.func.description('function that returns each day and higlights desired dates'),
|
|
207
|
+
numberOfMonths: reactDesc.PropTypes.number.description('amount of months'),
|
|
208
|
+
openDirection: reactDesc.PropTypes.string.description('open direction of the popup').defaultValue('down'),
|
|
209
|
+
tabIndex: reactDesc.PropTypes.number.description('overrides tab index of the element'),
|
|
210
|
+
zIndex: reactDesc.PropTypes.string.description('overrides z-index of the element'),
|
|
211
|
+
pickerProps: reactDesc.PropTypes.shape(DatePickerPicker.PickerPropsTypes).description('props to be passed to the picker container'),
|
|
212
|
+
calendarProps: reactDesc.PropTypes.shape({
|
|
213
|
+
tabIndex: reactDesc.PropTypes.number
|
|
214
|
+
}).description('props to be passes to the calendar container'),
|
|
215
|
+
focusCurrentDate: reactDesc.PropTypes.bool.description('Wheter to focus current date on calendar').defaultValue(false)
|
|
225
216
|
};
|
|
226
|
-
|
|
227
|
-
const DatePickerWithSchema = (0, import_react_desc.describe)(DSDatePicker);
|
|
217
|
+
const DatePickerWithSchema = reactDesc.describe(DSDatePicker);
|
|
228
218
|
DatePickerWithSchema.propTypes = datePickerProps;
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
219
|
+
|
|
220
|
+
exports.DatePickerNavigation = DatePickerNavigation;
|
|
221
|
+
exports.DatePickerDay = DatePickerDay;
|
|
222
|
+
exports.DatePickerPicker = DatePickerPicker.Picker;
|
|
223
|
+
exports.Picker = DatePickerPicker.Picker;
|
|
224
|
+
exports.DatePickerDropdown = DatePickerDropdown;
|
|
225
|
+
exports.DatePickerSingleDate = DatePickerSingleDate;
|
|
226
|
+
exports.DatePickerHeader = DatePickerHeader;
|
|
227
|
+
exports.DatePickerRange = DatePickerRange;
|
|
228
|
+
exports.DatePickerRangeHeader = DatePickerRangeHeader;
|
|
229
|
+
exports.SingleRangeDateSwitcher = SingleRangeDateSwitcher;
|
|
230
|
+
exports.renderMonthElement = DatePickerRenderMonth.renderMonthElement;
|
|
231
|
+
exports.DSDatePickerController = DatePickerController;
|
|
232
|
+
exports.DatePickerWithSchema = DatePickerWithSchema;
|
|
233
|
+
exports["default"] = DSDatePicker;
|