Skip to content

FullCalendar Integration

Style your saade/filament-fullcalendar calendar with the Aura Vibrant Depth design language. Events, buttons, day cells, and tooltips all match your active preset.

Requirements

  • saade/filament-fullcalendar ^4.0 installed
  • Aura Filament v2.6+

Setup

Enable the FullCalendar integration on your panel plugin:

use BlueStarSystem\AuraFilament\AuraFilamentPlugin;

AuraFilamentPlugin::make()
    ->fullCalendar(true)

That's it. When enabled, Aura injects a data-aura-fullcalendar attribute on the body element, activating CSS overrides scoped to FullCalendar's DOM.

What Gets Styled

Element Aura Style
Toolbar buttons Glass/solid based on preset, primary hover
Active button Solid primary fill
Column headers Uppercase, 600 weight, muted color
Day numbers Inter font, 500 weight
Today cell Primary-tinted background
Events Rounded corners, no border, hover glow
Dragging events Glass opacity effect
Time grid Soft separator lines

All styles include dark mode variants.

Notes

  • The CSS override is purely visual — it does not change any FullCalendar behavior
  • If you disable ->fullCalendar(false), the attribute is not injected and FullCalendar renders with its default styles
  • Zero performance overhead when disabled