React-big-calendar: How can I disable Time slots in day view and week view?

[sobernaut]

[jquense]

You can't, since that is most of the view. You could write a custom view if you wanted too for that

[sobernaut]

Both the day view and week view are based on timegrid and timeslot components, how can I go about creating a view without any time slots in both day and week view just as basicWeek and basicDay options of fullCalendar?

[jquense]

Like I said you'd have to write those components, maybe you could leveraging the components used to build the all day row. I'm out sure what would be involved. It's not something we are planning on adding ourselves though

[leschekfm]

We are also looking for that functionality. If someone has implemented a custom view like that I would be very happy if it could be shared here.

[nikunjmavani]

Hello,

I found very easy solution for this but it won't work in "Day" view because of hide the rbc-time-content div.
Just you need to overwrite styling in your app after importing the BigCalendar css as below.

.rbc-time-view {
.rbc-label {
display: none;
}
.rbc-allday-cell {
height: calc(100vh - 98px);
max-height: unset;
}
.rbc-time-content {
display: none;
}
}

Result: