Function useFormattedInput

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

Provides behavior for a text input that allows editing a value as 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} />