@elliemae/ds-date-time-picker 1.61.0 → 2.0.0-alpha.12
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/DSDateTimePicker.js +79 -103
- package/cjs/components/DateTimePickerImpl.js +158 -214
- package/cjs/index.js +1 -16
- package/cjs/lang/english.js +0 -1
- package/cjs/utils.js +2 -3
- package/esm/DSDateTimePicker.js +72 -96
- package/esm/components/DateTimePickerImpl.js +154 -209
- package/esm/index.js +0 -15
- package/esm/lang/english.js +0 -1
- package/esm/utils.js +2 -3
- package/package.json +58 -17
- package/types/DSDateTimePicker.d.ts +238 -0
- package/types/components/DateTimePickerImpl.d.ts +75 -0
- package/types/index.d.ts +1 -0
- package/types/lang/english.d.ts +6 -0
- package/types/tests/DateTimePicker-events.test.d.ts +1 -0
- package/types/tests/DateTimePickerSelectedDate.test.d.ts +1 -0
- package/types/tests/utils.d.ts +1 -0
- package/types/utils.d.ts +2 -0
- package/DSDateTimePicker/package.json +0 -10
- package/cjs/DSDateTimePicker.js.map +0 -1
- package/cjs/components/DateTimePickerImpl.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/lang/english.js.map +0 -1
- package/cjs/tests/utils.js +0 -22
- package/cjs/tests/utils.js.map +0 -1
- package/cjs/utils.js.map +0 -1
- package/components/DateTimePickerImpl/package.json +0 -10
- package/esm/DSDateTimePicker.js.map +0 -1
- package/esm/components/DateTimePickerImpl.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/lang/english.js.map +0 -1
- package/esm/tests/utils.js +0 -14
- package/esm/tests/utils.js.map +0 -1
- package/esm/utils.js.map +0 -1
- package/lang/english/package.json +0 -10
- package/tests/utils/package.json +0 -10
- package/utils/package.json +0 -10
package/cjs/DSDateTimePicker.js
CHANGED
|
@@ -2,120 +2,98 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
12
|
+
require('react');
|
|
7
13
|
var reactDesc = require('react-desc');
|
|
8
14
|
var moment = require('moment');
|
|
9
15
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
10
16
|
var dsDatePicker = require('@elliemae/ds-date-picker');
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
require('
|
|
14
|
-
require('@babel/runtime/helpers/slicedToArray');
|
|
15
|
-
require('@elliemae/ds-form');
|
|
16
|
-
require('@elliemae/ds-utilities');
|
|
17
|
-
require('@elliemae/ds-time-picker');
|
|
18
|
-
require('./utils.js');
|
|
17
|
+
var DateTimePickerImpl = require('./components/DateTimePickerImpl.js');
|
|
18
|
+
var english = require('./lang/english.js');
|
|
19
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
19
20
|
|
|
20
21
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
21
22
|
|
|
22
|
-
var
|
|
23
|
-
var
|
|
23
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
24
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
24
25
|
var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
25
26
|
|
|
26
|
-
var
|
|
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
|
-
|
|
56
|
-
|
|
57
|
-
|
|
27
|
+
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; }
|
|
28
|
+
|
|
29
|
+
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; }
|
|
30
|
+
const {
|
|
31
|
+
placeholder: placeholderDefault,
|
|
32
|
+
className: classNameDefault,
|
|
33
|
+
id: idDefault
|
|
34
|
+
} = english;
|
|
35
|
+
|
|
36
|
+
const DSDateTimePicker = _ref => {
|
|
37
|
+
let {
|
|
38
|
+
containerProps = {},
|
|
39
|
+
className = classNameDefault,
|
|
40
|
+
id = idDefault,
|
|
41
|
+
placeholder = placeholderDefault,
|
|
42
|
+
date,
|
|
43
|
+
clearable = false,
|
|
44
|
+
onBlur = () => null,
|
|
45
|
+
datePickerProps = {
|
|
46
|
+
disabled: false,
|
|
47
|
+
numberOfMonths: 1,
|
|
48
|
+
readOnly: false,
|
|
49
|
+
enableOutsideDays: false,
|
|
50
|
+
transitionDuration: 0,
|
|
51
|
+
firstDayOfWeek: 0,
|
|
52
|
+
keepOpenOnDateSelect: true,
|
|
53
|
+
hideKeyboardShortcutsPanel: true,
|
|
54
|
+
onPrevMonthClick: () => null,
|
|
55
|
+
onNextMonthClick: () => null,
|
|
56
|
+
onClose: () => null,
|
|
57
|
+
onchange: () => null,
|
|
58
|
+
onDateChange: () => null,
|
|
59
|
+
phrases: dsDatePicker.SingleDatePickerPhrases,
|
|
60
|
+
displayFormatDay: 'D',
|
|
61
|
+
isDayBlocked: () => false,
|
|
62
|
+
isOutsideRange: () => false,
|
|
63
|
+
isDayHighlighted: () => false,
|
|
64
|
+
zIndex: 11
|
|
58
65
|
},
|
|
59
|
-
|
|
60
|
-
|
|
66
|
+
timePickerProps = {
|
|
67
|
+
format: 'hh:mm A',
|
|
68
|
+
onChange: () => null,
|
|
69
|
+
disabledTimes: undefined,
|
|
70
|
+
minutesInterval: 1
|
|
61
71
|
},
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
},
|
|
65
|
-
onchange: function onchange() {
|
|
66
|
-
return null;
|
|
67
|
-
},
|
|
68
|
-
onDateChange: function onDateChange() {
|
|
69
|
-
return null;
|
|
70
|
-
},
|
|
71
|
-
phrases: dsDatePicker.SingleDatePickerPhrases,
|
|
72
|
-
displayFormatDay: 'D',
|
|
73
|
-
isDayBlocked: function isDayBlocked() {
|
|
74
|
-
return false;
|
|
75
|
-
},
|
|
76
|
-
isOutsideRange: function isOutsideRange() {
|
|
77
|
-
return false;
|
|
78
|
-
},
|
|
79
|
-
isDayHighlighted: function isDayHighlighted() {
|
|
80
|
-
return false;
|
|
81
|
-
},
|
|
82
|
-
zIndex: 11
|
|
83
|
-
} : _ref$datePickerProps,
|
|
84
|
-
_ref$timePickerProps = _ref.timePickerProps,
|
|
85
|
-
timePickerProps = _ref$timePickerProps === void 0 ? {
|
|
86
|
-
format: 'hh:mm A',
|
|
87
|
-
onChange: function onChange() {
|
|
88
|
-
return null;
|
|
89
|
-
},
|
|
90
|
-
disabledTimes: undefined,
|
|
91
|
-
minutesInterval: 1
|
|
92
|
-
} : _ref$timePickerProps,
|
|
93
|
-
_ref$dateInputProps = _ref.dateInputProps,
|
|
94
|
-
dateInputProps = _ref$dateInputProps === void 0 ? {
|
|
95
|
-
onDateInputDateChange: function onDateInputDateChange() {
|
|
96
|
-
return null;
|
|
72
|
+
dateInputProps = {
|
|
73
|
+
onDateInputDateChange: () => null
|
|
97
74
|
}
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
|
|
75
|
+
} = _ref;
|
|
76
|
+
const {
|
|
77
|
+
cssClassName
|
|
78
|
+
} = dsClassnames.convertPropToCssClassName('datetimepicker', className, {
|
|
79
|
+
id
|
|
80
|
+
});
|
|
81
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
106
82
|
className: cssClassName
|
|
107
|
-
}, containerProps),
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
83
|
+
}, containerProps), {}, {
|
|
84
|
+
children: /*#__PURE__*/_jsx__default["default"](DateTimePickerImpl, {
|
|
85
|
+
clearable: clearable,
|
|
86
|
+
date: date,
|
|
87
|
+
datePickerProps: datePickerProps,
|
|
88
|
+
onBlur: onBlur,
|
|
89
|
+
placeholder: placeholder,
|
|
90
|
+
timePickerProps: timePickerProps,
|
|
91
|
+
dateInputProps: dateInputProps
|
|
92
|
+
})
|
|
115
93
|
}));
|
|
116
94
|
};
|
|
117
95
|
|
|
118
|
-
|
|
96
|
+
const dateTimePickerProps = {
|
|
119
97
|
containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
|
|
120
98
|
className: reactDesc.PropTypes.string.description('html class attribute'),
|
|
121
99
|
id: reactDesc.PropTypes.string.description('components id'),
|
|
@@ -128,7 +106,7 @@ var dateTimePickerProps = {
|
|
|
128
106
|
/**
|
|
129
107
|
* Initial date, by default current date
|
|
130
108
|
*/
|
|
131
|
-
date: reactDesc.PropTypes.instanceOf(Date, moment__default[
|
|
109
|
+
date: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('Initial date, by default current date'),
|
|
132
110
|
|
|
133
111
|
/**
|
|
134
112
|
* Flag to trigger onDateChange on error
|
|
@@ -208,10 +186,8 @@ var dateTimePickerProps = {
|
|
|
208
186
|
onDateInputDateChange: reactDesc.PropTypes.func
|
|
209
187
|
}).description('DateInputProperties')
|
|
210
188
|
};
|
|
211
|
-
|
|
212
|
-
var DateTimePickerWithSchema = reactDesc.describe(DSDateTimePicker);
|
|
189
|
+
const DateTimePickerWithSchema = reactDesc.describe(DSDateTimePicker);
|
|
213
190
|
DateTimePickerWithSchema.propTypes = dateTimePickerProps;
|
|
214
191
|
|
|
215
192
|
exports.DateTimePickerWithSchema = DateTimePickerWithSchema;
|
|
216
|
-
exports[
|
|
217
|
-
//# sourceMappingURL=DSDateTimePicker.js.map
|
|
193
|
+
exports["default"] = DSDateTimePicker;
|