jqwidgets-scripts-custom/demos/React/app/numberinput/validation/app.js

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

import React from 'react';
import ReactDOM from 'react-dom';

import JqxNumberInput from '../../../jqwidgets-react/react_jqxnumberinput.js';

class App extends React.Component {
    render() {
        return (
            <div id='jqxWidget' style={{ fontSize: 13, fontFamily: 'Verdana', float: 'left' }}>
                <div>The input is restricted from 0 to 1000</div>

                <div style={{ marginTop: 10 }}>Number</div>
                <JqxNumberInput ref='numericInput'
                    width={250} height={25} min={0} max={1000}
                />

                <div style={{ marginTop: 10 }}>Currency</div>
                <JqxNumberInput ref='currencyInput'
                    width={250} height={25}
                    min={0} max={1000}
                    symbol={'$'}
                />

                <div style={{ marginTop: 10 }}>Custom Validation Message</div>
                <JqxNumberInput ref='validation'
                    width={250} height={25}
                    min={0} max={1000}
                    value={0}
                />

            </div>
        )
    }
}

ReactDOM.render(<App />, document.getElementById('app'));