@elliemae/ds-date-time-picker 3.4.2 → 3.4.3
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/dist/cjs/DSDateTimePicker.js +33 -19
- package/dist/cjs/DSDateTimePicker.js.map +2 -2
- package/dist/cjs/components/DateTimePickerImpl.js +97 -73
- package/dist/cjs/components/DateTimePickerImpl.js.map +2 -2
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lang/english.js +4 -1
- package/dist/cjs/lang/english.js.map +1 -1
- package/dist/cjs/tests/utils.js +11 -6
- package/dist/cjs/tests/utils.js.map +1 -1
- package/dist/cjs/utils.js +4 -1
- package/dist/cjs/utils.js.map +2 -2
- package/dist/esm/DSDateTimePicker.js +29 -18
- package/dist/esm/DSDateTimePicker.js.map +1 -1
- package/dist/esm/components/DateTimePickerImpl.js +93 -72
- package/dist/esm/components/DateTimePickerImpl.js.map +1 -1
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/lang/english.js.map +1 -1
- package/dist/esm/tests/utils.js +7 -5
- package/dist/esm/tests/utils.js.map +2 -2
- package/dist/esm/utils.js.map +1 -1
- package/package.json +7 -7
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var DSDateTimePicker_exports = {};
|
|
23
26
|
__export(DSDateTimePicker_exports, {
|
|
@@ -27,7 +30,7 @@ __export(DSDateTimePicker_exports, {
|
|
|
27
30
|
});
|
|
28
31
|
module.exports = __toCommonJS(DSDateTimePicker_exports);
|
|
29
32
|
var React = __toESM(require("react"));
|
|
30
|
-
var
|
|
33
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
34
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
32
35
|
var import_moment = __toESM(require("moment"));
|
|
33
36
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
@@ -78,29 +81,40 @@ const DSDateTimePicker = ({
|
|
|
78
81
|
onDateInputDateChange: () => null
|
|
79
82
|
}
|
|
80
83
|
}) => {
|
|
81
|
-
const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)(
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
84
|
+
const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)(
|
|
85
|
+
"datetimepicker",
|
|
86
|
+
className,
|
|
87
|
+
{
|
|
88
|
+
id
|
|
89
|
+
}
|
|
90
|
+
);
|
|
91
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
85
92
|
className: cssClassName,
|
|
86
|
-
...containerProps
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
93
|
+
...containerProps,
|
|
94
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DateTimePickerImpl.DSDateTimePickerImpl, {
|
|
95
|
+
clearable,
|
|
96
|
+
date,
|
|
97
|
+
datePickerProps,
|
|
98
|
+
onBlur,
|
|
99
|
+
placeholder,
|
|
100
|
+
timePickerProps,
|
|
101
|
+
dateInputProps
|
|
102
|
+
})
|
|
103
|
+
});
|
|
96
104
|
};
|
|
97
105
|
const dateTimePickerProps = {
|
|
98
|
-
containerProps: import_ds_utilities.PropTypes.object.description(
|
|
106
|
+
containerProps: import_ds_utilities.PropTypes.object.description(
|
|
107
|
+
"Set of Properties attached to the main container"
|
|
108
|
+
),
|
|
99
109
|
className: import_ds_utilities.PropTypes.string.description("html class attribute"),
|
|
100
110
|
id: import_ds_utilities.PropTypes.string.description("components id"),
|
|
101
111
|
onBlur: import_ds_utilities.PropTypes.func.description("on blur callback"),
|
|
102
|
-
date: import_ds_utilities.PropTypes.instanceOf(Date, import_moment.default).description(
|
|
103
|
-
|
|
112
|
+
date: import_ds_utilities.PropTypes.instanceOf(Date, import_moment.default).description(
|
|
113
|
+
"Initial date, by default current date"
|
|
114
|
+
),
|
|
115
|
+
clearable: import_ds_utilities.PropTypes.bool.description(
|
|
116
|
+
"Flag to trigger onDateChange on error"
|
|
117
|
+
),
|
|
104
118
|
datePickerProps: import_ds_utilities.PropTypes.shape({
|
|
105
119
|
disabled: import_ds_utilities.PropTypes.bool,
|
|
106
120
|
numberOfMonths: import_ds_utilities.PropTypes.number,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSDateTimePicker.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport moment from 'moment';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { SingleDatePickerPhrases } from '@elliemae/ds-date-picker';\nimport { DSDateTimePickerImpl } from './components/DateTimePickerImpl';\nimport english from './lang/english';\n\nconst {\n placeholder: placeholderDefault,\n className: classNameDefault,\n id: idDefault,\n} = english;\n\nconst DSDateTimePicker = ({\n containerProps = {},\n className = classNameDefault,\n id = idDefault,\n placeholder = placeholderDefault,\n date,\n clearable = false,\n onBlur = () => null,\n datePickerProps = {\n disabled: false,\n numberOfMonths: 1,\n readOnly: false,\n enableOutsideDays: false,\n transitionDuration: 0,\n firstDayOfWeek: 0,\n keepOpenOnDateSelect: true,\n hideKeyboardShortcutsPanel: true,\n onPrevMonthClick: () => null,\n onNextMonthClick: () => null,\n onClose: () => null,\n onchange: () => null,\n onDateChange: () => null,\n phrases: SingleDatePickerPhrases,\n displayFormatDay: 'D',\n isDayBlocked: () => false,\n isOutsideRange: () => false,\n isDayHighlighted: () => false,\n zIndex: 11,\n },\n timePickerProps = {\n format: 'hh:mm A',\n onChange: () => null,\n disabledTimes: undefined,\n minutesInterval: 1,\n },\n dateInputProps = {\n onDateInputDateChange: () => null,\n },\n}) => {\n const { cssClassName } = convertPropToCssClassName(\n 'datetimepicker',\n className,\n {\n id,\n },\n );\n return (\n <div className={cssClassName} {...containerProps}>\n <DSDateTimePickerImpl\n clearable={clearable}\n date={date}\n datePickerProps={datePickerProps}\n onBlur={onBlur}\n placeholder={placeholder}\n timePickerProps={timePickerProps}\n dateInputProps={dateInputProps}\n />\n </div>\n );\n};\n\nconst dateTimePickerProps = {\n containerProps: PropTypes.object.description(\n 'Set of Properties attached to the main container',\n ),\n className: PropTypes.string.description('html class attribute'),\n id: PropTypes.string.description('components id'),\n /**\n * on blur callback\n */\n onBlur: PropTypes.func.description('on blur callback'),\n /**\n * Initial date, by default current date\n */\n date: PropTypes.instanceOf(Date, moment).description(\n 'Initial date, by default current date',\n ),\n /**\n * Flag to trigger onDateChange on error\n */\n clearable: PropTypes.bool.description(\n 'Flag to trigger onDateChange on error',\n ),\n /**\n * DatePicker properties\n */\n datePickerProps: PropTypes.shape({\n disabled: PropTypes.bool,\n numberOfMonths: PropTypes.number,\n readOnly: PropTypes.bool,\n enableOutsideDays: PropTypes.bool,\n transitionDuration: PropTypes.number,\n firstDayOfWeek: PropTypes.number,\n keepOpenOnDateSelect: PropTypes.bool,\n hideKeyboardShortcutsPanel: PropTypes.bool,\n onPrevMonthClick: PropTypes.func,\n onNextMonthClick: PropTypes.func,\n onClose: PropTypes.func,\n onDateChange: PropTypes.func,\n phrases: PropTypes.shape({\n calendarLabel: PropTypes.string,\n closeDatePicker: PropTypes.string,\n clearDates: PropTypes.string,\n focusStartDate: PropTypes.string,\n jumpToPrevMonth: PropTypes.string,\n jumpToNextMonth: PropTypes.string,\n keyboardShortcuts: PropTypes.string,\n showKeyboardShortcutsPanel: PropTypes.string,\n hideKeyboardShortcutsPanel: PropTypes.string,\n openThisPanel: PropTypes.string,\n enterKey: PropTypes.string,\n leftArrowRightArrow: PropTypes.string,\n upArrowDownArrow: PropTypes.string,\n pageUpPageDown: PropTypes.string,\n homeEnd: PropTypes.string,\n escape: PropTypes.string,\n questionMark: PropTypes.string,\n selectFocusedDate: PropTypes.string,\n moveFocusByOneDay: PropTypes.string,\n moveFocusByOneWeek: PropTypes.string,\n moveFocusByOneMonth: PropTypes.string,\n moveFocustoStartAndEndOfWeek: PropTypes.string,\n returnFocusToInput: PropTypes.string,\n keyboardNavigationInstructions: PropTypes.string,\n chooseAvailableStartDate: PropTypes.func,\n chooseAvailableEndDate: PropTypes.func,\n dateIsUnavailable: PropTypes.func,\n dateIsSelected: PropTypes.func,\n /**\n * ZIndex for the picker popup\n */\n zIndex: PropTypes.number,\n }),\n displayFormatDay: PropTypes.string,\n isDayBlocked: PropTypes.func,\n isOutsideRange: PropTypes.func,\n isDayHighlighted: PropTypes.func,\n }).description('DatePicker properties'),\n /**\n * Input placeholder\n */\n placeholder: PropTypes.string.description('Input placeholder'),\n /**\n * TimePicker properties\n */\n timePickerProps: PropTypes.shape({\n format: PropTypes.string,\n onChange: PropTypes.func,\n }).description('TimePicker properties'),\n dateInputProps: PropTypes.shape({\n onDateInputDateChange: PropTypes.func,\n }).description('DateInputProperties'),\n};\n\nDSDateTimePicker.propTypes = dateTimePickerProps;\nDSDateTimePicker.displayName = 'DSDateTimePicker';\nconst DateTimePickerWithSchema = describe(DSDateTimePicker);\nDateTimePickerWithSchema.propTypes = dateTimePickerProps;\n\nexport { DateTimePickerWithSchema, DSDateTimePicker };\nexport default DSDateTimePicker;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["english", "moment"]
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var DateTimePickerImpl_exports = {};
|
|
23
26
|
__export(DateTimePickerImpl_exports, {
|
|
@@ -26,7 +29,8 @@ __export(DateTimePickerImpl_exports, {
|
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(DateTimePickerImpl_exports);
|
|
28
31
|
var React = __toESM(require("react"));
|
|
29
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_react = require("react");
|
|
30
34
|
var import_moment = __toESM(require("moment"));
|
|
31
35
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
32
36
|
var import_ds_date_picker = require("@elliemae/ds-date-picker");
|
|
@@ -150,11 +154,14 @@ const DSDateTimePickerImpl = ({
|
|
|
150
154
|
const handleOpen = () => setIsOpen(true);
|
|
151
155
|
const handleContainerBlur = (event) => {
|
|
152
156
|
if (!isOpen && !event.currentTarget.contains(event.relatedTarget)) {
|
|
153
|
-
onBlur(
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
157
|
+
onBlur(
|
|
158
|
+
event,
|
|
159
|
+
selectedDate?.isValid() ? selectedDate : {
|
|
160
|
+
error: true,
|
|
161
|
+
message: "incomplete input",
|
|
162
|
+
input: incompleteInput
|
|
163
|
+
}
|
|
164
|
+
);
|
|
158
165
|
if (clearable && !selectedDate && !!incompleteInput) {
|
|
159
166
|
const inputMoment = (0, import_moment.default)(incompleteInput, fullFormat);
|
|
160
167
|
const splittedDate = (0, import_utils.updateDateAndTime)(inputMoment, selectedDate);
|
|
@@ -165,84 +172,101 @@ const DSDateTimePickerImpl = ({
|
|
|
165
172
|
};
|
|
166
173
|
(0, import_react.useEffect)(() => {
|
|
167
174
|
if (!isOpen)
|
|
168
|
-
onBlur(
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
175
|
+
onBlur(
|
|
176
|
+
{},
|
|
177
|
+
selectedDate?.isValid() ? selectedDate : {
|
|
178
|
+
error: true,
|
|
179
|
+
message: "incomplete input",
|
|
180
|
+
input: incompleteInput
|
|
181
|
+
}
|
|
182
|
+
);
|
|
173
183
|
}, [isOpen]);
|
|
174
184
|
const hasSelectedDate = !!selectedDate;
|
|
175
|
-
return /* @__PURE__ */
|
|
185
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSInputGroup, {
|
|
176
186
|
containerProps: {
|
|
177
187
|
onBlur: handleContainerBlur
|
|
178
188
|
},
|
|
179
|
-
rightAddon: /* @__PURE__ */
|
|
189
|
+
rightAddon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_date_picker.DatePickerDropdown, {
|
|
180
190
|
disabled,
|
|
181
191
|
isOpen,
|
|
182
192
|
zIndex,
|
|
183
|
-
menu: /* @__PURE__ */
|
|
193
|
+
menu: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DateTimePickerWrapper, {
|
|
184
194
|
ref: dateTimePickerWrapperRef,
|
|
185
|
-
"data-testid": "date-time-picker"
|
|
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
|
-
|
|
195
|
+
"data-testid": "date-time-picker",
|
|
196
|
+
children: [
|
|
197
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
198
|
+
className: hasSelectedDate ? "has-selected-date" : "without-selected-date",
|
|
199
|
+
"data-testid": "date-time-picker-portal-wrapper",
|
|
200
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_date_picker.DSDatePickerController, {
|
|
201
|
+
date: selectedDate,
|
|
202
|
+
displayFormatDay,
|
|
203
|
+
enableOutsideDays,
|
|
204
|
+
firstDayOfWeek,
|
|
205
|
+
hideKeyboardShortcutsPanel,
|
|
206
|
+
isDayBlocked,
|
|
207
|
+
isDayHighlighted,
|
|
208
|
+
isOutsideRange,
|
|
209
|
+
keepOpenOnDateSelect,
|
|
210
|
+
numberOfMonths,
|
|
211
|
+
onClickEscape: handleClickEscape,
|
|
212
|
+
onClose,
|
|
213
|
+
onDateChange: handleDatePickerChange,
|
|
214
|
+
onNextMonthClick,
|
|
215
|
+
onOutsideClick: (event) => handleOutsideClick(event),
|
|
216
|
+
onPrevMonthClick,
|
|
217
|
+
phrases,
|
|
218
|
+
transitionDuration
|
|
219
|
+
})
|
|
220
|
+
}),
|
|
221
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TimePickerWrapper, {
|
|
222
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TimePicker, {
|
|
223
|
+
disabled,
|
|
224
|
+
disabledTimes: disabledTimeRange,
|
|
225
|
+
format,
|
|
226
|
+
hasHeader: true,
|
|
227
|
+
hasHeaderDisplay: true,
|
|
228
|
+
onTimeChange,
|
|
229
|
+
showSeconds: false,
|
|
230
|
+
minutesInterval,
|
|
231
|
+
time: selectedDate,
|
|
232
|
+
...visiblePanels
|
|
233
|
+
})
|
|
234
|
+
})
|
|
235
|
+
]
|
|
236
|
+
}),
|
|
220
237
|
onClick: handleOpen,
|
|
221
238
|
readOnly
|
|
222
|
-
})
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
239
|
+
}),
|
|
240
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSInput, {
|
|
241
|
+
customInputType: ({ onChange: handleChange, ...restInputProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
242
|
+
children: [
|
|
243
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
244
|
+
style: { display: "flex" },
|
|
245
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DateInputsV2Impl, {
|
|
246
|
+
disabled,
|
|
247
|
+
onChange: (input) => handleChange(input, "date"),
|
|
248
|
+
...restInputProps,
|
|
249
|
+
onDateChange: onDateInputDateChange,
|
|
250
|
+
yearMaxRange: currentYear + 100,
|
|
251
|
+
yearMinRange: currentYear - 100,
|
|
252
|
+
time: restInputProps.value && restInputProps.value.hour && restInputProps.value.isValid() ? restInputProps.value.format(formatDate) : restInputProps.value
|
|
253
|
+
})
|
|
254
|
+
}),
|
|
255
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.TimeInputImpl, {
|
|
256
|
+
disabled,
|
|
257
|
+
format,
|
|
258
|
+
onChange: (time) => handleChange(time, "time"),
|
|
259
|
+
...restInputProps
|
|
260
|
+
})
|
|
261
|
+
]
|
|
262
|
+
}),
|
|
263
|
+
isShowElipsisActive: false,
|
|
235
264
|
disabled,
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
})
|
|
240
|
-
|
|
241
|
-
disabled,
|
|
242
|
-
onChange: handleInputChange,
|
|
243
|
-
placeholder,
|
|
244
|
-
value: selectedDate
|
|
245
|
-
}));
|
|
265
|
+
onChange: handleInputChange,
|
|
266
|
+
placeholder,
|
|
267
|
+
value: selectedDate
|
|
268
|
+
})
|
|
269
|
+
});
|
|
246
270
|
};
|
|
247
271
|
var DateTimePickerImpl_default = DSDateTimePickerImpl;
|
|
248
272
|
//# sourceMappingURL=DateTimePickerImpl.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/DateTimePickerImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable indent */\n/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable no-empty-pattern */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { useState, useEffect, useMemo, useRef } from 'react';\nimport moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSDatePickerController, DatePickerDropdown, SingleDatePickerPhrases } from '@elliemae/ds-date-picker';\nimport { DSInput, DSInputGroup, DateInputsV2Impl, TimeInputImpl } from '@elliemae/ds-form';\nimport { getVisibleTimeByFormat } from '@elliemae/ds-utilities';\nimport { DSTimePickerMenu, convertTimeString } from '@elliemae/ds-time-picker';\nimport { updateDateAndTime } from '../utils';\n\nconst blockName = 'date-time-picker';\n\nconst DateTimePickerWrapper = aggregatedClasses('div')(blockName, 'wrapper');\nconst TimePicker = aggregatedClasses(DSTimePickerMenu)(blockName, 'time-picker');\nconst TimePickerWrapper = aggregatedClasses('div')(blockName, 'time-picker-wrapper');\n// const DateInput = aggregatedClasses(DateInputsV2Impl)(blockName, 'date-input');\nconst formatDate = 'MMDDYYYY';\n\nconst DSDateTimePickerImpl = ({\n onBlur = () => null,\n placeholder,\n date,\n clearable,\n datePickerProps: {\n disabled = false,\n numberOfMonths = 1,\n readOnly = false,\n enableOutsideDays = false,\n transitionDuration = 0,\n firstDayOfWeek = 0,\n keepOpenOnDateSelect = true,\n hideKeyboardShortcutsPanel = true,\n onPrevMonthClick = () => null,\n onNextMonthClick = () => null,\n onClose = () => null,\n onChange: onDatePickerChange = () => null,\n onDateChange = () => null,\n onError: onErrorDate = () => null,\n phrases = SingleDatePickerPhrases,\n displayFormatDay = 'D',\n isDayBlocked = () => false,\n isOutsideRange = () => false,\n isDayHighlighted = () => false,\n zIndex = 11,\n },\n timePickerProps: {\n format = 'hh:mm A',\n onChange: onChangeTimePicker = () => null,\n disabledTimes = undefined,\n onError: onErrorTime = () => null,\n minutesInterval = 1,\n },\n dateInputProps: { onDateInputDateChange = () => null },\n}) => {\n const [selectedDate, setSelectedDate] = useState(undefined);\n const [incompleteInput, setIncompleteInput] = useState(undefined);\n const [isOpen, setIsOpen] = useState(false);\n\n const disabledTimeRange = disabledTimes && {\n from: convertTimeString(disabledTimes.from),\n to: convertTimeString(disabledTimes.to),\n };\n\n const dateTimePickerWrapperRef = useRef();\n const fullFormat = `${formatDate} ${format}`;\n\n useEffect(() => {\n if (date) {\n setSelectedDate(moment(date));\n } else if (date === null) setSelectedDate(undefined);\n }, [date]);\n\n const visiblePanels = useMemo(() => getVisibleTimeByFormat(format), []);\n\n const currentYear = moment().year();\n\n const handleDatePickerChange = (dateSelected) => {\n const splittedDate = updateDateAndTime(dateSelected, selectedDate);\n if (!readOnly) {\n setSelectedDate(splittedDate);\n onDateChange(splittedDate);\n }\n };\n\n const onTimeChange = (pickerTime) => {\n const splittedDate = updateDateAndTime(selectedDate, pickerTime);\n onChangeTimePicker(splittedDate);\n setSelectedDate(splittedDate);\n };\n\n const handleInputChange = (inputValue, type) => {\n onDatePickerChange(inputValue);\n let timeBlocked = false;\n const inputMoment = moment(inputValue, fullFormat);\n setIncompleteInput(inputValue);\n if (type === 'date') {\n const splittedDate = updateDateAndTime(inputMoment, selectedDate);\n if (inputValue.length < 8) {\n onErrorDate({ message: 'date incomplete', inputValue });\n if (clearable) onDateChange('error');\n return;\n }\n if (inputValue.length === 8 && inputMoment.isValid()) {\n setSelectedDate(splittedDate);\n onChangeTimePicker(splittedDate);\n }\n onDateChange(splittedDate);\n return;\n }\n\n if (disabledTimeRange) {\n const hour = inputValue.hour();\n const min = inputValue.minutes();\n const { from, to } = disabledTimeRange;\n\n if ((hour > from.hour && hour < to.hour) || (hour === to.hour && min < to.min)) {\n timeBlocked = true;\n }\n }\n if (timeBlocked) onErrorTime({ message: 'time blocked', inputValue });\n const dateBlocked = isDayBlocked(inputMoment);\n if (dateBlocked) onErrorDate({ message: 'date blocked', inputValue });\n if (!timeBlocked && !dateBlocked) {\n onDateChange(inputValue);\n }\n };\n\n const handleOutsideClick = (event) => {\n if (!dateTimePickerWrapperRef.current.contains(event.target)) {\n setIsOpen(false);\n }\n };\n\n const handleClickEscape = () => setIsOpen(false);\n const handleOpen = () => setIsOpen(true);\n\n const handleContainerBlur = (event) => {\n if (!isOpen && !event.currentTarget.contains(event.relatedTarget)) {\n onBlur(\n event,\n selectedDate?.isValid()\n ? selectedDate\n : {\n error: true,\n message: 'incomplete input',\n input: incompleteInput,\n },\n );\n if (clearable && !selectedDate && !!incompleteInput) {\n const inputMoment = moment(incompleteInput, fullFormat);\n const splittedDate = updateDateAndTime(inputMoment, selectedDate);\n\n setSelectedDate(splittedDate);\n onDateChange(splittedDate);\n }\n }\n };\n\n useEffect(() => {\n if (!isOpen)\n onBlur(\n {},\n selectedDate?.isValid()\n ? selectedDate\n : {\n error: true,\n message: 'incomplete input',\n input: incompleteInput,\n },\n );\n }, [isOpen]);\n\n const hasSelectedDate = !!selectedDate;\n return (\n <DSInputGroup\n containerProps={{\n onBlur: handleContainerBlur,\n }}\n rightAddon={\n <DatePickerDropdown\n disabled={disabled}\n isOpen={isOpen}\n zIndex={zIndex}\n menu={\n <DateTimePickerWrapper ref={dateTimePickerWrapperRef} data-testid=\"date-time-picker\">\n <div\n className={hasSelectedDate ? 'has-selected-date' : 'without-selected-date'}\n data-testid=\"date-time-picker-portal-wrapper\"\n >\n <DSDatePickerController\n date={selectedDate}\n displayFormatDay={displayFormatDay}\n enableOutsideDays={enableOutsideDays}\n firstDayOfWeek={firstDayOfWeek}\n hideKeyboardShortcutsPanel={hideKeyboardShortcutsPanel}\n isDayBlocked={isDayBlocked}\n isDayHighlighted={isDayHighlighted}\n isOutsideRange={isOutsideRange}\n keepOpenOnDateSelect={keepOpenOnDateSelect}\n numberOfMonths={numberOfMonths}\n onClickEscape={handleClickEscape}\n onClose={onClose}\n onDateChange={handleDatePickerChange}\n onNextMonthClick={onNextMonthClick}\n onOutsideClick={(event) => handleOutsideClick(event)}\n onPrevMonthClick={onPrevMonthClick}\n phrases={phrases}\n transitionDuration={transitionDuration}\n />\n </div>\n <TimePickerWrapper>\n <TimePicker\n disabled={disabled}\n disabledTimes={disabledTimeRange}\n format={format}\n hasHeader\n hasHeaderDisplay\n onTimeChange={onTimeChange}\n showSeconds={false}\n minutesInterval={minutesInterval}\n time={selectedDate}\n {...visiblePanels}\n />\n </TimePickerWrapper>\n </DateTimePickerWrapper>\n }\n onClick={handleOpen}\n readOnly={readOnly}\n />\n }\n >\n <DSInput\n customInputType={({ onChange: handleChange, ...restInputProps }) => (\n <>\n <div style={{ display: 'flex' }}>\n <DateInputsV2Impl\n disabled={disabled}\n onChange={(input) => handleChange(input, 'date')}\n {...restInputProps}\n onDateChange={onDateInputDateChange}\n yearMaxRange={currentYear + 100}\n yearMinRange={currentYear - 100}\n time={\n restInputProps.value && restInputProps.value.hour && restInputProps.value.isValid()\n ? restInputProps.value.format(formatDate)\n : restInputProps.value\n }\n />\n </div>\n <TimeInputImpl\n disabled={disabled}\n format={format}\n onChange={(time) => handleChange(time, 'time')}\n {...restInputProps}\n />\n </>\n )}\n isShowElipsisActive={false}\n disabled={disabled}\n onChange={handleInputChange}\n placeholder={placeholder}\n value={selectedDate}\n />\n </DSInputGroup>\n );\n};\n\nexport { DSDateTimePickerImpl };\nexport default DSDateTimePickerImpl;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAOA,mBAA4D;AAC5D,oBAAmB;AACnB,2BAAkC;AAClC,4BAAoF;AACpF,qBAAuE;AACvE,0BAAuC;AACvC,4BAAoD;AACpD,mBAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,4BAAwB,wCAAkB,KAAK,EAAE,WAAW,SAAS;AAC3E,MAAM,iBAAa,wCAAkB,sCAAgB,EAAE,WAAW,aAAa;AAC/E,MAAM,wBAAoB,wCAAkB,KAAK,EAAE,WAAW,qBAAqB;AAEnF,MAAM,aAAa;AAEnB,MAAM,uBAAuB,CAAC;AAAA,EAC5B,SAAS,MAAM;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,IACf,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,oBAAoB;AAAA,IACpB,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,IACjB,uBAAuB;AAAA,IACvB,6BAA6B;AAAA,IAC7B,mBAAmB,MAAM;AAAA,IACzB,mBAAmB,MAAM;AAAA,IACzB,UAAU,MAAM;AAAA,IAChB,UAAU,qBAAqB,MAAM;AAAA,IACrC,eAAe,MAAM;AAAA,IACrB,SAAS,cAAc,MAAM;AAAA,IAC7B,UAAU;AAAA,IACV,mBAAmB;AAAA,IACnB,eAAe,MAAM;AAAA,IACrB,iBAAiB,MAAM;AAAA,IACvB,mBAAmB,MAAM;AAAA,IACzB,SAAS;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,UAAU,qBAAqB,MAAM;AAAA,IACrC,gBAAgB;AAAA,IAChB,SAAS,cAAc,MAAM;AAAA,IAC7B,kBAAkB;AAAA,EACpB;AAAA,EACA,gBAAgB,EAAE,wBAAwB,MAAM,KAAK;AACvD,MAAM;AACJ,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,MAAS;AAC1D,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAS,MAAS;AAChE,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAE1C,QAAM,oBAAoB,iBAAiB;AAAA,IACzC,UAAM,yCAAkB,cAAc,IAAI;AAAA,IAC1C,QAAI,yCAAkB,cAAc,EAAE;AAAA,EACxC;AAEA,QAAM,+BAA2B,qBAAO;AACxC,QAAM,aAAa,GAAG,cAAc;AAEpC,8BAAU,MAAM;AACd,QAAI,MAAM;AACR,0BAAgB,cAAAA,SAAO,IAAI,CAAC;AAAA,IAC9B,WAAW,SAAS;AAAM,sBAAgB,MAAS;AAAA,EACrD,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,oBAAgB,sBAAQ,UAAM,4CAAuB,MAAM,GAAG,CAAC,CAAC;AAEtE,QAAM,kBAAc,cAAAA,SAAO,EAAE,KAAK;AAElC,QAAM,yBAAyB,CAAC,iBAAiB;AAC/C,UAAM,mBAAe,gCAAkB,cAAc,YAAY;AACjE,QAAI,CAAC,UAAU;AACb,sBAAgB,YAAY;AAC5B,mBAAa,YAAY;AAAA,IAC3B;AAAA,EACF;AAEA,QAAM,eAAe,CAAC,eAAe;AACnC,UAAM,mBAAe,gCAAkB,cAAc,UAAU;AAC/D,uBAAmB,YAAY;AAC/B,oBAAgB,YAAY;AAAA,EAC9B;AAEA,QAAM,oBAAoB,CAAC,YAAY,SAAS;AAC9C,uBAAmB,UAAU;AAC7B,QAAI,cAAc;AAClB,UAAM,kBAAc,cAAAA,SAAO,YAAY,UAAU;AACjD,uBAAmB,UAAU;AAC7B,QAAI,SAAS,QAAQ;AACnB,YAAM,mBAAe,gCAAkB,aAAa,YAAY;AAChE,UAAI,WAAW,SAAS,GAAG;AACzB,oBAAY,EAAE,SAAS,mBAAmB,WAAW,CAAC;AACtD,YAAI;AAAW,uBAAa,OAAO;AACnC;AAAA,MACF;AACA,UAAI,WAAW,WAAW,KAAK,YAAY,QAAQ,GAAG;AACpD,wBAAgB,YAAY;AAC5B,2BAAmB,YAAY;AAAA,MACjC;AACA,mBAAa,YAAY;AACzB;AAAA,IACF;AAEA,QAAI,mBAAmB;AACrB,YAAM,OAAO,WAAW,KAAK;AAC7B,YAAM,MAAM,WAAW,QAAQ;AAC/B,YAAM,EAAE,MAAM,GAAG,IAAI;AAErB,UAAK,OAAO,KAAK,QAAQ,OAAO,GAAG,QAAU,SAAS,GAAG,QAAQ,MAAM,GAAG,KAAM;AAC9E,sBAAc;AAAA,MAChB;AAAA,IACF;AACA,QAAI;AAAa,kBAAY,EAAE,SAAS,gBAAgB,WAAW,CAAC;AACpE,UAAM,cAAc,aAAa,WAAW;AAC5C,QAAI;AAAa,kBAAY,EAAE,SAAS,gBAAgB,WAAW,CAAC;AACpE,QAAI,CAAC,eAAe,CAAC,aAAa;AAChC,mBAAa,UAAU;AAAA,IACzB;AAAA,EACF;AAEA,QAAM,qBAAqB,CAAC,UAAU;AACpC,QAAI,CAAC,yBAAyB,QAAQ,SAAS,MAAM,MAAM,GAAG;AAC5D,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,oBAAoB,MAAM,UAAU,KAAK;AAC/C,QAAM,aAAa,MAAM,UAAU,IAAI;AAEvC,QAAM,sBAAsB,CAAC,UAAU;AACrC,QAAI,CAAC,UAAU,CAAC,MAAM,cAAc,SAAS,MAAM,aAAa,GAAG;AACjE;AAAA,QACE;AAAA,QACA,cAAc,QAAQ,IAClB,eACA;AAAA,UACE,OAAO;AAAA,UACP,SAAS;AAAA,UACT,OAAO;AAAA,QACT;AAAA,MACN;AACA,UAAI,aAAa,CAAC,gBAAgB,CAAC,CAAC,iBAAiB;AACnD,cAAM,kBAAc,cAAAA,SAAO,iBAAiB,UAAU;AACtD,cAAM,mBAAe,gCAAkB,aAAa,YAAY;AAEhE,wBAAgB,YAAY;AAC5B,qBAAa,YAAY;AAAA,MAC3B;AAAA,IACF;AAAA,EACF;AAEA,8BAAU,MAAM;AACd,QAAI,CAAC;AACH;AAAA,QACE,CAAC;AAAA,QACD,cAAc,QAAQ,IAClB,eACA;AAAA,UACE,OAAO;AAAA,UACP,SAAS;AAAA,UACT,OAAO;AAAA,QACT;AAAA,MACN;AAAA,EACJ,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,kBAAkB,CAAC,CAAC;AAC1B,SACE,4CAAC;AAAA,IACC,gBAAgB;AAAA,MACd,QAAQ;AAAA,IACV;AAAA,IACA,YACE,4CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,MACE,6CAAC;AAAA,QAAsB,KAAK;AAAA,QAA0B,eAAY;AAAA,QAChE;AAAA,sDAAC;AAAA,YACC,WAAW,kBAAkB,sBAAsB;AAAA,YACnD,eAAY;AAAA,YAEZ,sDAAC;AAAA,cACC,MAAM;AAAA,cACN;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,eAAe;AAAA,cACf;AAAA,cACA,cAAc;AAAA,cACd;AAAA,cACA,gBAAgB,CAAC,UAAU,mBAAmB,KAAK;AAAA,cACnD;AAAA,cACA;AAAA,cACA;AAAA,aACF;AAAA,WACF;AAAA,UACA,4CAAC;AAAA,YACC,sDAAC;AAAA,cACC;AAAA,cACA,eAAe;AAAA,cACf;AAAA,cACA,WAAS;AAAA,cACT,kBAAgB;AAAA,cAChB;AAAA,cACA,aAAa;AAAA,cACb;AAAA,cACA,MAAM;AAAA,cACL,GAAG;AAAA,aACN;AAAA,WACF;AAAA;AAAA,OACF;AAAA,MAEF,SAAS;AAAA,MACT;AAAA,KACF;AAAA,IAGF,sDAAC;AAAA,MACC,iBAAiB,CAAC,EAAE,UAAU,iBAAiB,eAAe,MAC5D;AAAA,QACE;AAAA,sDAAC;AAAA,YAAI,OAAO,EAAE,SAAS,OAAO;AAAA,YAC5B,sDAAC;AAAA,cACC;AAAA,cACA,UAAU,CAAC,UAAU,aAAa,OAAO,MAAM;AAAA,cAC9C,GAAG;AAAA,cACJ,cAAc;AAAA,cACd,cAAc,cAAc;AAAA,cAC5B,cAAc,cAAc;AAAA,cAC5B,MACE,eAAe,SAAS,eAAe,MAAM,QAAQ,eAAe,MAAM,QAAQ,IAC9E,eAAe,MAAM,OAAO,UAAU,IACtC,eAAe;AAAA,aAEvB;AAAA,WACF;AAAA,UACA,4CAAC;AAAA,YACC;AAAA,YACA;AAAA,YACA,UAAU,CAAC,SAAS,aAAa,MAAM,MAAM;AAAA,YAC5C,GAAG;AAAA,WACN;AAAA;AAAA,OACF;AAAA,MAEF,qBAAqB;AAAA,MACrB;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,OAAO;AAAA,KACT;AAAA,GACF;AAEJ;AAGA,IAAO,6BAAQ;",
|
|
6
|
+
"names": ["moment"]
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var src_exports = {};
|
|
23
26
|
__export(src_exports, {
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export { default, DSDateTimePicker, DateTimePickerWithSchema } from './DSDateTimePicker';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAoE;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/lang/english.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var english_exports = {};
|
|
23
26
|
__export(english_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/lang/english.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export default {\n placeholder: 'Select date and time',\n className: '',\n id: '',\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,IAAO,kBAAQ;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX,IAAI;AACN;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/tests/utils.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var utils_exports = {};
|
|
23
26
|
__export(utils_exports, {
|
|
@@ -25,12 +28,14 @@ __export(utils_exports, {
|
|
|
25
28
|
});
|
|
26
29
|
module.exports = __toCommonJS(utils_exports);
|
|
27
30
|
var React = __toESM(require("react"));
|
|
31
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
28
32
|
var import_react = __toESM(require("react"));
|
|
29
33
|
var import_styled_components = require("styled-components");
|
|
30
34
|
var import_ds_system = require("@elliemae/ds-system");
|
|
31
|
-
const themeProviderHOC = (Component) => (props) => /* @__PURE__ */
|
|
32
|
-
theme: import_ds_system.DSTheme
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
})
|
|
35
|
+
const themeProviderHOC = (Component) => (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled_components.ThemeProvider, {
|
|
36
|
+
theme: import_ds_system.DSTheme,
|
|
37
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
|
|
38
|
+
...props
|
|
39
|
+
})
|
|
40
|
+
});
|
|
36
41
|
//# sourceMappingURL=utils.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/tests/utils.js", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { DSTheme } from '@elliemae/ds-system';\n\nexport const themeProviderHOC = (Component) => (props) => (\n <ThemeProvider theme={DSTheme}>\n <Component {...props} />\n </ThemeProvider>\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,+BAA8B;AAC9B,uBAAwB;AAEjB,MAAM,mBAAmB,CAAC,cAAc,CAAC,UAC9C,4CAAC;AAAA,EAAc,OAAO;AAAA,EACpB,sDAAC;AAAA,IAAW,GAAG;AAAA,GAAO;AAAA,CACxB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/utils.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var utils_exports = {};
|
|
23
26
|
__export(utils_exports, {
|
package/dist/cjs/utils.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/utils.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import moment from 'moment';\n\nexport const updateDateAndTime = (date, time) => {\n const splittedDate = moment();\n splittedDate.month(date?.get('month'));\n splittedDate.year(date?.get('year'));\n splittedDate.date(date?.get('date'));\n splittedDate.hour(time?.get('hour'));\n splittedDate.minute(time?.get('minute'));\n splittedDate.second(time?.get('second'));\n\n return splittedDate;\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAmB;AAEZ,MAAM,oBAAoB,CAAC,MAAM,SAAS;AAC/C,QAAM,mBAAe,cAAAA,SAAO;AAC5B,eAAa,MAAM,MAAM,IAAI,OAAO,CAAC;AACrC,eAAa,KAAK,MAAM,IAAI,MAAM,CAAC;AACnC,eAAa,KAAK,MAAM,IAAI,MAAM,CAAC;AACnC,eAAa,KAAK,MAAM,IAAI,MAAM,CAAC;AACnC,eAAa,OAAO,MAAM,IAAI,QAAQ,CAAC;AACvC,eAAa,OAAO,MAAM,IAAI,QAAQ,CAAC;AAEvC,SAAO;AACT;",
|
|
6
|
+
"names": ["moment"]
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { PropTypes, describe } from "@elliemae/ds-utilities";
|
|
4
4
|
import moment from "moment";
|
|
5
5
|
import { convertPropToCssClassName } from "@elliemae/ds-classnames";
|
|
@@ -50,29 +50,40 @@ const DSDateTimePicker = ({
|
|
|
50
50
|
onDateInputDateChange: () => null
|
|
51
51
|
}
|
|
52
52
|
}) => {
|
|
53
|
-
const { cssClassName } = convertPropToCssClassName(
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
53
|
+
const { cssClassName } = convertPropToCssClassName(
|
|
54
|
+
"datetimepicker",
|
|
55
|
+
className,
|
|
56
|
+
{
|
|
57
|
+
id
|
|
58
|
+
}
|
|
59
|
+
);
|
|
60
|
+
return /* @__PURE__ */ jsx("div", {
|
|
57
61
|
className: cssClassName,
|
|
58
|
-
...containerProps
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
62
|
+
...containerProps,
|
|
63
|
+
children: /* @__PURE__ */ jsx(DSDateTimePickerImpl, {
|
|
64
|
+
clearable,
|
|
65
|
+
date,
|
|
66
|
+
datePickerProps,
|
|
67
|
+
onBlur,
|
|
68
|
+
placeholder,
|
|
69
|
+
timePickerProps,
|
|
70
|
+
dateInputProps
|
|
71
|
+
})
|
|
72
|
+
});
|
|
68
73
|
};
|
|
69
74
|
const dateTimePickerProps = {
|
|
70
|
-
containerProps: PropTypes.object.description(
|
|
75
|
+
containerProps: PropTypes.object.description(
|
|
76
|
+
"Set of Properties attached to the main container"
|
|
77
|
+
),
|
|
71
78
|
className: PropTypes.string.description("html class attribute"),
|
|
72
79
|
id: PropTypes.string.description("components id"),
|
|
73
80
|
onBlur: PropTypes.func.description("on blur callback"),
|
|
74
|
-
date: PropTypes.instanceOf(Date, moment).description(
|
|
75
|
-
|
|
81
|
+
date: PropTypes.instanceOf(Date, moment).description(
|
|
82
|
+
"Initial date, by default current date"
|
|
83
|
+
),
|
|
84
|
+
clearable: PropTypes.bool.description(
|
|
85
|
+
"Flag to trigger onDateChange on error"
|
|
86
|
+
),
|
|
76
87
|
datePickerProps: PropTypes.shape({
|
|
77
88
|
disabled: PropTypes.bool,
|
|
78
89
|
numberOfMonths: PropTypes.number,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSDateTimePicker.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport moment from 'moment';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { SingleDatePickerPhrases } from '@elliemae/ds-date-picker';\nimport { DSDateTimePickerImpl } from './components/DateTimePickerImpl';\nimport english from './lang/english';\n\nconst {\n placeholder: placeholderDefault,\n className: classNameDefault,\n id: idDefault,\n} = english;\n\nconst DSDateTimePicker = ({\n containerProps = {},\n className = classNameDefault,\n id = idDefault,\n placeholder = placeholderDefault,\n date,\n clearable = false,\n onBlur = () => null,\n datePickerProps = {\n disabled: false,\n numberOfMonths: 1,\n readOnly: false,\n enableOutsideDays: false,\n transitionDuration: 0,\n firstDayOfWeek: 0,\n keepOpenOnDateSelect: true,\n hideKeyboardShortcutsPanel: true,\n onPrevMonthClick: () => null,\n onNextMonthClick: () => null,\n onClose: () => null,\n onchange: () => null,\n onDateChange: () => null,\n phrases: SingleDatePickerPhrases,\n displayFormatDay: 'D',\n isDayBlocked: () => false,\n isOutsideRange: () => false,\n isDayHighlighted: () => false,\n zIndex: 11,\n },\n timePickerProps = {\n format: 'hh:mm A',\n onChange: () => null,\n disabledTimes: undefined,\n minutesInterval: 1,\n },\n dateInputProps = {\n onDateInputDateChange: () => null,\n },\n}) => {\n const { cssClassName } = convertPropToCssClassName(\n 'datetimepicker',\n className,\n {\n id,\n },\n );\n return (\n <div className={cssClassName} {...containerProps}>\n <DSDateTimePickerImpl\n clearable={clearable}\n date={date}\n datePickerProps={datePickerProps}\n onBlur={onBlur}\n placeholder={placeholder}\n timePickerProps={timePickerProps}\n dateInputProps={dateInputProps}\n />\n </div>\n );\n};\n\nconst dateTimePickerProps = {\n containerProps: PropTypes.object.description(\n 'Set of Properties attached to the main container',\n ),\n className: PropTypes.string.description('html class attribute'),\n id: PropTypes.string.description('components id'),\n /**\n * on blur callback\n */\n onBlur: PropTypes.func.description('on blur callback'),\n /**\n * Initial date, by default current date\n */\n date: PropTypes.instanceOf(Date, moment).description(\n 'Initial date, by default current date',\n ),\n /**\n * Flag to trigger onDateChange on error\n */\n clearable: PropTypes.bool.description(\n 'Flag to trigger onDateChange on error',\n ),\n /**\n * DatePicker properties\n */\n datePickerProps: PropTypes.shape({\n disabled: PropTypes.bool,\n numberOfMonths: PropTypes.number,\n readOnly: PropTypes.bool,\n enableOutsideDays: PropTypes.bool,\n transitionDuration: PropTypes.number,\n firstDayOfWeek: PropTypes.number,\n keepOpenOnDateSelect: PropTypes.bool,\n hideKeyboardShortcutsPanel: PropTypes.bool,\n onPrevMonthClick: PropTypes.func,\n onNextMonthClick: PropTypes.func,\n onClose: PropTypes.func,\n onDateChange: PropTypes.func,\n phrases: PropTypes.shape({\n calendarLabel: PropTypes.string,\n closeDatePicker: PropTypes.string,\n clearDates: PropTypes.string,\n focusStartDate: PropTypes.string,\n jumpToPrevMonth: PropTypes.string,\n jumpToNextMonth: PropTypes.string,\n keyboardShortcuts: PropTypes.string,\n showKeyboardShortcutsPanel: PropTypes.string,\n hideKeyboardShortcutsPanel: PropTypes.string,\n openThisPanel: PropTypes.string,\n enterKey: PropTypes.string,\n leftArrowRightArrow: PropTypes.string,\n upArrowDownArrow: PropTypes.string,\n pageUpPageDown: PropTypes.string,\n homeEnd: PropTypes.string,\n escape: PropTypes.string,\n questionMark: PropTypes.string,\n selectFocusedDate: PropTypes.string,\n moveFocusByOneDay: PropTypes.string,\n moveFocusByOneWeek: PropTypes.string,\n moveFocusByOneMonth: PropTypes.string,\n moveFocustoStartAndEndOfWeek: PropTypes.string,\n returnFocusToInput: PropTypes.string,\n keyboardNavigationInstructions: PropTypes.string,\n chooseAvailableStartDate: PropTypes.func,\n chooseAvailableEndDate: PropTypes.func,\n dateIsUnavailable: PropTypes.func,\n dateIsSelected: PropTypes.func,\n /**\n * ZIndex for the picker popup\n */\n zIndex: PropTypes.number,\n }),\n displayFormatDay: PropTypes.string,\n isDayBlocked: PropTypes.func,\n isOutsideRange: PropTypes.func,\n isDayHighlighted: PropTypes.func,\n }).description('DatePicker properties'),\n /**\n * Input placeholder\n */\n placeholder: PropTypes.string.description('Input placeholder'),\n /**\n * TimePicker properties\n */\n timePickerProps: PropTypes.shape({\n format: PropTypes.string,\n onChange: PropTypes.func,\n }).description('TimePicker properties'),\n dateInputProps: PropTypes.shape({\n onDateInputDateChange: PropTypes.func,\n }).description('DateInputProperties'),\n};\n\nDSDateTimePicker.propTypes = dateTimePickerProps;\nDSDateTimePicker.displayName = 'DSDateTimePicker';\nconst DateTimePickerWithSchema = describe(DSDateTimePicker);\nDateTimePickerWithSchema.propTypes = dateTimePickerProps;\n\nexport { DateTimePickerWithSchema, DSDateTimePicker };\nexport default DSDateTimePicker;\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,WAAW,gBAAgB;AACpC,OAAO,YAAY;AACnB,SAAS,iCAAiC;AAC1C,SAAS,+BAA+B;AACxC,SAAS,4BAA4B;AACrC,OAAO,aAAa;AAEpB,MAAM;AAAA,EACJ,aAAa;AAAA,EACb,WAAW;AAAA,EACX,IAAI;AACN,IAAI;AAEJ,MAAM,mBAAmB,CAAC;AAAA,EACxB,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,cAAc;AAAA,EACd;AAAA,EACA,YAAY;AAAA,EACZ,SAAS,MAAM;AAAA,EACf,kBAAkB;AAAA,IAChB,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,4BAA4B;AAAA,IAC5B,kBAAkB,MAAM;AAAA,IACxB,kBAAkB,MAAM;AAAA,IACxB,SAAS,MAAM;AAAA,IACf,UAAU,MAAM;AAAA,IAChB,cAAc,MAAM;AAAA,IACpB,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,cAAc,MAAM;AAAA,IACpB,gBAAgB,MAAM;AAAA,IACtB,kBAAkB,MAAM;AAAA,IACxB,QAAQ;AAAA,EACV;AAAA,EACA,kBAAkB;AAAA,IAChB,QAAQ;AAAA,IACR,UAAU,MAAM;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,EACnB;AAAA,EACA,iBAAiB;AAAA,IACf,uBAAuB,MAAM;AAAA,EAC/B;AACF,MAAM;AACJ,QAAM,EAAE,aAAa,IAAI;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAAA,IACF;AAAA,EACF;AACA,SACE,oBAAC;AAAA,IAAI,WAAW;AAAA,IAAe,GAAG;AAAA,IAChC,8BAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,MAAM,sBAAsB;AAAA,EAC1B,gBAAgB,UAAU,OAAO;AAAA,IAC/B;AAAA,EACF;AAAA,EACA,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,IAAI,UAAU,OAAO,YAAY,eAAe;AAAA,EAIhD,QAAQ,UAAU,KAAK,YAAY,kBAAkB;AAAA,EAIrD,MAAM,UAAU,WAAW,MAAM,MAAM,EAAE;AAAA,IACvC;AAAA,EACF;AAAA,EAIA,WAAW,UAAU,KAAK;AAAA,IACxB;AAAA,EACF;AAAA,EAIA,iBAAiB,UAAU,MAAM;AAAA,IAC/B,UAAU,UAAU;AAAA,IACpB,gBAAgB,UAAU;AAAA,IAC1B,UAAU,UAAU;AAAA,IACpB,mBAAmB,UAAU;AAAA,IAC7B,oBAAoB,UAAU;AAAA,IAC9B,gBAAgB,UAAU;AAAA,IAC1B,sBAAsB,UAAU;AAAA,IAChC,4BAA4B,UAAU;AAAA,IACtC,kBAAkB,UAAU;AAAA,IAC5B,kBAAkB,UAAU;AAAA,IAC5B,SAAS,UAAU;AAAA,IACnB,cAAc,UAAU;AAAA,IACxB,SAAS,UAAU,MAAM;AAAA,MACvB,eAAe,UAAU;AAAA,MACzB,iBAAiB,UAAU;AAAA,MAC3B,YAAY,UAAU;AAAA,MACtB,gBAAgB,UAAU;AAAA,MAC1B,iBAAiB,UAAU;AAAA,MAC3B,iBAAiB,UAAU;AAAA,MAC3B,mBAAmB,UAAU;AAAA,MAC7B,4BAA4B,UAAU;AAAA,MACtC,4BAA4B,UAAU;AAAA,MACtC,eAAe,UAAU;AAAA,MACzB,UAAU,UAAU;AAAA,MACpB,qBAAqB,UAAU;AAAA,MAC/B,kBAAkB,UAAU;AAAA,MAC5B,gBAAgB,UAAU;AAAA,MAC1B,SAAS,UAAU;AAAA,MACnB,QAAQ,UAAU;AAAA,MAClB,cAAc,UAAU;AAAA,MACxB,mBAAmB,UAAU;AAAA,MAC7B,mBAAmB,UAAU;AAAA,MAC7B,oBAAoB,UAAU;AAAA,MAC9B,qBAAqB,UAAU;AAAA,MAC/B,8BAA8B,UAAU;AAAA,MACxC,oBAAoB,UAAU;AAAA,MAC9B,gCAAgC,UAAU;AAAA,MAC1C,0BAA0B,UAAU;AAAA,MACpC,wBAAwB,UAAU;AAAA,MAClC,mBAAmB,UAAU;AAAA,MAC7B,gBAAgB,UAAU;AAAA,MAI1B,QAAQ,UAAU;AAAA,IACpB,CAAC;AAAA,IACD,kBAAkB,UAAU;AAAA,IAC5B,cAAc,UAAU;AAAA,IACxB,gBAAgB,UAAU;AAAA,IAC1B,kBAAkB,UAAU;AAAA,EAC9B,CAAC,EAAE,YAAY,uBAAuB;AAAA,EAItC,aAAa,UAAU,OAAO,YAAY,mBAAmB;AAAA,EAI7D,iBAAiB,UAAU,MAAM;AAAA,IAC/B,QAAQ,UAAU;AAAA,IAClB,UAAU,UAAU;AAAA,EACtB,CAAC,EAAE,YAAY,uBAAuB;AAAA,EACtC,gBAAgB,UAAU,MAAM;AAAA,IAC9B,uBAAuB,UAAU;AAAA,EACnC,CAAC,EAAE,YAAY,qBAAqB;AACtC;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,2BAA2B,SAAS,gBAAgB;AAC1D,yBAAyB,YAAY;AAGrC,IAAO,2BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useEffect, useMemo, useRef } from "react";
|
|
3
4
|
import moment from "moment";
|
|
4
5
|
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
5
6
|
import { DSDatePickerController, DatePickerDropdown, SingleDatePickerPhrases } from "@elliemae/ds-date-picker";
|
|
@@ -123,11 +124,14 @@ const DSDateTimePickerImpl = ({
|
|
|
123
124
|
const handleOpen = () => setIsOpen(true);
|
|
124
125
|
const handleContainerBlur = (event) => {
|
|
125
126
|
if (!isOpen && !event.currentTarget.contains(event.relatedTarget)) {
|
|
126
|
-
onBlur(
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
127
|
+
onBlur(
|
|
128
|
+
event,
|
|
129
|
+
selectedDate?.isValid() ? selectedDate : {
|
|
130
|
+
error: true,
|
|
131
|
+
message: "incomplete input",
|
|
132
|
+
input: incompleteInput
|
|
133
|
+
}
|
|
134
|
+
);
|
|
131
135
|
if (clearable && !selectedDate && !!incompleteInput) {
|
|
132
136
|
const inputMoment = moment(incompleteInput, fullFormat);
|
|
133
137
|
const splittedDate = updateDateAndTime(inputMoment, selectedDate);
|
|
@@ -138,84 +142,101 @@ const DSDateTimePickerImpl = ({
|
|
|
138
142
|
};
|
|
139
143
|
useEffect(() => {
|
|
140
144
|
if (!isOpen)
|
|
141
|
-
onBlur(
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
145
|
+
onBlur(
|
|
146
|
+
{},
|
|
147
|
+
selectedDate?.isValid() ? selectedDate : {
|
|
148
|
+
error: true,
|
|
149
|
+
message: "incomplete input",
|
|
150
|
+
input: incompleteInput
|
|
151
|
+
}
|
|
152
|
+
);
|
|
146
153
|
}, [isOpen]);
|
|
147
154
|
const hasSelectedDate = !!selectedDate;
|
|
148
|
-
return /* @__PURE__ */
|
|
155
|
+
return /* @__PURE__ */ jsx(DSInputGroup, {
|
|
149
156
|
containerProps: {
|
|
150
157
|
onBlur: handleContainerBlur
|
|
151
158
|
},
|
|
152
|
-
rightAddon: /* @__PURE__ */
|
|
159
|
+
rightAddon: /* @__PURE__ */ jsx(DatePickerDropdown, {
|
|
153
160
|
disabled,
|
|
154
161
|
isOpen,
|
|
155
162
|
zIndex,
|
|
156
|
-
menu: /* @__PURE__ */
|
|
163
|
+
menu: /* @__PURE__ */ jsxs(DateTimePickerWrapper, {
|
|
157
164
|
ref: dateTimePickerWrapperRef,
|
|
158
|
-
"data-testid": "date-time-picker"
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
165
|
+
"data-testid": "date-time-picker",
|
|
166
|
+
children: [
|
|
167
|
+
/* @__PURE__ */ jsx("div", {
|
|
168
|
+
className: hasSelectedDate ? "has-selected-date" : "without-selected-date",
|
|
169
|
+
"data-testid": "date-time-picker-portal-wrapper",
|
|
170
|
+
children: /* @__PURE__ */ jsx(DSDatePickerController, {
|
|
171
|
+
date: selectedDate,
|
|
172
|
+
displayFormatDay,
|
|
173
|
+
enableOutsideDays,
|
|
174
|
+
firstDayOfWeek,
|
|
175
|
+
hideKeyboardShortcutsPanel,
|
|
176
|
+
isDayBlocked,
|
|
177
|
+
isDayHighlighted,
|
|
178
|
+
isOutsideRange,
|
|
179
|
+
keepOpenOnDateSelect,
|
|
180
|
+
numberOfMonths,
|
|
181
|
+
onClickEscape: handleClickEscape,
|
|
182
|
+
onClose,
|
|
183
|
+
onDateChange: handleDatePickerChange,
|
|
184
|
+
onNextMonthClick,
|
|
185
|
+
onOutsideClick: (event) => handleOutsideClick(event),
|
|
186
|
+
onPrevMonthClick,
|
|
187
|
+
phrases,
|
|
188
|
+
transitionDuration
|
|
189
|
+
})
|
|
190
|
+
}),
|
|
191
|
+
/* @__PURE__ */ jsx(TimePickerWrapper, {
|
|
192
|
+
children: /* @__PURE__ */ jsx(TimePicker, {
|
|
193
|
+
disabled,
|
|
194
|
+
disabledTimes: disabledTimeRange,
|
|
195
|
+
format,
|
|
196
|
+
hasHeader: true,
|
|
197
|
+
hasHeaderDisplay: true,
|
|
198
|
+
onTimeChange,
|
|
199
|
+
showSeconds: false,
|
|
200
|
+
minutesInterval,
|
|
201
|
+
time: selectedDate,
|
|
202
|
+
...visiblePanels
|
|
203
|
+
})
|
|
204
|
+
})
|
|
205
|
+
]
|
|
206
|
+
}),
|
|
193
207
|
onClick: handleOpen,
|
|
194
208
|
readOnly
|
|
195
|
-
})
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
209
|
+
}),
|
|
210
|
+
children: /* @__PURE__ */ jsx(DSInput, {
|
|
211
|
+
customInputType: ({ onChange: handleChange, ...restInputProps }) => /* @__PURE__ */ jsxs(Fragment, {
|
|
212
|
+
children: [
|
|
213
|
+
/* @__PURE__ */ jsx("div", {
|
|
214
|
+
style: { display: "flex" },
|
|
215
|
+
children: /* @__PURE__ */ jsx(DateInputsV2Impl, {
|
|
216
|
+
disabled,
|
|
217
|
+
onChange: (input) => handleChange(input, "date"),
|
|
218
|
+
...restInputProps,
|
|
219
|
+
onDateChange: onDateInputDateChange,
|
|
220
|
+
yearMaxRange: currentYear + 100,
|
|
221
|
+
yearMinRange: currentYear - 100,
|
|
222
|
+
time: restInputProps.value && restInputProps.value.hour && restInputProps.value.isValid() ? restInputProps.value.format(formatDate) : restInputProps.value
|
|
223
|
+
})
|
|
224
|
+
}),
|
|
225
|
+
/* @__PURE__ */ jsx(TimeInputImpl, {
|
|
226
|
+
disabled,
|
|
227
|
+
format,
|
|
228
|
+
onChange: (time) => handleChange(time, "time"),
|
|
229
|
+
...restInputProps
|
|
230
|
+
})
|
|
231
|
+
]
|
|
232
|
+
}),
|
|
233
|
+
isShowElipsisActive: false,
|
|
208
234
|
disabled,
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
})
|
|
213
|
-
|
|
214
|
-
disabled,
|
|
215
|
-
onChange: handleInputChange,
|
|
216
|
-
placeholder,
|
|
217
|
-
value: selectedDate
|
|
218
|
-
}));
|
|
235
|
+
onChange: handleInputChange,
|
|
236
|
+
placeholder,
|
|
237
|
+
value: selectedDate
|
|
238
|
+
})
|
|
239
|
+
});
|
|
219
240
|
};
|
|
220
241
|
var DateTimePickerImpl_default = DSDateTimePickerImpl;
|
|
221
242
|
export {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DateTimePickerImpl.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\n/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable no-empty-pattern */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { useState, useEffect, useMemo, useRef } from 'react';\nimport moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSDatePickerController, DatePickerDropdown, SingleDatePickerPhrases } from '@elliemae/ds-date-picker';\nimport { DSInput, DSInputGroup, DateInputsV2Impl, TimeInputImpl } from '@elliemae/ds-form';\nimport { getVisibleTimeByFormat } from '@elliemae/ds-utilities';\nimport { DSTimePickerMenu, convertTimeString } from '@elliemae/ds-time-picker';\nimport { updateDateAndTime } from '../utils';\n\nconst blockName = 'date-time-picker';\n\nconst DateTimePickerWrapper = aggregatedClasses('div')(blockName, 'wrapper');\nconst TimePicker = aggregatedClasses(DSTimePickerMenu)(blockName, 'time-picker');\nconst TimePickerWrapper = aggregatedClasses('div')(blockName, 'time-picker-wrapper');\n// const DateInput = aggregatedClasses(DateInputsV2Impl)(blockName, 'date-input');\nconst formatDate = 'MMDDYYYY';\n\nconst DSDateTimePickerImpl = ({\n onBlur = () => null,\n placeholder,\n date,\n clearable,\n datePickerProps: {\n disabled = false,\n numberOfMonths = 1,\n readOnly = false,\n enableOutsideDays = false,\n transitionDuration = 0,\n firstDayOfWeek = 0,\n keepOpenOnDateSelect = true,\n hideKeyboardShortcutsPanel = true,\n onPrevMonthClick = () => null,\n onNextMonthClick = () => null,\n onClose = () => null,\n onChange: onDatePickerChange = () => null,\n onDateChange = () => null,\n onError: onErrorDate = () => null,\n phrases = SingleDatePickerPhrases,\n displayFormatDay = 'D',\n isDayBlocked = () => false,\n isOutsideRange = () => false,\n isDayHighlighted = () => false,\n zIndex = 11,\n },\n timePickerProps: {\n format = 'hh:mm A',\n onChange: onChangeTimePicker = () => null,\n disabledTimes = undefined,\n onError: onErrorTime = () => null,\n minutesInterval = 1,\n },\n dateInputProps: { onDateInputDateChange = () => null },\n}) => {\n const [selectedDate, setSelectedDate] = useState(undefined);\n const [incompleteInput, setIncompleteInput] = useState(undefined);\n const [isOpen, setIsOpen] = useState(false);\n\n const disabledTimeRange = disabledTimes && {\n from: convertTimeString(disabledTimes.from),\n to: convertTimeString(disabledTimes.to),\n };\n\n const dateTimePickerWrapperRef = useRef();\n const fullFormat = `${formatDate} ${format}`;\n\n useEffect(() => {\n if (date) {\n setSelectedDate(moment(date));\n } else if (date === null) setSelectedDate(undefined);\n }, [date]);\n\n const visiblePanels = useMemo(() => getVisibleTimeByFormat(format), []);\n\n const currentYear = moment().year();\n\n const handleDatePickerChange = (dateSelected) => {\n const splittedDate = updateDateAndTime(dateSelected, selectedDate);\n if (!readOnly) {\n setSelectedDate(splittedDate);\n onDateChange(splittedDate);\n }\n };\n\n const onTimeChange = (pickerTime) => {\n const splittedDate = updateDateAndTime(selectedDate, pickerTime);\n onChangeTimePicker(splittedDate);\n setSelectedDate(splittedDate);\n };\n\n const handleInputChange = (inputValue, type) => {\n onDatePickerChange(inputValue);\n let timeBlocked = false;\n const inputMoment = moment(inputValue, fullFormat);\n setIncompleteInput(inputValue);\n if (type === 'date') {\n const splittedDate = updateDateAndTime(inputMoment, selectedDate);\n if (inputValue.length < 8) {\n onErrorDate({ message: 'date incomplete', inputValue });\n if (clearable) onDateChange('error');\n return;\n }\n if (inputValue.length === 8 && inputMoment.isValid()) {\n setSelectedDate(splittedDate);\n onChangeTimePicker(splittedDate);\n }\n onDateChange(splittedDate);\n return;\n }\n\n if (disabledTimeRange) {\n const hour = inputValue.hour();\n const min = inputValue.minutes();\n const { from, to } = disabledTimeRange;\n\n if ((hour > from.hour && hour < to.hour) || (hour === to.hour && min < to.min)) {\n timeBlocked = true;\n }\n }\n if (timeBlocked) onErrorTime({ message: 'time blocked', inputValue });\n const dateBlocked = isDayBlocked(inputMoment);\n if (dateBlocked) onErrorDate({ message: 'date blocked', inputValue });\n if (!timeBlocked && !dateBlocked) {\n onDateChange(inputValue);\n }\n };\n\n const handleOutsideClick = (event) => {\n if (!dateTimePickerWrapperRef.current.contains(event.target)) {\n setIsOpen(false);\n }\n };\n\n const handleClickEscape = () => setIsOpen(false);\n const handleOpen = () => setIsOpen(true);\n\n const handleContainerBlur = (event) => {\n if (!isOpen && !event.currentTarget.contains(event.relatedTarget)) {\n onBlur(\n event,\n selectedDate?.isValid()\n ? selectedDate\n : {\n error: true,\n message: 'incomplete input',\n input: incompleteInput,\n },\n );\n if (clearable && !selectedDate && !!incompleteInput) {\n const inputMoment = moment(incompleteInput, fullFormat);\n const splittedDate = updateDateAndTime(inputMoment, selectedDate);\n\n setSelectedDate(splittedDate);\n onDateChange(splittedDate);\n }\n }\n };\n\n useEffect(() => {\n if (!isOpen)\n onBlur(\n {},\n selectedDate?.isValid()\n ? selectedDate\n : {\n error: true,\n message: 'incomplete input',\n input: incompleteInput,\n },\n );\n }, [isOpen]);\n\n const hasSelectedDate = !!selectedDate;\n return (\n <DSInputGroup\n containerProps={{\n onBlur: handleContainerBlur,\n }}\n rightAddon={\n <DatePickerDropdown\n disabled={disabled}\n isOpen={isOpen}\n zIndex={zIndex}\n menu={\n <DateTimePickerWrapper ref={dateTimePickerWrapperRef} data-testid=\"date-time-picker\">\n <div\n className={hasSelectedDate ? 'has-selected-date' : 'without-selected-date'}\n data-testid=\"date-time-picker-portal-wrapper\"\n >\n <DSDatePickerController\n date={selectedDate}\n displayFormatDay={displayFormatDay}\n enableOutsideDays={enableOutsideDays}\n firstDayOfWeek={firstDayOfWeek}\n hideKeyboardShortcutsPanel={hideKeyboardShortcutsPanel}\n isDayBlocked={isDayBlocked}\n isDayHighlighted={isDayHighlighted}\n isOutsideRange={isOutsideRange}\n keepOpenOnDateSelect={keepOpenOnDateSelect}\n numberOfMonths={numberOfMonths}\n onClickEscape={handleClickEscape}\n onClose={onClose}\n onDateChange={handleDatePickerChange}\n onNextMonthClick={onNextMonthClick}\n onOutsideClick={(event) => handleOutsideClick(event)}\n onPrevMonthClick={onPrevMonthClick}\n phrases={phrases}\n transitionDuration={transitionDuration}\n />\n </div>\n <TimePickerWrapper>\n <TimePicker\n disabled={disabled}\n disabledTimes={disabledTimeRange}\n format={format}\n hasHeader\n hasHeaderDisplay\n onTimeChange={onTimeChange}\n showSeconds={false}\n minutesInterval={minutesInterval}\n time={selectedDate}\n {...visiblePanels}\n />\n </TimePickerWrapper>\n </DateTimePickerWrapper>\n }\n onClick={handleOpen}\n readOnly={readOnly}\n />\n }\n >\n <DSInput\n customInputType={({ onChange: handleChange, ...restInputProps }) => (\n <>\n <div style={{ display: 'flex' }}>\n <DateInputsV2Impl\n disabled={disabled}\n onChange={(input) => handleChange(input, 'date')}\n {...restInputProps}\n onDateChange={onDateInputDateChange}\n yearMaxRange={currentYear + 100}\n yearMinRange={currentYear - 100}\n time={\n restInputProps.value && restInputProps.value.hour && restInputProps.value.isValid()\n ? restInputProps.value.format(formatDate)\n : restInputProps.value\n }\n />\n </div>\n <TimeInputImpl\n disabled={disabled}\n format={format}\n onChange={(time) => handleChange(time, 'time')}\n {...restInputProps}\n />\n </>\n )}\n isShowElipsisActive={false}\n disabled={disabled}\n onChange={handleInputChange}\n placeholder={placeholder}\n value={selectedDate}\n />\n </DSInputGroup>\n );\n};\n\nexport { DSDateTimePickerImpl };\nexport default DSDateTimePickerImpl;\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DSDateTimePicker, DateTimePickerWithSchema } from './DSDateTimePicker';\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAAA,UAAS,kBAAkB,gCAAgC;",
|
|
6
|
+
"names": ["default"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/lang/english.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export default {\n placeholder: 'Select date and time',\n className: '',\n id: '',\n};\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,IAAO,kBAAQ;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX,IAAI;AACN;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/tests/utils.js
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
3
|
import React2 from "react";
|
|
3
4
|
import { ThemeProvider } from "styled-components";
|
|
4
5
|
import { DSTheme } from "@elliemae/ds-system";
|
|
5
|
-
const themeProviderHOC = (Component) => (props) => /* @__PURE__ */
|
|
6
|
-
theme: DSTheme
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
})
|
|
6
|
+
const themeProviderHOC = (Component) => (props) => /* @__PURE__ */ jsx(ThemeProvider, {
|
|
7
|
+
theme: DSTheme,
|
|
8
|
+
children: /* @__PURE__ */ jsx(Component, {
|
|
9
|
+
...props
|
|
10
|
+
})
|
|
11
|
+
});
|
|
10
12
|
export {
|
|
11
13
|
themeProviderHOC
|
|
12
14
|
};
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tests/utils.js"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { DSTheme } from '@elliemae/ds-system';\n\nexport const themeProviderHOC = (Component) => (props) => (\n <ThemeProvider theme={DSTheme}>\n <Component {...props} />\n </ThemeProvider>\n);\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAW;AAClB,SAAS,qBAAqB;AAC9B,SAAS,eAAe;AAEjB,MAAM,mBAAmB,CAAC,cAAc,CAAC,UAC9C,oBAAC;AAAA,EAAc,OAAO;AAAA,EACpB,8BAAC;AAAA,IAAW,GAAG;AAAA,GAAO;AAAA,CACxB;",
|
|
6
|
+
"names": ["React"]
|
|
7
7
|
}
|
package/dist/esm/utils.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/utils.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import moment from 'moment';\n\nexport const updateDateAndTime = (date, time) => {\n const splittedDate = moment();\n splittedDate.month(date?.get('month'));\n splittedDate.year(date?.get('year'));\n splittedDate.date(date?.get('date'));\n splittedDate.hour(time?.get('hour'));\n splittedDate.minute(time?.get('minute'));\n splittedDate.second(time?.get('second'));\n\n return splittedDate;\n};\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,YAAY;AAEZ,MAAM,oBAAoB,CAAC,MAAM,SAAS;AAC/C,QAAM,eAAe,OAAO;AAC5B,eAAa,MAAM,MAAM,IAAI,OAAO,CAAC;AACrC,eAAa,KAAK,MAAM,IAAI,MAAM,CAAC;AACnC,eAAa,KAAK,MAAM,IAAI,MAAM,CAAC;AACnC,eAAa,KAAK,MAAM,IAAI,MAAM,CAAC;AACnC,eAAa,OAAO,MAAM,IAAI,QAAQ,CAAC;AACvC,eAAa,OAAO,MAAM,IAAI,QAAQ,CAAC;AAEvC,SAAO;AACT;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-date-time-picker",
|
|
3
|
-
"version": "3.4.
|
|
3
|
+
"version": "3.4.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Date Time Picker",
|
|
6
6
|
"files": [
|
|
@@ -55,12 +55,12 @@
|
|
|
55
55
|
"indent": 4
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
|
-
"@elliemae/ds-classnames": "3.4.
|
|
59
|
-
"@elliemae/ds-date-picker": "3.4.
|
|
60
|
-
"@elliemae/ds-form": "3.4.
|
|
61
|
-
"@elliemae/ds-system": "3.4.
|
|
62
|
-
"@elliemae/ds-time-picker": "3.4.
|
|
63
|
-
"@elliemae/ds-utilities": "3.4.
|
|
58
|
+
"@elliemae/ds-classnames": "3.4.3",
|
|
59
|
+
"@elliemae/ds-date-picker": "3.4.3",
|
|
60
|
+
"@elliemae/ds-form": "3.4.3",
|
|
61
|
+
"@elliemae/ds-system": "3.4.3",
|
|
62
|
+
"@elliemae/ds-time-picker": "3.4.3",
|
|
63
|
+
"@elliemae/ds-utilities": "3.4.3",
|
|
64
64
|
"lodash": "~4.17.21",
|
|
65
65
|
"moment": "~2.29.3"
|
|
66
66
|
},
|