Masked Input

() => {
  const [value, setValue] = useState('')
  const [value2, setValue2] = useState('')
  return (
    <div>
      <MaskedInput
        mask="(###) ###-####"
        value={value}
        onChange={val => {
          setValue(val)
        }}
      />
      <br />
      <br />
      <MaskedInput
        clearable
        onClear={() => setValue2('')}
        mask="### ### ###"
        value={value2}
        onChange={val => {
          setValue2(val)
        }}
      />
    </div>
  )
}