customizing time header gutter

[Rahul-yaddv]

Check that this is really a bug

• I confirm

Reproduction link

i'm sure repo is not needed.

Bug description

I want to customize time header gutter as in the picture above . The problem i ran into while using time header wrapper component is that it provided access to the div inside the time header gutter not the parent .And if i hide the time-header-gutter the entire aligning breaks .

Expected Behavior

How can i design the time header component as shown in above picture i.e aligning the time header gutter with the time and the rbc-all-day cell to take the entire width.

Actual Behavior

Currently the time header gutter wrapper props provide access to the div inside the parent not the actual div . and if you hide it the css breaks for all day cell and time-header-cell .

react-big-calendar version

"react-big-calendar": "^1.9.1"

React version

"react": "18.2.0"

Platform/Target and Browser Versions

windows,macos/chrome newest version.

Validations

• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a react-big-calendar issue and not an implementation issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

[cutterbl]

@Rahul-yaddv Did you attempt to override the TimeGutterHeader with a custom component? Afraid I'm missing exactly what it is you are trying to accomplish.