CalendarRange

<CalendarRange />

<CalendarRange initialStartDate={moment()} onDatesChange={console.log} />

<CalendarRange
  initialEndDate={moment().add(20, 'days')}
  onDatesChange={console.log}
/>

<State initial={{ startDate: null, endDate: null }}>
  {({ setState, state, resetState }) => {
    return (
      <CalendarRange
        startDate={state.startDate}
        endDate={state.endDate}
        onDatesChange={args => {
          console.log('Controlled date range', args)
          setState(args)
        }}
      />
    )
  }}
</State>