Desktop Date Range Calendar :

```jsx

const DateUtils = require('react-day-picker').DateUtils;

const months = [
    'January,',
    'February,',
    'March,',
    'April,',
    'May,',
    'June,',
    'July,',
    'August,',
    'September,',
    'October,',
    'November,',
    'December,'
];

const oneYear = new Date();
oneYear.setMonth(oneYear.getMonth() + 12);
const addTwoDays = new Date();
addTwoDays.setDate(addTwoDays.getDate() + 2);

class DesktopDateRangeCalendarExample extends React.Component{
    constructor(){
        super()
            this.state ={
                 isOpen: false,
                 from: new Date(),
                 to: addTwoDays,
                 enteredTo: null,
    };
}

    onToggleDateRangeCalendarInput(){
        this.setState(prevState => ({
            isOpen: !prevState.isOpen,
        }));
    };


isSelectingFirstDay(from, to, day) {
        const isBeforeFirstDay = from && DateUtils.isDayBefore(day, from);
        const isRangeSelected = from && to;
        return !from || isBeforeFirstDay || isRangeSelected;
    }

    handleDayClick(day, event) {
        const { from, to } = this.state;
        if (this.isSelectingFirstDay(from, to, day)) {
            this.setState({
                from: day,
                to: undefined,
                enteredTo: null,
            },
            () => {
                this.refs.child.toStayOn();
            }
            );
        } else {
            this.setState({
                to: day,
                enteredTo: day,
            },() => {
                this.refs.child.toStayOn();
            }
            );
        }
    }

    render(){
        const { from, to } = this.state;
        return(
                  <DesktopDateRangeCalendar
                        numberOfMonths={2}
                        onToggleDateRangeCalendarInput={this.onToggleDateRangeCalendarInput.bind(this)}
                        isOpen={this.state.isOpen}
                        from={this.state.from}
                        to={this.state.to}
                        enteredTo={this.state.enteredTo}
                        selectedDays={[from, { from, to }]}
                        handleDayClick={this.handleDayClick.bind(this)}
                        before={new Date()}
                        after={oneYear}
                        fromMonth={new Date()}
                        toMonth={oneYear}
                        months={months}
                        ref='child'
                    />
                    );
}
}; <DesktopDateRangeCalendarExample />

```