PHPackages                             theabhishekin/filament-calendar - 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. [Admin Panels](/categories/admin)
4. /
5. theabhishekin/filament-calendar

ActiveLibrary[Admin Panels](/categories/admin)

theabhishekin/filament-calendar
===============================

A calendar widget for Filament admin panels, powered by Livewire and Alpine.js.

1.0.0(2mo ago)144MITBladePHP ^8.2

Since Feb 13Pushed 2mo agoCompare

[ Source](https://github.com/TheAbhishekIN/filament-calendar)[ Packagist](https://packagist.org/packages/theabhishekin/filament-calendar)[ RSS](/packages/theabhishekin-filament-calendar/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (1)Dependencies (2)Versions (3)Used By (0)

Filament Calendar
=================

[](#filament-calendar)

A calendar widget for [Filament](https://filamentphp.com) admin panels, powered by Livewire and Alpine.js. FullCalendar-style month, week, and day views with event display, drag-and-drop, filters, and dark mode support.

Screenshots
-----------

[](#screenshots)

### Calendar (without filters)

[](#calendar-without-filters)

[![Calendar without filters](docs/screenshots/without-filter.png)](docs/screenshots/without-filter.png)

Full calendar grid with month/week/day views. Click any day to open the date modal.

### Calendar (with filters)

[](#calendar-with-filters)

[![Calendar with filters](docs/screenshots/with-filter.png)](docs/screenshots/with-filter.png)

Optional filter bar (staff, service, status, event type) to narrow displayed events. Override `filtersForm()` to add your own filters.

### Create / Edit Event Modal

[](#create--edit-event-modal)

[![Create and Edit Event Modal](docs/screenshots/create-edit-event.png)](docs/screenshots/create-edit-event.png)

Create events with title, date, time range, and color picker. Click an event to edit (modal for custom events) or redirect (for appointments with URL). Fully customizable via Filament Actions.

---

Features
--------

[](#features)

- **Month / Week / Day views** — Toggle between `dayGridMonth`, `timeGridWeek`, and `timeGridDay`
- **View state persistence** — Last selected view is stored in the session and restored on the next request
- **Date-click modal** — Click any day to see scheduled events and run actions (create appointment, create event)
- **Event filters** — Optional header filters via `filtersForm()` (e.g. staff, service, status)
- **Event colors** — Per-event hex colors; supports color picker in create/edit forms
- **Drag and drop** — Move events to a new date/time; override `onEventDrop()` to persist
- **Click handling** — Events with `url` redirect; others trigger `onEventClick()` (open edit modal, etc.)
- **Dark mode** — Follows Filament theme
- **Responsive** — Works across screen sizes

Requirements
------------

[](#requirements)

- PHP ^8.2
- Filament ^5.0
- Livewire ^4.0

Installation
------------

[](#installation)

```
composer require theabhishekin/filament-calendar
```

The package auto-registers via Laravel's package discovery. No additional setup required.

Usage
-----

[](#usage)

Create a widget by extending `TheAbhishekIN\FilamentCalendar\Widgets\CalendarWidget` and implementing `getEvents()`:

```