onSelect callback when using withRange() should pass an EventType

Currently, when you are selecting a range of dates using the withRange() HOC, the onSelect callback gets called every time the range changes. When the user clicks the second time to fix the range, the onSelect callback gets called again. There is not currently a way to differentiate between the start click, the end click and all the middle mouse movements. This is important information that the parent app will need to have. At the minimum, the app needs to know when the user has stopped selecting a range of dates so that it can do whatever expensive processing it needs to do.

I see two ways to do this.

1. Add two additional callbacks onSelectionStart() and onSelectionEnd()
2. Add some metadata to the object passed to onSelect() to distinguish what type of event it is

{
	start: DATE,
	end: DATE,
	selectStart: false,
	isSelecting: true,
	selectEnd: false
}

This way, the app can ignore the noise, if it only cares about the final range.

[offsky]

Ok, this was actually pretty easy. PR coming tomorrow.

[offsky]

That looks good to me. You’re just missing the onSelect prop.

<InfiniteCalendar 
  width={400} 
  height={300} 
  Component={withRange(Calendar)} 
  selected={{ start: new Date(), end: new Date() }}
  onSelect={function(data) {
     console.log(data.start, data.end, data.eventType)
  }}
/>