Spin Buttons

The spin buttons of the DateInput increase or decrease the currently selected date part.

By default, the spin buttons are disabled and the spinners property is set to false. To render the spin buttons, set spinners to true.

class App extends React.Component {
    state = { value: new Date() };

    render() {
        return (
            <div className="example-wrapper">
               <DateInput
                    spinners={true}
                    value={this.state.value}
                    onChange={this.changeDate}
                />
            </div>
        );
    }

    changeDate = (event) => {
        this.setState({ value: event.value });
    }
}

ReactDOM.render(
    <App />,
    document.querySelector('my-app')
);

In this article

 /