React Hookers - v6.3.0
    Preparing search index...

    Class NumberInputHandler

    A handler for numeric formatted input.

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

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

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

    <input {...inputProps} />

    useNumberInput

    Implements

    Index

    Constructors

    constructor

    Properties

    _options format isDecimal

    Methods

    getInitialState getSelectedText onBlur onChange

    Constructors

    Properties

    Protected_options

    _options: NumberInputHandlerOptions

    Handler options.

    format: NumberFormat

    The number format used to format input values.

    isDecimal: boolean

    true if the number input supports a decimal separator.

    Methods

    • Updates the state after the user changes the formatted value.

      Parameters

      • state: NumberInputState

        The state of the input before the formatted value change.

      • nextFormattedValue: string

        The new formatted value.

      • nextSelectionStart: number

        The new start of the text selection.

      • nextSelectionEnd: number

        The new end of the text selection.

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Methods