Selecting/Unselecting multiple days.

Hey,

Love the calendar! 😃

One issue though. I’m trying to implement it so the user can select certain dates for an event they’re hosting.

Now, selecting dates works great but unselecting seems to be an issue:

https://www.dropbox.com/s/u95gkubrtrmjul0/calendar-issue.mov?dl=0

I’ve made a quick video.

My calendar implementation looks like this:

<Calendar
current={'2017-05-16'}
minDate={'2017-05-10'}
maxDate={'2017-05-29'}
firstDay={1}
selected={ this.state.marked }
onDayPress={ day => this.onSelect( day ) }

this.onSelect() just changes the array. The updating for adding/removing dates works correctly however the calendar is not updating accordingly.

Is this something that should be working?

Thanks!

[turkle12]

@chapeljuice this is a basic version of what I used.

<Calendar firstDay={1} onDayPress={this.onSelectDay} markedDates={this.dates} markingType="interactive" minDate={today} hideExtraDays={true} />

This is the onSelectDay function

`const { booked, dates } = this.state const selectedDate = date.dateString

  if ( dates[selectedDate] ) {
    const newDates = { ...dates }
    delete newDates[selectedDate]
    this.setState( {
      dates: newDates
    } )

  } else {
    const newDates = { ...dates }
    newDates[selectedDate] = [
      {startingDay: true, color: colors.sea, textColor: colors.white},
      {endingDay: true, color: colors.sea, textColor: colors.white},
    ]
    this.setState( {
      dates: newDates
    }  )
  }`

[turkle12]

Sorry to bring this up but I’m trying to implement this functionality but I’m a bit stumped as to how. Could either of you @tautvilas @davidfloegel help out? Thanks

(Let me know if this needs to be a separate issue)