2019-10-03 23:17:04 +07:00
|
|
|
import React, { forwardRef } from 'react';
|
2019-10-06 23:30:05 +07:00
|
|
|
import { default as MaterialUITextField, TextFieldProps } from '@material-ui/core/TextField';
|
2019-10-03 23:17:04 +07:00
|
|
|
|
|
|
|
// The default element type of MUI's TextField is 'div'
|
2019-10-12 13:45:39 +07:00
|
|
|
type TextFieldRef = HTMLDivElement;
|
2019-10-03 23:17:04 +07:00
|
|
|
|
2019-10-12 13:45:39 +07:00
|
|
|
const TextField = forwardRef<TextFieldRef, TextFieldProps>(function TextField({ InputProps, classes, ...props }, ref) {
|
2019-10-03 23:17:04 +07:00
|
|
|
return (
|
2019-10-06 23:30:05 +07:00
|
|
|
<MaterialUITextField
|
2019-10-03 23:17:04 +07:00
|
|
|
{...props}
|
2019-10-08 03:19:18 +07:00
|
|
|
innerRef={ref}
|
2019-10-03 23:17:04 +07:00
|
|
|
InputProps={{
|
|
|
|
...InputProps,
|
|
|
|
classes,
|
|
|
|
}}
|
|
|
|
/>
|
|
|
|
);
|
|
|
|
});
|
|
|
|
|
|
|
|
export default TextField;
|