Display event on full calendar [Day & Week view]

[ravigopani]

Clear and concise description of the problem

In react big calendar currently showing events something like as below.

and somewhere i saw something like as below image. which has look and feel more then what we have currently in react-big-calendar. and also it has big area to display event so with this it is easy to read event content.

so how to do customization in display events. and also let's say my event start from 10:00 AM and end at 05:00 PM so that event should display as stretched format. means that event should display vertically long in day view.

Suggested solution

I am looking for that solution as mentioned problem above. please help me out for this.

Alternative

No response

Additional context

No response

Validations

• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR

[cutterbl]

Picture B is the default layout of events in Big Calendar. Picture A shows your events with all of the text centered. Somewhere you have some CSS causing this to happen, overriding the styles. You either need to apply override styling to your .rbc-event class, or use the eventPropGetter to apply override styling or new classes. For finer control of sizing/overlap you can apply a custom dayLayoutAlgorithm

[Berchez]

It would be interesting to have an option to not have this layout with overlay