@mvf/external-components 3.8.1-dev.6 → 3.8.1-dev.8
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -35,9 +35,10 @@ var makeDatePickerStyling_1 = __importDefault(require("./makeDatePickerStyling")
|
|
|
35
35
|
var react_2 = require("@emotion/react");
|
|
36
36
|
var DesktopDatePicker_1 = require("@mui/x-date-pickers/DesktopDatePicker");
|
|
37
37
|
var DatePicker = function (_a) {
|
|
38
|
-
var id = _a.id,
|
|
38
|
+
var id = _a.id, openDelay = _a.openDelay, onChange = _a.onChange, onOpen = _a.onOpen, onClose = _a.onClose, format = _a.format, value = _a.value, errorMessage = _a.errorMessage, placeholder = _a.placeholder, props = __rest(_a, ["id", "openDelay", "onChange", "onOpen", "onClose", "format", "value", "errorMessage", "placeholder"]);
|
|
39
39
|
var isValid = !errorMessage && !!value;
|
|
40
40
|
var _b = react_1.default.useState(false), isPickerOpen = _b[0], setIsPickerOpen = _b[1];
|
|
41
|
+
var _c = react_1.default.useState(), lastPickerInteractionTimestamp = _c[0], setLastPickerInteractionTimestamp = _c[1];
|
|
41
42
|
var styles = (0, makeDatePickerStyling_1.default)({
|
|
42
43
|
isError: !!errorMessage,
|
|
43
44
|
isValid: isValid,
|
|
@@ -47,12 +48,17 @@ var DatePicker = function (_a) {
|
|
|
47
48
|
};
|
|
48
49
|
var handleOpen = function () {
|
|
49
50
|
onOpen();
|
|
51
|
+
var openPickerInteractionTimestamp = new Date().toISOString();
|
|
52
|
+
setLastPickerInteractionTimestamp(openPickerInteractionTimestamp);
|
|
50
53
|
setTimeout(function () {
|
|
51
|
-
|
|
52
|
-
|
|
54
|
+
if (lastPickerInteractionTimestamp === openPickerInteractionTimestamp) {
|
|
55
|
+
setIsPickerOpen(true);
|
|
56
|
+
}
|
|
57
|
+
}, openDelay);
|
|
53
58
|
};
|
|
54
59
|
var handleClose = function () {
|
|
55
60
|
onClose();
|
|
61
|
+
setLastPickerInteractionTimestamp(new Date().toISOString());
|
|
56
62
|
setIsPickerOpen(false);
|
|
57
63
|
};
|
|
58
64
|
var endAdornment;
|
|
@@ -61,7 +67,7 @@ var DatePicker = function (_a) {
|
|
|
61
67
|
var ValidationIconComponent = icons_1.default[validationIconType];
|
|
62
68
|
endAdornment = ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, __assign({ position: "end", "data-testid": "endAdornment-".concat(validationIconType), css: styles.inputAdornmentEnd }, { children: (0, jsx_runtime_1.jsx)(ValidationIconComponent, { fill: "red", viewBox: "2 2 20 20" }) })));
|
|
63
69
|
}
|
|
64
|
-
return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: styles.datePickerContainer }, { children: [(0, jsx_runtime_1.jsx)(react_2.Global, { styles: styles.globalStyles }), (0, jsx_runtime_1.jsx)(DesktopDatePicker_1.DesktopDatePicker, __assign({ closeOnSelect: true, open: isPickerOpen, onOpen: handleOpen, onClose: handleClose, format: format,
|
|
70
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: styles.datePickerContainer }, { children: [(0, jsx_runtime_1.jsx)(react_2.Global, { styles: styles.globalStyles }), (0, jsx_runtime_1.jsx)(DesktopDatePicker_1.DesktopDatePicker, __assign({ closeOnSelect: true, open: isPickerOpen, onOpen: handleOpen, onClose: handleClose, format: format, slotProps: {
|
|
65
71
|
inputAdornment: {
|
|
66
72
|
position: 'start',
|
|
67
73
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gFAA0D;AAC1D,gDAA0B;AAE1B,oEAA8C;AAE9C,gEAA0C;AAC1C,kFAA4D;AAC5D,wCAAwC;AAExC,2EAA0E;AAO1E,IAAM,UAAU,GAAmB,UAAC,EAWjB;IAVjB,IAAA,EAAE,QAAA,EACF,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
interface IDatePickerProps {
|
|
3
2
|
id: string;
|
|
4
|
-
inputRef?: React.RefObject<HTMLInputElement>;
|
|
5
3
|
onChange: (date: Date | undefined) => void;
|
|
6
4
|
onOpen: () => void;
|
|
7
5
|
onClose: () => void;
|
|
6
|
+
openDelay?: number;
|
|
8
7
|
disableFuture?: boolean;
|
|
9
8
|
disablePast?: boolean;
|
|
10
9
|
errorMessage?: string;
|