@elliemae/ds-date-time-picker 2.2.0-alpha.4 → 3.0.0-next.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/DSDateTimePicker.js +181 -160
- package/cjs/components/DateTimePickerImpl.js +218 -187
- package/cjs/index.js +10 -37
- package/cjs/lang/english.js +9 -39
- package/cjs/utils.js +19 -42
- package/esm/DSDateTimePicker.js +116 -77
- package/esm/components/DateTimePickerImpl.js +194 -143
- package/esm/index.js +1 -8
- package/esm/lang/english.js +6 -9
- package/esm/utils.js +10 -12
- package/package.json +7 -7
- package/types/DSDateTimePicker.d.ts +1 -1
- package/types/components/DateTimePickerImpl.d.ts +0 -1
- package/types/index.d.ts +1 -1
- package/cjs/DSDateTimePicker.js.map +0 -7
- package/cjs/components/DateTimePickerImpl.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/cjs/lang/english.js.map +0 -7
- package/cjs/tests/utils.js +0 -42
- package/cjs/tests/utils.js.map +0 -7
- package/cjs/utils.js.map +0 -7
- package/esm/DSDateTimePicker.js.map +0 -7
- package/esm/components/DateTimePickerImpl.js.map +0 -7
- package/esm/index.js.map +0 -7
- package/esm/lang/english.js.map +0 -7
- package/esm/tests/utils.js +0 -13
- package/esm/tests/utils.js.map +0 -7
- package/esm/utils.js.map +0 -7
|
@@ -1,254 +1,285 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
var
|
|
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
|
-
const [selectedDate, setSelectedDate] = (0, import_react.useState)(void 0);
|
|
84
|
-
const [incompleteInput, setIncompleteInput] = (0, import_react.useState)(void 0);
|
|
85
|
-
const [isOpen, setIsOpen] = (0, import_react.useState)(false);
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
4
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
12
|
+
var react = require('react');
|
|
13
|
+
var moment = require('moment');
|
|
14
|
+
var dsClassnames = require('@elliemae/ds-classnames');
|
|
15
|
+
var dsDatePicker = require('@elliemae/ds-date-picker');
|
|
16
|
+
var dsForm = require('@elliemae/ds-form');
|
|
17
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
18
|
+
var dsTimePicker = require('@elliemae/ds-time-picker');
|
|
19
|
+
var utils = require('../utils.js');
|
|
20
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
21
|
+
|
|
22
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
23
|
+
|
|
24
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
25
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
26
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
27
|
+
var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
28
|
+
|
|
29
|
+
const _excluded = ["onChange"];
|
|
30
|
+
|
|
31
|
+
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; }
|
|
32
|
+
|
|
33
|
+
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; }
|
|
34
|
+
const blockName = 'date-time-picker';
|
|
35
|
+
const DateTimePickerWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'wrapper');
|
|
36
|
+
const TimePicker = dsClassnames.aggregatedClasses(dsTimePicker.DSTimePickerMenu)(blockName, 'time-picker');
|
|
37
|
+
const TimePickerWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'time-picker-wrapper'); // const DateInput = aggregatedClasses(DateInputsV2Impl)(blockName, 'date-input');
|
|
38
|
+
|
|
39
|
+
const formatDate = 'MMDDYYYY';
|
|
40
|
+
|
|
41
|
+
const DSDateTimePickerImpl = _ref => {
|
|
42
|
+
let {
|
|
43
|
+
onBlur = () => null,
|
|
44
|
+
placeholder,
|
|
45
|
+
date,
|
|
46
|
+
clearable,
|
|
47
|
+
datePickerProps: {
|
|
48
|
+
disabled = false,
|
|
49
|
+
numberOfMonths = 1,
|
|
50
|
+
readOnly = false,
|
|
51
|
+
enableOutsideDays = false,
|
|
52
|
+
transitionDuration = 0,
|
|
53
|
+
firstDayOfWeek = 0,
|
|
54
|
+
keepOpenOnDateSelect = true,
|
|
55
|
+
hideKeyboardShortcutsPanel = true,
|
|
56
|
+
onPrevMonthClick = () => null,
|
|
57
|
+
onNextMonthClick = () => null,
|
|
58
|
+
onClose = () => null,
|
|
59
|
+
onChange: onDatePickerChange = () => null,
|
|
60
|
+
onDateChange = () => null,
|
|
61
|
+
onError: onErrorDate = () => null,
|
|
62
|
+
phrases = dsDatePicker.SingleDatePickerPhrases,
|
|
63
|
+
displayFormatDay = 'D',
|
|
64
|
+
isDayBlocked = () => false,
|
|
65
|
+
isOutsideRange = () => false,
|
|
66
|
+
isDayHighlighted = () => false,
|
|
67
|
+
zIndex = 11
|
|
68
|
+
},
|
|
69
|
+
timePickerProps: {
|
|
70
|
+
format = 'hh:mm A',
|
|
71
|
+
onChange: onChangeTimePicker = () => null,
|
|
72
|
+
disabledTimes = undefined,
|
|
73
|
+
onError: onErrorTime = () => null,
|
|
74
|
+
minutesInterval = 1
|
|
75
|
+
},
|
|
76
|
+
dateInputProps: {
|
|
77
|
+
onDateInputDateChange = () => null
|
|
78
|
+
}
|
|
79
|
+
} = _ref;
|
|
80
|
+
const [selectedDate, setSelectedDate] = react.useState(undefined);
|
|
81
|
+
const [incompleteInput, setIncompleteInput] = react.useState(undefined);
|
|
82
|
+
const [isOpen, setIsOpen] = react.useState(false);
|
|
86
83
|
const disabledTimeRange = disabledTimes && {
|
|
87
|
-
from:
|
|
88
|
-
to:
|
|
84
|
+
from: dsTimePicker.convertTimeString(disabledTimes.from),
|
|
85
|
+
to: dsTimePicker.convertTimeString(disabledTimes.to)
|
|
89
86
|
};
|
|
90
|
-
const dateTimePickerWrapperRef =
|
|
91
|
-
const fullFormat =
|
|
92
|
-
|
|
87
|
+
const dateTimePickerWrapperRef = react.useRef();
|
|
88
|
+
const fullFormat = "".concat(formatDate, " ").concat(format);
|
|
89
|
+
react.useEffect(() => {
|
|
93
90
|
if (date) {
|
|
94
|
-
setSelectedDate(
|
|
95
|
-
} else if (date === null)
|
|
96
|
-
setSelectedDate(void 0);
|
|
91
|
+
setSelectedDate(moment__default["default"](date));
|
|
92
|
+
} else if (date === null) setSelectedDate(undefined);
|
|
97
93
|
}, [date]);
|
|
98
|
-
const visiblePanels =
|
|
99
|
-
const currentYear =
|
|
100
|
-
|
|
101
|
-
|
|
94
|
+
const visiblePanels = react.useMemo(() => dsUtilities.getVisibleTimeByFormat(format), []);
|
|
95
|
+
const currentYear = moment__default["default"]().year();
|
|
96
|
+
|
|
97
|
+
const handleDatePickerChange = dateSelected => {
|
|
98
|
+
const splittedDate = utils.updateDateAndTime(dateSelected, selectedDate);
|
|
99
|
+
|
|
102
100
|
if (!readOnly) {
|
|
103
101
|
setSelectedDate(splittedDate);
|
|
104
102
|
onDateChange(splittedDate);
|
|
105
103
|
}
|
|
106
104
|
};
|
|
107
|
-
|
|
108
|
-
|
|
105
|
+
|
|
106
|
+
const onTimeChange = pickerTime => {
|
|
107
|
+
const splittedDate = utils.updateDateAndTime(selectedDate, pickerTime);
|
|
109
108
|
onChangeTimePicker(splittedDate);
|
|
110
109
|
setSelectedDate(splittedDate);
|
|
111
110
|
};
|
|
111
|
+
|
|
112
112
|
const handleInputChange = (inputValue, type) => {
|
|
113
113
|
onDatePickerChange(inputValue);
|
|
114
114
|
let timeBlocked = false;
|
|
115
|
-
const inputMoment =
|
|
115
|
+
const inputMoment = moment__default["default"](inputValue, fullFormat);
|
|
116
116
|
setIncompleteInput(inputValue);
|
|
117
|
-
|
|
118
|
-
|
|
117
|
+
|
|
118
|
+
if (type === 'date') {
|
|
119
|
+
const splittedDate = utils.updateDateAndTime(inputMoment, selectedDate);
|
|
120
|
+
|
|
119
121
|
if (inputValue.length < 8) {
|
|
120
|
-
onErrorDate({
|
|
121
|
-
|
|
122
|
-
|
|
122
|
+
onErrorDate({
|
|
123
|
+
message: 'date incomplete',
|
|
124
|
+
inputValue
|
|
125
|
+
});
|
|
126
|
+
if (clearable) onDateChange('error');
|
|
123
127
|
return;
|
|
124
128
|
}
|
|
129
|
+
|
|
125
130
|
if (inputValue.length === 8 && inputMoment.isValid()) {
|
|
126
131
|
setSelectedDate(splittedDate);
|
|
127
132
|
onChangeTimePicker(splittedDate);
|
|
128
133
|
}
|
|
134
|
+
|
|
129
135
|
onDateChange(splittedDate);
|
|
130
136
|
return;
|
|
131
137
|
}
|
|
138
|
+
|
|
132
139
|
if (disabledTimeRange) {
|
|
133
140
|
const hour = inputValue.hour();
|
|
134
141
|
const min = inputValue.minutes();
|
|
135
|
-
const {
|
|
142
|
+
const {
|
|
143
|
+
from,
|
|
144
|
+
to
|
|
145
|
+
} = disabledTimeRange;
|
|
146
|
+
|
|
136
147
|
if (hour > from.hour && hour < to.hour || hour === to.hour && min < to.min) {
|
|
137
148
|
timeBlocked = true;
|
|
138
149
|
}
|
|
139
150
|
}
|
|
140
|
-
|
|
141
|
-
|
|
151
|
+
|
|
152
|
+
if (timeBlocked) onErrorTime({
|
|
153
|
+
message: 'time blocked',
|
|
154
|
+
inputValue
|
|
155
|
+
});
|
|
142
156
|
const dateBlocked = isDayBlocked(inputMoment);
|
|
143
|
-
if (dateBlocked)
|
|
144
|
-
|
|
157
|
+
if (dateBlocked) onErrorDate({
|
|
158
|
+
message: 'date blocked',
|
|
159
|
+
inputValue
|
|
160
|
+
});
|
|
161
|
+
|
|
145
162
|
if (!timeBlocked && !dateBlocked) {
|
|
146
163
|
onDateChange(inputValue);
|
|
147
164
|
}
|
|
148
165
|
};
|
|
149
|
-
|
|
166
|
+
|
|
167
|
+
const handleOutsideClick = event => {
|
|
150
168
|
if (!dateTimePickerWrapperRef.current.contains(event.target)) {
|
|
151
169
|
setIsOpen(false);
|
|
152
170
|
}
|
|
153
171
|
};
|
|
172
|
+
|
|
154
173
|
const handleClickEscape = () => setIsOpen(false);
|
|
174
|
+
|
|
155
175
|
const handleOpen = () => setIsOpen(true);
|
|
156
|
-
|
|
176
|
+
|
|
177
|
+
const handleContainerBlur = event => {
|
|
157
178
|
if (!isOpen && !event.currentTarget.contains(event.relatedTarget)) {
|
|
158
|
-
onBlur(event, selectedDate
|
|
179
|
+
onBlur(event, selectedDate !== null && selectedDate !== void 0 && selectedDate.isValid() ? selectedDate : {
|
|
159
180
|
error: true,
|
|
160
|
-
message:
|
|
181
|
+
message: 'incomplete input',
|
|
161
182
|
input: incompleteInput
|
|
162
183
|
});
|
|
184
|
+
|
|
163
185
|
if (clearable && !selectedDate && !!incompleteInput) {
|
|
164
|
-
const inputMoment =
|
|
165
|
-
const splittedDate =
|
|
186
|
+
const inputMoment = moment__default["default"](incompleteInput, fullFormat);
|
|
187
|
+
const splittedDate = utils.updateDateAndTime(inputMoment, selectedDate);
|
|
166
188
|
setSelectedDate(splittedDate);
|
|
167
189
|
onDateChange(splittedDate);
|
|
168
190
|
}
|
|
169
191
|
}
|
|
170
192
|
};
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
193
|
+
|
|
194
|
+
react.useEffect(() => {
|
|
195
|
+
if (!isOpen) onBlur({}, selectedDate !== null && selectedDate !== void 0 && selectedDate.isValid() ? selectedDate : {
|
|
196
|
+
error: true,
|
|
197
|
+
message: 'incomplete input',
|
|
198
|
+
input: incompleteInput
|
|
199
|
+
});
|
|
178
200
|
}, [isOpen]);
|
|
179
201
|
const hasSelectedDate = !!selectedDate;
|
|
180
|
-
return
|
|
202
|
+
return /*#__PURE__*/_jsx__default["default"](dsForm.DSInputGroup, {
|
|
181
203
|
containerProps: {
|
|
182
204
|
onBlur: handleContainerBlur
|
|
183
205
|
},
|
|
184
|
-
rightAddon:
|
|
185
|
-
disabled,
|
|
186
|
-
isOpen,
|
|
187
|
-
zIndex,
|
|
188
|
-
menu:
|
|
206
|
+
rightAddon: /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerDropdown, {
|
|
207
|
+
disabled: disabled,
|
|
208
|
+
isOpen: isOpen,
|
|
209
|
+
zIndex: zIndex,
|
|
210
|
+
menu: /*#__PURE__*/jsxRuntime.jsxs(DateTimePickerWrapper, {
|
|
189
211
|
ref: dateTimePickerWrapperRef,
|
|
190
|
-
"data-testid": "date-time-picker"
|
|
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
|
-
})
|
|
212
|
+
"data-testid": "date-time-picker",
|
|
213
|
+
children: [/*#__PURE__*/_jsx__default["default"]("div", {
|
|
214
|
+
className: hasSelectedDate ? 'has-selected-date' : 'without-selected-date',
|
|
215
|
+
"data-testid": "date-time-picker-portal-wrapper"
|
|
216
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsDatePicker.DSDatePickerController, {
|
|
217
|
+
date: selectedDate,
|
|
218
|
+
displayFormatDay: displayFormatDay,
|
|
219
|
+
enableOutsideDays: enableOutsideDays,
|
|
220
|
+
firstDayOfWeek: firstDayOfWeek,
|
|
221
|
+
hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
|
|
222
|
+
isDayBlocked: isDayBlocked,
|
|
223
|
+
isDayHighlighted: isDayHighlighted,
|
|
224
|
+
isOutsideRange: isOutsideRange,
|
|
225
|
+
keepOpenOnDateSelect: keepOpenOnDateSelect,
|
|
226
|
+
numberOfMonths: numberOfMonths,
|
|
227
|
+
onClickEscape: handleClickEscape,
|
|
228
|
+
onClose: onClose,
|
|
229
|
+
onDateChange: handleDatePickerChange,
|
|
230
|
+
onNextMonthClick: onNextMonthClick,
|
|
231
|
+
onOutsideClick: event => handleOutsideClick(event),
|
|
232
|
+
onPrevMonthClick: onPrevMonthClick,
|
|
233
|
+
phrases: phrases,
|
|
234
|
+
transitionDuration: transitionDuration
|
|
235
|
+
})), /*#__PURE__*/_jsx__default["default"](TimePickerWrapper, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(TimePicker, _objectSpread({
|
|
236
|
+
disabled: disabled,
|
|
237
|
+
disabledTimes: disabledTimeRange,
|
|
238
|
+
format: format,
|
|
239
|
+
hasHeader: true,
|
|
240
|
+
hasHeaderDisplay: true,
|
|
241
|
+
onTimeChange: onTimeChange,
|
|
242
|
+
showSeconds: false,
|
|
243
|
+
minutesInterval: minutesInterval,
|
|
244
|
+
time: selectedDate
|
|
245
|
+
}, visiblePanels)))]
|
|
246
|
+
}),
|
|
225
247
|
onClick: handleOpen,
|
|
226
|
-
readOnly
|
|
248
|
+
readOnly: readOnly
|
|
227
249
|
})
|
|
228
|
-
},
|
|
229
|
-
customInputType:
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
250
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInput, {
|
|
251
|
+
customInputType: _ref2 => {
|
|
252
|
+
let {
|
|
253
|
+
onChange: handleChange
|
|
254
|
+
} = _ref2,
|
|
255
|
+
restInputProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
|
|
256
|
+
|
|
257
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
258
|
+
children: [/*#__PURE__*/_jsx__default["default"]("div", {
|
|
259
|
+
style: {
|
|
260
|
+
display: 'flex'
|
|
261
|
+
}
|
|
262
|
+
}, void 0, /*#__PURE__*/jsxRuntime.jsx(dsForm.DateInputsV2Impl, _objectSpread(_objectSpread({
|
|
263
|
+
disabled: disabled,
|
|
264
|
+
onChange: input => handleChange(input, 'date')
|
|
265
|
+
}, restInputProps), {}, {
|
|
266
|
+
onDateChange: onDateInputDateChange,
|
|
267
|
+
yearMaxRange: currentYear + 100,
|
|
268
|
+
yearMinRange: currentYear - 100,
|
|
269
|
+
time: restInputProps.value && restInputProps.value.hour && restInputProps.value.isValid() ? restInputProps.value.format(formatDate) : restInputProps.value
|
|
270
|
+
}))), /*#__PURE__*/jsxRuntime.jsx(dsForm.TimeInputImpl, _objectSpread({
|
|
271
|
+
disabled: disabled,
|
|
272
|
+
format: format,
|
|
273
|
+
onChange: time => handleChange(time, 'time')
|
|
274
|
+
}, restInputProps))]
|
|
275
|
+
});
|
|
276
|
+
},
|
|
245
277
|
isShowElipsisActive: false,
|
|
246
|
-
disabled,
|
|
278
|
+
disabled: disabled,
|
|
247
279
|
onChange: handleInputChange,
|
|
248
|
-
placeholder,
|
|
280
|
+
placeholder: placeholder,
|
|
249
281
|
value: selectedDate
|
|
250
282
|
}));
|
|
251
283
|
};
|
|
252
|
-
|
|
253
|
-
module.exports =
|
|
254
|
-
//# sourceMappingURL=DateTimePickerImpl.js.map
|
|
284
|
+
|
|
285
|
+
module.exports = DSDateTimePickerImpl;
|
package/cjs/index.js
CHANGED
|
@@ -1,37 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var src_exports = {};
|
|
29
|
-
__export(src_exports, {
|
|
30
|
-
DSDateTimePicker: () => import_DSDateTimePicker.DSDateTimePicker,
|
|
31
|
-
DateTimePickerWithSchema: () => import_DSDateTimePicker.DateTimePickerWithSchema,
|
|
32
|
-
default: () => import_DSDateTimePicker.default
|
|
33
|
-
});
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_DSDateTimePicker = require("./DSDateTimePicker");
|
|
36
|
-
module.exports = __toCommonJS(src_exports);
|
|
37
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var DSDateTimePicker = require('./DSDateTimePicker.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.DateTimePickerWithSchema = DSDateTimePicker.DateTimePickerWithSchema;
|
|
10
|
+
exports["default"] = DSDateTimePicker["default"];
|
package/cjs/lang/english.js
CHANGED
|
@@ -1,39 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var english_exports = {};
|
|
29
|
-
__export(english_exports, {
|
|
30
|
-
default: () => english_default
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var english_default = {
|
|
34
|
-
placeholder: "Select date and time",
|
|
35
|
-
className: "",
|
|
36
|
-
id: ""
|
|
37
|
-
};
|
|
38
|
-
module.exports = __toCommonJS(english_exports);
|
|
39
|
-
//# sourceMappingURL=english.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var english = {
|
|
4
|
+
placeholder: 'Select date and time',
|
|
5
|
+
className: '',
|
|
6
|
+
id: ''
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
module.exports = english;
|
package/cjs/utils.js
CHANGED
|
@@ -1,45 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var utils_exports = {};
|
|
29
|
-
__export(utils_exports, {
|
|
30
|
-
updateDateAndTime: () => updateDateAndTime
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_moment = __toESM(require("moment"));
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var moment = require('moment');
|
|
6
|
+
|
|
7
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
+
|
|
9
|
+
var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
10
|
+
|
|
34
11
|
const updateDateAndTime = (date, time) => {
|
|
35
|
-
const splittedDate =
|
|
36
|
-
splittedDate.month(date
|
|
37
|
-
splittedDate.year(date
|
|
38
|
-
splittedDate.date(date
|
|
39
|
-
splittedDate.hour(time
|
|
40
|
-
splittedDate.minute(time
|
|
41
|
-
splittedDate.second(time
|
|
12
|
+
const splittedDate = moment__default["default"]();
|
|
13
|
+
splittedDate.month(date === null || date === void 0 ? void 0 : date.get('month'));
|
|
14
|
+
splittedDate.year(date === null || date === void 0 ? void 0 : date.get('year'));
|
|
15
|
+
splittedDate.date(date === null || date === void 0 ? void 0 : date.get('date'));
|
|
16
|
+
splittedDate.hour(time === null || time === void 0 ? void 0 : time.get('hour'));
|
|
17
|
+
splittedDate.minute(time === null || time === void 0 ? void 0 : time.get('minute'));
|
|
18
|
+
splittedDate.second(time === null || time === void 0 ? void 0 : time.get('second'));
|
|
42
19
|
return splittedDate;
|
|
43
20
|
};
|
|
44
|
-
|
|
45
|
-
|
|
21
|
+
|
|
22
|
+
exports.updateDateAndTime = updateDateAndTime;
|