Change the colour of all day activity in month/week/day/agenda's view of calendar

[SanazDn]

Expected behaviour

Green colour background for all day activity in the month/week/day/agenda's view

Actual behaviour

All activities have same colour in month/week/day/agenda's views of calendar

Steps to reproduce

Define "eventPropGette" as a prop for calendar Set specific colour for all day activities

Details and resources

Here is a link for documentation of "eventPropGette" https://jquense.github.io/react-big-calendar/examples/index.html?path=/docs/props--event-prop-getter

Checklist

• [x] This issue is linked to the appropriate project.
• [x] This issue has appropriate labels.

[wendyyng]

Personally I prefer using a different colour for all day events.

To avoid having a green background for agenda view, I think you can add currentView !== 'agenda'

One thing I noticed and @seidior mentioned in my issue is that the all day activity is a little bit wider than the other activities:

[daveytech]

Great work and thank you for the screenshots. The group voted for a colour change but a darker blue. Could you present us with two different options to choose from in a darker blue and share on screenshots?

[SanazDn]

Could you please vote which colour is a better match: 1.

2.

3.

4.

[wendyyng]

I think I like the first option the most!

[veranika-karpava]

I like the forth one.

[daveytech]

My vote is for the 2nd or 1st one.

[rrabinovitch]

I also vote for the first or second ones (they look quite similar to me)

[SanazDn]

I updated the code and also changed the height for all day activity in the week/day's view of calendar.

[SanazDn]

All day activities are wider than other activities but which one do you think is more standard?

[wendyyng]

All day activities are wider than other activities but which one do you think is more standard?

I took a look of the documentation and it seems like it's their default setting that makes the all day events a little bit wider