All Components

Date Ranges

The Calendar provides options for displaying date ranges.

To define the start date of the range, use the min property. To define the end date of the range, use the max property.

The min date value has to be lower than the max date value.

class App extends React.Component {
    render() {
        return <Calendar min={new Date(2010, 10, 10)} max={new Date(2010, 10, 20) } />;

    <App />,
In this article