Como dice el título, el comportamiento de las fechas de reacción es muy malo con una gran cantidad (~ 500) de fechas bloqueadas.
El código de toda la aplicación está aquí: https://github.com/milanpanin/react-dates/blob/master/src/App.js Además, la aplicación está activa aquí: https://react-dates-test.netlify.app / y aquí puedes ver qué tan lenta funciona la aplicación 😕
// [disableNext3, disableBetween, disableNext6Between] - represent arrays with all together about 500 dates const isBlocked = (day) => ([disableNext3, disableBetween, disableNext6Between].flat()).some(date => day.isSame(date, 'day')); return ( <div className="App"> <DateRangePicker startDateId="startDate" endDateId="endDate" startDate={startDate} endDate={endDate} onDatesChange={({ startDate, endDate }) => { setStartDate( startDate ), setEndDate( endDate )}} focusedInput={focusedInput} onFocusChange={(focusedInput) => { setSocusedInput( focusedInput )}} isDayBlocked={isBlocked} /> ...También traté de implementar un control giratorio en cada render, pero sin éxito. ¿Hay alguna solución a mi problema?
Mientras tanto, se me ocurrió una solución. https://github.com/airbnb/react-dates/issues/2171