hypeserver / react-date-range

A React component for choosing dates and date ranges.
MIT License
2.58k stars 667 forks source link

There are only 6 button per row at calendar #431

Closed tarikyayla closed 3 years ago

tarikyayla commented 3 years ago

Subject of the issue

image

There are only 6 buttons per row.

[BUG] Bug Reproduce Steps

// range 
metricDate: {
                startDate: addDays(new Date(), -7),
                endDate: addDays(new Date(),-1),
                key: 'metricDate',
                color: "gray"
            }
// component 
<DateRangePicker
     months={2}
     ranges={[this.state.metricDate]}
     dateDisplayFormat={'yyyy-MM-dd'}
     weekStartsOn={1}
     direction={this.state.compare ? "vertical" : "horizontal"}
     editableDateInputs={true}
     onChange={this.handleDateInput}/>

Environment

Package Version: 1.1.3 React version: 17.0.1 Node version: 14.13.0 Browser: Chrome

tarikyayla commented 3 years ago
".rdrDay" : {
        margin: 0
    }

Solved my problem.