Show week numbers and handle week number selection

[rodeinator]

I need a quick week selection in this awesome day picker. It is already possible to show week numbers in day picker? Would this feature be something for the core implementation?

I would suggest to implements props like this:
<DayPicker enableWeekSelection={true} onWeekClick={ this.handleWeekClick } />

[gpbl]

Yeah we could consider to add a showWeekNumbers and onWeekClick. 👍🏽

For selecting a week, you could implement an onDayClick saving in your component's state the clicked day's week number:

handleDayClick = day =>
    this.setState({
      selectedWeek: getWeekNumber(day)
    })

then pass a function to the selectedDays prop:

<DayPicker
    onDayClick={ this.handleDayClick }
    selectedDays={ day => getWeekNumber(day) === this.state.selectedWeek }
/>

• you need to implement getWeekNumber by yourself (example)
• you may add more logic to unselect the week when the user clicks on a day of a already selected week

[gpbl]

showWeekNumbers and onWeekClick have been added to v5.5.0 🙆🏽