I'm working on a project where I'm using big calendar reactjs, in any place in the calendar if I click on slot or select zonetime it redirects me to another page. but my objective is to make the redirection deactivate when I select a zonetime and this zone contains part of the appointment example if I select 9-10 and I have an appointment 9:45-10-15 I must deactivate the redirection same thing if I have an appointment 9:45-10:15 and I select 10:00-10:30am you should not do the redirection. and it is necessary that the slots where there is the appointment remain activated to make the redirection. that is to say the small part on the right side of the appointment(you can see the doc view day to better understand) must always be activated and also the other places in the calendar always remain to do the redirection. here the link of doc BiG Calendar, you should change the view on day. https://codesandbox.io/s/react-big-calendar-drag-and-drop-events-between-months-forked-bmyoy6?file=/src/index.js .

here the function responsible for the redirection. start and end are for select timezone and the doctorId is the columns of the calenda.

any help would be appreciated.

 handleSelectSlot({ start, end, doctorId }) {
   if (doctorId) {

this.props.history.push(`${NEW_APPOINTMENT}`)}}