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