PHPackages noraitec/filament-flatpickr-plugin - 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. noraitec/filament-flatpickr-plugin ActiveFilament-plugin[Utility & Helpers](/categories/utility) noraitec/filament-flatpickr-plugin ================================== Plugin de Filament que integra Flatpickr con soporte completo para su API y configuración avanzada de calendario. v1.2.35(1y ago)029LGPL-3.0-or-laterHTMLPHP ^8.3CI passing Since Mar 23Pushed 1y ago1 watchersCompare [ Source](https://github.com/Noraitec/filament-flatpickr-plugin)[ Packagist](https://packagist.org/packages/noraitec/filament-flatpickr-plugin)[ RSS](/packages/noraitec-filament-flatpickr-plugin/feed)WikiDiscussions main Synced today READMEChangelog (1)Dependencies (8)Versions (36)Used By (0) 🧩 Filament Flatpickr Plugin =========================== [](#-filament-flatpickr-plugin) [![Coverage](https://camo.githubusercontent.com/4a35939d3a37b2049a1833b659d6b6a836a38a5a67bbf5dd1b78b2e593b600b4/68747470733a2f2f636f6465636f762e696f2f67682f4e6f7261697465632f66696c616d656e742d666c61747069636b722d706c7567696e2f6272616e63682f6d61696e2f67726170682f62616467652e737667)](https://codecov.io/gh/Noraitec/filament-flatpickr-plugin)[![Latest Version on Packagist](https://camo.githubusercontent.com/b93baac64d9cc9ea07199e5a6b987bbc38ba39903b02d6404812650bffbcf5c3/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6e6f7261697465632f66696c616d656e742d666c61747069636b722d706c7567696e2e737667)](https://packagist.org/packages/noraitec/filament-flatpickr-plugin)[![Total Downloads](https://camo.githubusercontent.com/51db3239004afd63d9e054efe2b51f0c323e900223f88372c23a3720aaca4bb3/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6e6f7261697465632f66696c616d656e742d666c61747069636b722d706c7567696e2e737667)](https://packagist.org/packages/noraitec/filament-flatpickr-plugin)[![License: LGPL v3](https://camo.githubusercontent.com/5432664fccb6cb004464a3cd4c53970d52daa9dbb7714aaaa92ca30d1f3742f0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4c47504c25323076332d626c75652e737667)](https://www.gnu.org/licenses/lgpl-3.0)[![Changelog](https://camo.githubusercontent.com/efe4d38efe099e9e3168568073e67b95527f6330e89a0c1418de46c2ee64812c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6368616e67656c6f672d6b656570616368616e67656c6f672d627269676874677265656e2e737667)](https://github.com/Noraitec/filament-flatpickr-plugin/blob/main/CHANGELOG.md) [![Tests](https://github.com/Noraitec/filament-flatpickr-plugin/actions/workflows/tests.yml/badge.svg)](https://github.com/Noraitec/filament-flatpickr-plugin/actions/workflows/tests.yml) Un plugin completo de Filament v3 que integra la librería Flatpickr, permitiendo configurar todos los parámetros de su API, incluidos los `locales`, `rangos`, `formato`, `estilos` y más. 🧾 Changelog ----------- [](#-changelog) Revisá el historial completo de cambios en [CHANGELOG.md](./CHANGELOG.md) --- 🚀 Características ----------------- [](#-características) - 📅 Soporte completo para [Flatpickr](https://flatpickr.js.org/) - 🧩 Configuración detallada de opciones - 🌍 Localización (idioma, formato de fecha, etc.) - 🔥 Modo rango, selección múltiple, hora, segundos... - 💡 Compatible con Filament v3 --- 📦 Instalación ------------- [](#-instalación) ``` composer require noraitec/filament-flatpickr-plugin ``` 🔧 Comandos disponibles ---------------------- [](#-comandos-disponibles) ``` php artisan vendor:publish --tag=filament-flatpickr-plugin ``` 🛠️ Uso ------ [](#️-uso) ``` use Noraitec\FilamentFlatpickrPlugin\Components\Flatpickr; Flatpickr::make('inicio') ->label('Fecha y hora de inicio') ->enableTime() ->enableSeconds() ->allowInput() ->minDate('today') ->maxDate('2025-12-31') ->defaultDate(now()->format('Y-m-d')) ->altInput() ->altFormat('d/m/Y') ->inline(false) ->mode('range') ->weekNumbers() ->disableMobile() ->locale('es') ->timezone('Europe/Madrid') //También se pueden configurar funciones JS: Flatpickr::make('fecha') ->onChange('function(selectedDates, dateStr, instance) { console.log(dateStr); }'); ``` ### Uso básico de Fecha con Flatpicker [](#uso-básico-de-fecha-con-flatpicker) ``` use Noraitec\FilamentFlatpickrPlugin\Components\Flatpickr; Flatpickr::make('inicio') ->label('Fecha y hora de inicio') ->enableTime() ->enableSeconds() ->allowInput() ->minDate('today') ->maxDate('2025-12-31') ->defaultDate(now()->format('Y-m-d')) ->altInput() ->altFormat('d/m/Y') ->inline(false) ->mode('range') ->weekNumbers() ->disableMobile() ->locale('es') ->timezone('Europe/Madrid') //También se pueden configurar funciones JS: Flatpickr::make('fecha') ->onChange('function(selectedDates, dateStr, instance) { console.log(dateStr); }'); ``` ### Uso de Rango de fechas [](#uso-de-rango-de-fechas) ``` Flatpickr::make('period') ->label('Date Range') ->mode('range') ->altInput() ->altFormat('d/m/Y') ->dateFormat('Y-m-d') ->weekNumbers() ->plugins(['weekSelect']) ->onChange('function(selectedDates, dateStr, instance) { console.log(dateStr); }'); # Persistencia de los valores del rango //Mutator en el modelo: use Illuminate\Support\Str; use Carbon\Carbon; public function setPeriodAttribute($value) { if (Str::contains($value, '–')) { [$start, $end] = array_map('trim', explode('–', $value)); $this->attributes['week_start'] = Carbon::createFromFormat('Y-m-d', $start); $this->attributes['week_end'] = Carbon::createFromFormat('Y-m-d', $end); } else { // Fallback: single date stored to both $date = Carbon::parse($value); $this->attributes['week_start'] = $this->attributes['week_end'] = $date; } } //Hidden fields in the form: Forms\Components\Hidden::make('fecha_semana_inicio'), Forms\Components\Hidden::make('fecha_semana_fin'), ``` 📋 Opciones Soportadas --------------------- [](#-opciones-soportadas) enableTime, enableSeconds, time\_24hr, defaultHour, etc. locale, altInput, altFormat, dateFormat, etc. mode: single | multiple | range | time Callbacks: onChange, onOpen, onClose, etc. 🧪 Pruebas --------- [](#-pruebas) ``` ./vendor/bin/pest ./vendor/bin/pest --coverage ``` 📄 Licencia ---------- [](#-licencia) This plugin is open-sourced software licensed under the [GNU Lesser General Public License v3.0](https://www.gnu.org/licenses/lgpl-3.0.html). You may use it in both open-source and proprietary projects, provided that modifications to the plugin itself are published under the same license. ### Health Score 34 — LowBetter than 75% of packages Maintenance46 Moderate activity, may be stable Popularity7 Limited adoption so far Community7 Small or concentrated contributor base Maturity64 Established project with proven stability Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~2 days Total 35 Last Release 409d ago Major Versions v0.0.1 → v1.0.22025-03-24 ### Community Maintainers ![](https://avatars.githubusercontent.com/u/137836568?v=4)[Noraitec](/maintainers/Noraitec)[@Noraitec](https://github.com/Noraitec) --- Top Contributors [![Noraitec](https://avatars.githubusercontent.com/u/137836568?v=4)](https://github.com/Noraitec "Noraitec (59 commits)") ### Code Quality TestsPest Static AnalysisPHPStan ### Embed Badge ![Health badge](/badges/noraitec-filament-flatpickr-plugin/health.svg) ``` [![Health](https://phpackages.com/badges/noraitec-filament-flatpickr-plugin/health.svg)](https://phpackages.com/packages/noraitec-filament-flatpickr-plugin) ``` ### Alternatives [stephenjude/filament-feature-flags Filament implementation of feature flags and segmentation with Laravel Pennant. 122177.8k1](/packages/stephenjude-filament-feature-flags)[rawilk/profile-filament-plugin Profile & MFA starter kit for filament. 3914.6k](/packages/rawilk-profile-filament-plugin)[crumbls/layup A visual page builder plugin for Filament 5 — Divi-style grid layouts with extensible widgets. 592.7k1](/packages/crumbls-layup)[slimani/filament-media-manager A media manager plugin for Filament. 126.9k](/packages/slimani-filament-media-manager) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)