mui-custom-form/dist/components/fields/TextField.js

A versatile React form component utilizing MUI components and react-hook-form.

import { TextField as MuiTextField } from "@mui/material";
import React from "react";
import { Controller } from "react-hook-form";
export const TextField = ({ field, formControl, }) => {
    const { control } = formControl;
    return (React.createElement(Controller, { name: field.name, control: control, rules: { required: field.required }, render: ({ field: controlField, fieldState: { error } }) => (React.createElement(MuiTextField, { ...controlField, value: controlField.value || "", ...field.otherProps, label: field.label, type: field.type, fullWidth: true, required: field.required, error: !!error, helperText: error?.message, onChange: (e) => {
                if (!e.target.value)
                    return controlField.onChange(undefined);
                controlField.onChange(field.type === "number"
                    ? parseFloat(e.target.value)
                    : e.target.value);
            } })) }));
};
//# sourceMappingURL=TextField.js.map