Download the PHP package citricguy/filament-flatpickr without Composer
On this page you can find all versions of the php package citricguy/filament-flatpickr. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download citricguy/filament-flatpickr
More information about citricguy/filament-flatpickr
Files in citricguy/filament-flatpickr
Package filament-flatpickr
Short Description Integration for Filament with Flatpickr as a field.
License MIT
Homepage https://github.com/citricguy/filament-flatpickr
Informations about the package filament-flatpickr
Filament Flatpickr
A powerful Flatpickr date/time picker integration for Filament v4 and v5. Features timezone handling, date ranges, multiple date selection, time slots, business hours, and 9 built-in themes.
Note: This project was heavily inspired by https://github.com/coolsam726/flatpickr. It was developed as a ground-up alternative with a focus on current Laravel and Filament versions and tailored Filament integration. Many thanks to the original project for the ideas and motivation.
Requirements
- PHP 8.3+
- Laravel 12+
- Laravel 13+
- Laravel 11 best-effort compatibility
- Filament v4 or v5
- Livewire 3 or 4
Installation
Install the package via Composer:
Publish the assets (required):
Quick Start
Available Components
The package provides one main component with three convenience wrappers:
| Component | Description |
|---|---|
Flatpickr |
Full-featured base component |
FlatpickrDatePicker |
Pre-configured date-only picker |
FlatpickrTimePicker |
Pre-configured time-only picker |
FlatpickrDateTimePicker |
Pre-configured date+time picker |
Selection Modes
Date Only
Time Only
Date and Time
Date Range
Select a start and end date:
For storing start/end dates in separate database columns:
Multiple Dates
Select multiple individual dates:
Time Configuration
24-Hour Format
Include Seconds
Time Increments
Business Hours
Restrict selection to business hours (validation enforced):
Time Slots
Enforce fixed time slot intervals:
Default Time
Set default hour and minute when opening the picker:
Date Constraints
Minimum and Maximum Dates
Date Restrictions
Disable Specific Weekdays
Exclude Specific Dates
Range Duration Constraints
For range mode, constrain the minimum and maximum duration:
Timezone Handling
Display and Storage Timezones
Timezone Modes
Formats
Storage Format
The format used when saving to the database:
Default formats by mode:
- Date only:
Y-m-d - Time only:
H:i:s - DateTime:
Y-m-d H:i:s
Display Format
The format shown to the user (uses Flatpickr tokens):
Appearance
Themes
Available themes:
DefaultAirbnbConfettiDarkLightMaterialBlueMaterialGreenMaterialOrangeMaterialRed
Position
Available positions: Auto, Above, Below, AutoLeft, AutoCenter, AutoRight, AboveLeft, AboveCenter, AboveRight, BelowLeft, BelowCenter, BelowRight
Inline Calendar
Display the calendar inline (always visible):
Show Multiple Months
Week Numbers
UI Options
Allow Manual Input
Disable Mobile Native Picker
Disable Click to Open
Close on Select
Prefixes and Suffixes
Works with Filament's standard affix system:
Localization
Flatpickr supports 40+ locales.
Livewire Event Hooks
Emit Livewire events when the picker state changes:
Listen in your Livewire component:
Enums Reference
FlatpickrMode
FlatpickrTheme
FlatpickrPosition
DateRestriction
TimezoneMode
Testing
Changelog
Please see CHANGELOG for more information on what has changed recently.
Contributing
Please see CONTRIBUTING for details.
Security Vulnerabilities
Please review our security policy on how to report security vulnerabilities.
Credits
- Josh Sommers
- All Contributors
License
The MIT License (MIT). Please see License File for more information.
All versions of filament-flatpickr with dependencies
filament/filament Version ^4.0|^5.0
filament/forms Version ^4.0|^5.0
filament/tables Version ^4.0|^5.0
spatie/laravel-package-tools Version ^1.92.7