I am trying to format in input field using a Cleave component which groups the raw input value into thousands. I am using React JS.
<InputGroup>
    <Cleave
        id="format_number_input"
        value={this.props.NumberInput}
        className="form-control"
        options={{
            numeral: true,
            numeralThousandsGroupStyle: "thousand",
            rawValueTrimPrefix: true
        }}
        onChange={this.props.handleOnChange}
    />
</InputGroup>
My problem is that I want to allow many digits after the decimal point, but the input field prevents anything more than two decimal places, i.e. I want to be able to input 123.000001, but the field only allows the value up to two decimal places: 123.00.
Is this behaviour intrinsic to the Cleave component, and is there some way around this? The component's source is here: https://github.com/nosir/cleave.js