Disabled DateRangePicker

By default, the DateRangePicker is enabled.

To disable the component, set its disabled property to true.

class App extends React.Component {
    value = {
        start: new Date(2018, 11, 25),
        end: new Date(2018, 11, 27)
    }
    render() {
        return(
            <div className="example-wrapper">
                <p>Christmas holiday:</p>
                <DateRangePicker disabled={true} value={this.value} show={true} />
            </div>
        )
    }
}
ReactDOM.render(
    <App />,
    document.querySelector('my-app')
);

In this article