Function useFormattedInput

useFormattedInput<V>(props: FormattedInputProps<V>): FormattedInputValue<V>

Provides the behavior for a text input that allows editing a value as a formatted text.

Type Parameters

V
An input value.

Parameters

props: FormattedInputProps<V>

Returns FormattedInputValue<V>

Example

const [value, setValue] = useState<number>();

const numberInputHandler = useMemo(() => new NumberInputHandler(new Intl.NumberFormat('en')), []);

const { inputProps } = useFormattedNumber({
  value,
  onChange: setValue,
  handler: numberInputHandler
});

<input {...inputProps} />