infinity-forge 0.34.3 → 0.34.5
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.
|
@@ -10,12 +10,16 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
13
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
17
|
exports.Input = void 0;
|
|
15
18
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
19
|
var react_1 = require("react");
|
|
17
20
|
var formik_1 = require("formik");
|
|
18
21
|
var input_control_1 = require("../input-control/index.js");
|
|
22
|
+
var moment_1 = __importDefault(require("moment"));
|
|
19
23
|
function Input(props) {
|
|
20
24
|
var _a = (0, formik_1.useField)({ name: props.name, type: props.type }), field = _a[0], state = _a[1], handlers = _a[2];
|
|
21
25
|
function formatDate(date) {
|
|
@@ -29,10 +33,19 @@ function Input(props) {
|
|
|
29
33
|
}
|
|
30
34
|
(0, react_1.useEffect)(function () {
|
|
31
35
|
if (state.initialValue) {
|
|
32
|
-
|
|
36
|
+
if (props.type === "date") {
|
|
37
|
+
handlers.setValue(state.initialValue instanceof Date ? formatDate(state.initialValue) : state.initialValue.split("T")[0]);
|
|
38
|
+
}
|
|
39
|
+
else if (props.type === "datetime-local") {
|
|
40
|
+
var formattedDateTime = state.initialValue instanceof Date ? (0, moment_1.default)(state.initialValue).format("YYYY-MM-DDTHH:mm") : state.initialValue.slice(0, 16);
|
|
41
|
+
handlers.setValue(formattedDateTime);
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
handlers.setValue(state.initialValue);
|
|
45
|
+
}
|
|
33
46
|
}
|
|
34
47
|
}, [state.initialValue]);
|
|
35
|
-
return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)("input", __assign({ id: props.name, placeholder: props.placeholder, type: props.type || "text", readOnly: props.readOnly }, field, { min: props.min, max: props.max, value: (field.value instanceof Date && props.type === "date") ? formatDate(field.value) : (field.value || ""), onChange: function (ev) {
|
|
48
|
+
return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)("input", __assign({ id: props.name, placeholder: props.placeholder, type: props.type || "text", readOnly: props.readOnly }, field, { min: props.min, max: props.max, value: (field.value instanceof Date && (props.type === "date" || props.type === "datetime-local")) ? formatDate(field.value) : (field.value || ""), onChange: function (ev) {
|
|
36
49
|
field.onChange(ev);
|
|
37
50
|
props.onChangeInput && props.onChangeInput(ev.target.value);
|
|
38
51
|
} })) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -51,14 +51,14 @@ function DatePickerInput(props) {
|
|
|
51
51
|
var _a = (0, formik_1.useField)({ name: props.name }), field = _a[0], _ = _a[1], handlers = _a[2];
|
|
52
52
|
var configs = {
|
|
53
53
|
normal: {
|
|
54
|
-
dateFormat: 'DD/MM/
|
|
54
|
+
dateFormat: 'DD/MM/yyyy',
|
|
55
55
|
},
|
|
56
56
|
month: {
|
|
57
|
-
dateFormat: 'MM/
|
|
57
|
+
dateFormat: 'MM/yyyy',
|
|
58
58
|
showMonthYearPicker: true,
|
|
59
59
|
},
|
|
60
60
|
year: {
|
|
61
|
-
dateFormat: '
|
|
61
|
+
dateFormat: 'yyyy',
|
|
62
62
|
showYearPicker: true,
|
|
63
63
|
},
|
|
64
64
|
};
|