PHPackages                             marshmallow/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. marshmallow/filament-fullcalendar

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

marshmallow/filament-fullcalendar
=================================

A fork of The Most Popular JavaScript Calendar integrated with Filament 💛

v2.0.0(1y ago)0432[6 PRs](https://github.com/marshmallow-packages/filament-fullcalendar/pulls)MITPHPPHP ^8.0

Since Jan 7Pushed 1y ago2 watchersCompare

[ Source](https://github.com/marshmallow-packages/filament-fullcalendar)[ Packagist](https://packagist.org/packages/marshmallow/filament-fullcalendar)[ Docs](https://github.com/marshmallow-packages/filament-fullcalendar)[ RSS](/packages/marshmallow-filament-fullcalendar/feed)WikiDiscussions main Synced yesterday

READMEChangelog (1)Dependencies (13)Versions (1)Used By (0)

The Most Popular JavaScript Calendar as a Filament Widget 💛
===========================================================

[](#the-most-popular-javascript-calendar-as-a-filament-widget-)

Important

This package was originally forked from [saade/filament-fullcalendar](https://github.com/saade/filament-fullcalendar). Since we were making many opinionated changes and the owner archived the repository, we decided to continue development in our own version rather than submitting pull requests that might not benefit all users of the original package. You're welcome to use this package, we're actively maintaining it. If you encounter any issues, please don't hesitate to reach out.

[![FullCalendar Widget](./art/fullcalendar-widget.png)](./art/fullcalendar-widget.png)

[![Latest Version on Packagist](https://camo.githubusercontent.com/664786d5374b7406b2b2051bf88d4c55fa6127b82ce3da43c85e689397c43c09/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6d617273686d616c6c6f772f66696c616d656e742d66756c6c63616c656e6461722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/marshmallow/filament-fullcalendar)[![GitHub Tests Action Status](https://camo.githubusercontent.com/264024b9f79cdb08d647824599079f2c92d705a71874fa181ffbc4a15a2a34b5/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f776f726b666c6f772f7374617475732f6d617273686d616c6c6f772f66696c616d656e742d66756c6c63616c656e6461722f72756e2d74657374733f6c6162656c3d7465737473)](https://github.com/marshmallow/filament-fullcalendar/actions?query=workflow%3Arun-tests+branch%3Amain)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/14107f1893634ad4e534efa85bcaa06c7fecc28a0569c915c53061d4e4efd671/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f776f726b666c6f772f7374617475732f6d617273686d616c6c6f772f66696c616d656e742d66756c6c63616c656e6461722f436865636b253230262532306669782532307374796c696e673f6c6162656c3d636f64652532307374796c65)](https://github.com/marshmallow/filament-fullcalendar/actions?query=workflow%3A%22Check+%26+fix+styling%22+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/db924c247b736faddc80c9ef14fab85cb6d90abb6ba6e143377b93e82cc96fe5/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6d617273686d616c6c6f772f66696c616d656e742d66756c6c63616c656e6461722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/marshmallow/filament-fullcalendar)

Features
========

[](#features)

- Accepts all configurations from [FullCalendar](https://fullcalendar.io/docs#toc)
- Event click and drop events
- Modals for creating and editing events New in v1.0

Support Filament
----------------

[](#support-filament)

[![filament-logo](https://camo.githubusercontent.com/7510f5803f79ebb6b151748a3bae90cb1508abb8ed4b81a77cb98bbed0e9500d/68747470733a2f2f66696c616d656e7461646d696e2e636f6d2f696d616765732f73706f6e736f722d62616e6e65722e6a7067)](https://github.com/sponsors/danharrin)
Table of contents
=================

[](#table-of-contents)

- [Installation](#installation)
- [Usage](#usage)
- [Configuration](#configuration)
- [Styling](#styling)
- [Listening for events](#listening-for-events)
- [Creating and Editing events with modals.](#creating-and-editing-events-with-modals)
    - [Creating Events](#creating-events)
    - [Editing Events](#editing-events)
    - [Authorizing actions](#authorizing-actions)
    - [Listening for cancelled modal](#listening-for-cancelled-modal)
- [Refreshing calendar events](#refreshing-calendar-events)
- [Filtering events based on the calendar view](#filtering-events-based-on-the-calendar-view)

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

[](#installation)

You can install the package via composer:

```
composer require marshmallow/filament-fullcalendar
```

You can publish the config file with:

```
php artisan vendor:publish --tag="filament-fullcalendar-config"
```

Usage
=====

[](#usage)

Since the package **does not** automatically add the `FullCalendarWidget` widget to your Filament panel, you are free to extend the widget and customise it yourself.

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 `App\Filament\Widgets\CalendarWidget` class in your project.

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

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

```