Feature: HTML support

README.md

@@ -180,6 +180,8 @@ class CalendarWidget extends FullCalendarWidget
 }
 ```
 
+To add HTML support for the title, you can simply map the event with `->html()` or add the extendedProp `isHTML`. Now add another extendedProp called `html`, this should contain the HTML content.
+
 <br>
 
 # Configuration

resources/js/filament-fullcalendar.js

@@ -42,6 +42,17 @@ export default function fullcalendar({
                 selectable,
                 ...config,
                 locales,
+                eventContent: function(arg) {
+                    let divEl = document.createElement('div')
+                    let htmlTitle = arg.event._def.extendedProps['html'];
+                    if (arg.event.extendedProps.isHTML) {
+                        divEl.innerHTML = htmlTitle
+                    } else {
+                        divEl.innerHTML = arg.event.title
+                    }
+                    let arrayOfDomNodes = [ divEl ]
+                    return { domNodes: arrayOfDomNodes }
+                },
                 events: (info, successCallback, failureCallback) => {
                     this.$wire.fetchEvents({ start: info.startStr, end: info.endStr, timezone: info.timeZone })
                         .then(successCallback)

src/Data/EventData.php

@@ -161,6 +161,13 @@ public function extraProperties(array $extraProperties): static
         return $this;
     }
 
+    public function html(bool $html = true): static
+    {
+        $this->extendedProps['isHTML'] = $html;
+
+        return $this; 
+    }
+
     public function toArray(): array
     {
         return [