mui-custom-form
Version:
A versatile React form component utilizing MUI components and react-hook-form.
9 lines • 843 B
JavaScript
import { TextField as MuiTextField } from "@mui/material";
import { DatePicker } from "@mui/x-date-pickers";
import React from "react";
import { Controller } from "react-hook-form";
export const DateField = ({ 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(DatePicker, { ...controlField, value: controlField.value || null, ...field.otherProps, label: field.label, onChange: (date) => controlField.onChange(date), renderInput: (params) => (React.createElement(MuiTextField, { ...params, required: field.required, error: !!error, helperText: error?.message, fullWidth: true })) })) }));
};
//# sourceMappingURL=DateField.js.map