asmit/fila-calendar

Effortless date selection, built for Filament

A polished inline calendar for forms and infolists. Multi-range selection, hover preview, locale support, and no extra UI dependencies.

app.example.com / bookings / schedule

Bookings

Select dates

July – September 2026

July 2026

SuMoTuWeThFrSa
12345678910111213141516171819202122232425262728293031

August 2026

SuMoTuWeThFrSa
12345678910111213141516171819202122232425262728293031

September 2026

SuMoTuWeThFrSa
123456789101112131415161718192021222324252627282930
CancelSave

Everything you need for date selection

    Four selection modes

    Single dates, multiple dates, one range, or many ranges — all with consistent state hydration and dehydration.

    Range hover preview

    After picking a start date, hover toward the end date to preview in-between days before the second click.

    Smart range splitting

    Click a middle day in a multi-range to split it into two ranges instead of clearing the whole span.

    Locale support

    Localize month headers, weekday labels, and dropdowns with ->locale('ja') or browser defaults.

    Multi-month grids

    Render up to twelve months with responsive columns, optional scrolling, and selectable headers.

    Form & infolist

    CalendarInput for editable forms and CalendarEntry for read-only infolist display with the same API.

Ready to add a calendar to your Filament app?

Install with Composer, register assets, and drop a CalendarInput into your next form.