import React from 'react';

import TextField from '@mui/material/TextField';
import type { TextFieldProps } from '@mui/material/TextField';

const NumberField = React.forwardRef<HTMLInputElement, TextFieldProps>((props, ref) => {
  return (
    <TextField
      type='number'
      inputProps={{ step: 'any' }}
      fullWidth={true}
      inputRef={ref}
      {...props}
    />
  );
});

NumberField.displayName = 'NumberField';

export default NumberField;