PHPackages                             adultdate/filament-fullcalendar - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. adultdate/filament-fullcalendar

ActiveLibrary[Utility & Helpers](/categories/utility)

adultdate/filament-fullcalendar
===============================

The Most Popular JavaScript Calendar integrated with Filament 💛

v3.2.4(1y ago)01MITPHPPHP ^8.1

Since Jan 27Pushed 4mo agoCompare

[ Source](https://github.com/adultdate/filament-fullcalendar)[ Packagist](https://packagist.org/packages/adultdate/filament-fullcalendar)[ Docs](https://github.com/saade/filament-fullcalendar)[ GitHub Sponsors](https://github.com/saade)[ RSS](/packages/adultdate-filament-fullcalendar/feed)WikiDiscussions 4.x Synced 1mo ago

READMEChangelogDependencies (9)Versions (45)Used By (0)

Filament FullCalendar
=====================

[](#filament-fullcalendar)

[![Latest Version on Packagist](https://camo.githubusercontent.com/3734d3c6bca8ff0febb7087704235ecc250a051fe3a94e46687f43162754c777/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6164756c74646174652f66696c616d656e742d66756c6c63616c656e6461722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/adultdate/filament-fullcalendar)[![Total Downloads](https://camo.githubusercontent.com/e65e61df7ae318d94c3ddc9dbc33ed65f5fb0d16ea6e16b0601770e4fa586b4c/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6164756c74646174652f66696c616d656e742d66756c6c63616c656e6461722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/adultdate/filament-fullcalendar)

 [![Filament FullCalendar](https://raw.githubusercontent.com/adultdate/filament-fullcalendar/3.x/art/cover.png)](https://raw.githubusercontent.com/adultdate/filament-fullcalendar/3.x/art/cover.png)

Features
========

[](#features)

- Highly customizable
- Modals for viewing, creating, editing and deleteing events Powered by Filament Actions
- Filament-y theme
- and much more!

Table of contents
=================

[](#table-of-contents)

- [Filament FullCalendar](#filament-fullcalendar)
- [Features](#features)
- [Table of contents](#table-of-contents)
- [Installation](#installation)
- [Usage](#usage)
    - [Returning events](#returning-events)
    - [The EventData class](#the-eventdata-class)
- [Configuration](#configuration)
    - [Available methods](#available-methods)
        - [schedulerLicenseKey(`string` | `null` $licenseKey)](#schedulerlicensekeystring--null-licensekey)
        - [selectable(`bool` $selectable)](#selectablebool-selectable)
        - [editable(`bool` $editable)](#editablebool-editable)
        - [timezone(`string` | `null` $timezone)](#timezonestring--null-timezone)
        - [locale(`string` | `null` $locale)](#localestring--null-locale)
        - [plugins(`array` $plugins, `bool` $merge)](#pluginsarray-plugins-bool-merge)
        - [config(`array` $config)](#configarray-config)
- [Interacting with actions](#interacting-with-actions)
    - [Customizing actions](#customizing-actions)
    - [Authorizing actions](#authorizing-actions)
- [Intercepting events](#intercepting-events)
- [Render Hooks](#render-hooks)
- [Tricks](#tricks)
    - [Editing event after drag and drop](#editing-event-after-drag-and-drop)
    - [Creating events on day selection](#creating-events-on-day-selection)
    - [Creating events with additional data](#creating-events-with-additional-data)
    - [Event tooltip on hover](#event-tooltip-on-hover)
    - [Adding the widget to a Blade view](#adding-the-widget-to-a-blade-view)
    - [Share your tricks](#share-your-tricks)
- [Changelog](#changelog)
- [Contributing](#contributing)
- [Security Vulnerabilities](#security-vulnerabilities)
- [Credits](#credits)
- [License](#license)

Installation
============

[](#installation)

You can install the package via composer:

```
composer require adultdate/filament-fullcalendar:^3.0
```

Important

If you have not set up a custom theme and are using Filament Panels follow the instructions in the [Filament Docs](https://filamentphp.com/docs/4.x/styling/overview#creating-a-custom-theme) first.

After setting up a custom theme add the plugin's views to your theme css file or your app's css file if using the standalone packages.

```
@import '../../../../vendor/adultdate/filament-fullcalendar/resources/css/filament-fullcalendar.css';

@source '../../../../vendor/adultdate/filament-fullcalendar/resources/views/**/*.blade.php';
```

Usage
=====

[](#usage)

1. First, create a [Filament Widget](https://filamentadmin.com/docs/2.x/admin/dashboard#getting-started):

```
php artisan make:filament-widget CalendarWidget
```

> This will create a new widget class in your project.

1. Your newly created widget should extends the `Saade\FilamentFullCalendar\Widgets\FullCalendarWidget` class of this package

> **Warning**
>
> Don't forget to remove `protected static string $view` from the generated class!

Your widget should look like this:

```