Add label to all thursdays beside events in react big calendar

[Faraz1995]

Clear and concise description of the problem

i am using react big calendar, i want to add a custom label to all thusdays. i use components date header but it removes all events in calendar here is my code

      <Calendar
        selectable={true}
        localizer={newLocalizer}
        culture={'fa'}
        startAccessor='start'
        endAccessor='end'
        style={{ height: 500 }}
        formats={configs.formats}
        messages={configs.messages}
        views={configs.views}
        rtl={configs.rtl}
        events={events}
        onSelectSlot={handleSlotSelect}
        eventPropGetter={eventStyleGetter}
        components={{
          event: MyMonthEvent,
          month: {
            dateHeader: MyMonthDateHeader,
            event: MyMonthEvent
          }
        }}
      />

import React from 'react'

function MyMonthDateHeader(props) {
  const dayOfWeek = props.date.getDay()
  const style = {
    color: dayOfWeek === 5 ? 'red' : 'black'
  }
  return (
    <div style={style}>
      {props.label}
      {dayOfWeek === 4 && (
        <div>
          <p>gym day</p>
        </div>
      )}
    </div>
  )
}

export default MyMonthDateHeader

Suggested solution

in dateHeader component we can add static labels for example for every thursday, not in event array

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