Provide default innerContent in eventContent so it can be wrapped

Unlike Tooltip.js I cannot attach the tooltip to a rendered element. The content must be wrapped inside the MUI Tooltip before rendering:

<Tooltip title="Tooltip">
  <Content>Arrow</Content>
</Tooltip>

Whereas Content has to be the original eventContent dependent on the view (month / list etc.). Then I return the Element via eventContent.

References: My issue Wordpress implementation: https://github.com/Oberhauser-Dev/gb-fullcalendar/issues/18 See eventContent hook and Tooltip workaround.

How can I get the appropriate innerContent element in the eventContent hook (e.g. via args)?

[Gustl22]

@acerix This is no question, although I tried myself answer it in Stack Overflow! This is a feature request. Also related: https://stackoverflow.com/q/60062922/5164462

Means I cannot reproduce the default behavior by using eventContent (or only, if I copy big peaces of the original code)

I made a sandbox example, where you can toggle the Tooltips on and off. Off means it returns nothing, so it renders the library default content. Even without the Tooltip, you can see the difference.

[RyanEwen]

Alright I managed to accomplish what I wanted to do using eventDidMount and old-school javascript DOM manipulation, in my React app

eventDidMount = (info) => {
    // adding a CSS classname
    if (info.event.extendedProps.status = 'rescheduled') {
        info.el.classList.add('rescheduled-event')
    }

    // add tooltip
    info.el.setAttribute('title', info.event.title)

    // manipulating the event title
    let titleEl = info.el.getElementsByClassName(info.view.type == 'listWeek' ? 'fc-list-event-title' : 'fc-event-title')[0]

    if (titleEl) {      
        // adding HTML
        let status = this.generateStatusHTML(info.event.extendedProps.status) 
        // eg: '<span class="status-rescheduled">Rescheduled</span>'
        
        titleEl.innerHTML = `${status} ${titleEl.innerHTML}`
    }
}