Add mouse enter and mouse leave events

README.md

@@ -500,6 +500,35 @@ public function eventDidMount(): string
 
 The JavaScript code returned by `eventDidMount()` will be added to [the FullCalendar's `eventDidMount` event render hook](https://fullcalendar.io/docs/event-render-hooks).
 
+## Event Mouse Enter and Mouse Leave
+
+You can add some custom behavior when the user hovers over the event via JavaScript on the `eventMouseEnter` and `eventMouseLeave` methods:
+
+```php
+public function eventMouseEnter(): string
+{
+    return <<<JS
+        function({ event, el, jsEvent, view }){
+            // Write your custom implementation here
+            // Will be triggered when the user hovers over the event
+        }
+    JS;
+}
+
+public function eventMouseLeave(): string
+{
+    return <<<JS
+        function({ event, el, jsEvent, view }){
+            // Write your custom implementation here
+            // Will be triggered when the user leaves the event
+        }
+    JS;
+}
+```
+
+The JavaScript code returned by `eventMouseEnter()` and `eventMouseLeave()` will be added to [the FullCalendar's `eventMouseEnter` and `eventMouseLeave` event hovering hook](https://fullcalendar.io/docs/event-clicking-hovering).
+
+
 ## Adding the widget to a Blade view
 
 Follow the [Filament Docs](https://filamentphp.com/docs/3.x/widgets/adding-a-widget-to-a-blade-view) to know how to add the widget to a Blade view.

resources/js/filament-fullcalendar.js

@@ -28,6 +28,8 @@ export default function fullcalendar({
     eventContent,
     eventDidMount,
     eventWillUnmount,
+    eventMouseEnter,
+    eventMouseLeave,
 }) {
     return {
         init() {
@@ -50,6 +52,8 @@ export default function fullcalendar({
                 eventContent,
                 eventDidMount,
                 eventWillUnmount,
+                eventMouseEnter,
+                eventMouseLeave,
                 events: (info, successCallback, failureCallback) => {
                     this.$wire.fetchEvents({ start: info.startStr, end: info.endStr, timezone: info.timeZone })
                         .then(successCallback)

src/Widgets/Concerns/InteractsWithRawJS.php

@@ -61,4 +61,32 @@ public function eventWillUnmount(): string
             null
         JS;
     }
+
+    /**
+     * Triggered when the user mouses over an event. Similar to the native mouseenter.
+     *
+     * @see https://fullcalendar.io/docs/eventMouseEnter
+     *
+     * @return string
+     */
+    public function eventMouseEnter(): string
+    {
+        return <<<JS
+            null
+        JS;
+    }
+
+    /**
+     * Triggered when the user mouses out of an event. Similar to the native mouseleave.
+     *
+     * @see https://fullcalendar.io/docs/eventMouseLeave
+     *
+     * @return string
+     */
+    public function eventMouseLeave(): string
+    {
+        return <<<JS
+            null
+        JS;
+    }
 }