UNPKG

@gecsevar.hu/gecsevar-formik-fields

Version:

[![npm version](https://badge.fury.io/js/@gecsevar.hu%2Fgecsevar-formik-fields.svg)](https://badge.fury.io/js/@gecsevar.hu%2Fgecsevar-formik-fields)

16 lines 1.07 kB
"use strict"; exports.__esModule = true; exports.GVDateTimePicker = void 0; var tslib_1 = require("tslib"); var formik_1 = require("formik"); var react_1 = tslib_1.__importDefault(require("react")); var x_date_pickers_1 = require("@mui/x-date-pickers"); function GVDateTimePicker(_a) { var field = _a.field, _b = _a.form, errors = _b.errors, isSubmitting = _b.isSubmitting, props = tslib_1.__rest(_a, ["field", "form"]); var setFieldValue = (0, formik_1.useFormikContext)().setFieldValue; return (react_1["default"].createElement(x_date_pickers_1.DateTimePicker, tslib_1.__assign({ ampm: false, ampmInClock: false, value: Date.parse(field.value), format: 'yyyy-MM-dd HH:mm:ss' }, props, { slotProps: { textField: { size: 'small', sx: { width: '220px', margin: '5px' }, helperText: (0, formik_1.getIn)(errors, field.name) } }, onChange: function (value) { return setFieldValue(field.name, value); }, disabled: isSubmitting }))); } exports.GVDateTimePicker = GVDateTimePicker; //# sourceMappingURL=GVDateTimePicker.js.map