PHPackages coolsam/flatpickr - 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. coolsam/flatpickr ActiveLibrary[Utility & Helpers](/categories/utility) coolsam/flatpickr ================= Flatpickr input for Filamentphp v5.3.0(2w ago)101262.5k↓23.4%542MITPHPPHP ^8.2CI passing Since Aug 9Pushed 2w ago3 watchersCompare [ Source](https://github.com/coolsam726/flatpickr)[ Packagist](https://packagist.org/packages/coolsam/flatpickr)[ Docs](https://github.com/coolsam/flatpickr)[ GitHub Sponsors](https://github.com/coolsam)[ RSS](/packages/coolsam-flatpickr/feed)WikiDiscussions main Synced yesterday READMEChangelog (10)Dependencies (21)Versions (30)Used By (2) Filament Flatpickr ================== [](#filament-flatpickr) [![CI](https://camo.githubusercontent.com/9f02bd2458c842755692ffe4207ca90e8c6603bbd3e56a6ef6f3c9df00504993/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f636f6f6c73616d3732362f666c61747069636b722f72756e2d74657374732e796d6c3f6272616e63683d6d61696e266c6162656c3d4349267374796c653d666f722d7468652d6261646765266c6f676f3d676974687562)](https://github.com/coolsam726/flatpickr/actions/workflows/run-tests.yml) [![Coverage](https://camo.githubusercontent.com/24e53a1e926711d504cdaf8574e06594aecaf70c105520ddd56f5db73b8f71e7/68747470733a2f2f696d672e736869656c64732e696f2f636f6465636f762f632f6769746875622f636f6f6c73616d3732362f666c61747069636b722f6d61696e3f7374796c653d666f722d7468652d6261646765266c6f676f3d636f6465636f76)](https://codecov.io/gh/coolsam726/flatpickr) [![Latest Version on Packagist](https://camo.githubusercontent.com/d11efc61e2ac2d08dd2e455b224caf02dc7536581a5d1c48b578657c9349d588/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f636f6f6c73616d2f666c61747069636b723f7374796c653d666f722d7468652d6261646765266c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/coolsam/flatpickr) [![Total Downloads](https://camo.githubusercontent.com/b73bdf02825ecbc9f3e8b95981cefbd2a3476139c917ccff1dac64ca23f1a941/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f636f6f6c73616d2f666c61747069636b723f7374796c653d666f722d7468652d6261646765266c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/coolsam/flatpickr) A Filament form field powered by [Flatpickr](https://flatpickr.js.org/) — date, time, range, week, month, year, and multi-date picking with a fluent API. [![Filament Flatpickr preview](https://private-user-images.githubusercontent.com/5610289/436421065-334ea64a-48c3-48bc-a640-72162802a646.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNjQyMTA2NS0zMzRlYTY0YS00OGMzLTQ4YmMtYTY0MC03MjE2MjgwMmE2NDYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZmJlMWVhNjM3YmMxYmMwNjk0ZWMxNjc1MzcyNDYzMDU3NmZjZTZlODE2ODhkMDY4Y2UyNDY5NjE2MzFhYjFlNCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.EXI8YCDZamCe6hg2tesgevKznv2jyI7vIL0aEkzYVNU)](https://private-user-images.githubusercontent.com/5610289/436421065-334ea64a-48c3-48bc-a640-72162802a646.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNjQyMTA2NS0zMzRlYTY0YS00OGMzLTQ4YmMtYTY0MC03MjE2MjgwMmE2NDYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZmJlMWVhNjM3YmMxYmMwNjk0ZWMxNjc1MzcyNDYzMDU3NmZjZTZlODE2ODhkMDY4Y2UyNDY5NjE2MzFhYjFlNCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.EXI8YCDZamCe6hg2tesgevKznv2jyI7vIL0aEkzYVNU) Supported versions ------------------ [](#supported-versions) PackageFilamentLaravelPHP**v5.x** (current)4.x, 5.x11.x – 13.x8.2 – 8.5 (PHP 8.5 from Laravel 12+; Laravel 13 from PHP 8.3+)v4.x3.x10.x – 11.x8.1 – 8.3v2.x2.x9.x – 10.x8.0 – 8.2Installation ------------ [](#installation) Install the package with Composer: ``` composer require coolsam/flatpickr ``` Publish assets and configuration: ``` php artisan flatpickr:install ``` This publishes `config/flatpickr.php` and assets to `public/vendor/flatpickr`. You will be prompted to overwrite existing files when upgrading. After upgrading, refresh Filament assets: ``` php artisan filament:upgrade ``` Quick start ----------- [](#quick-start) ``` use Coolsam\Flatpickr\Forms\Components\Flatpickr; Flatpickr::make('published_at') ->format('Y-m-d') ->minDate(today()->startOfYear()) ->maxDate(today()); ``` Picker modes ------------ [](#picker-modes) One component covers every Flatpickr mode you need: ModeHelperTypical formatDate`Flatpickr::make('date')``Y-m-d`Date & time`->time(true)` or `->timePicker()``Y-m-d H:i` / `H:i`Range`->rangePicker()`array of date strings, or two fields with `->rangeEnd()`Multiple dates`->multiplePicker()`array of date stringsWeek`->weekPicker()``W Y`Month`->monthPicker()``Y-m`Year`->yearPicker()``Y`### Short examples [](#short-examples) ``` use Coolsam\Flatpickr\Forms\Components\Flatpickr; Flatpickr::make('start_time')->timePicker(); Flatpickr::make('week_number')->weekPicker()->format('W Y'); Flatpickr::make('month')->monthPicker()->format('Y-m')->displayFormat('F Y'); Flatpickr::make('year')->yearPicker(); Flatpickr::make('range')->rangePicker(); Flatpickr::make('starts_at')->rangePicker()->rangeEnd('ends_at')->format('Y-m-d'); Flatpickr::make('occupied_slots')->multiplePicker()->format('Y-m-d')->displayFormat('F j, Y'); ``` Configuration ------------- [](#configuration) Most fluent methods mirror [Flatpickr's options](https://flatpickr.js.org/options/). The API is inspired by [Filament's date/time fields](https://filamentphp.com/docs/4.x/forms/overview) and works as a drop-in alternative with Flatpickr-specific behaviour. ``` use Coolsam\Flatpickr\Enums\FlatpickrMode; use Coolsam\Flatpickr\Enums\FlatpickrMonthSelectorType; use Coolsam\Flatpickr\Enums\FlatpickrPosition; use Coolsam\Flatpickr\Forms\Components\Flatpickr; Flatpickr::make('event_date') ->format('Y-m-d') ->displayFormat('F j, Y') ->allowInput() ->altInput() ->minDate(fn () => today()->startOfYear()) ->maxDate(fn () => today()) ->disableDates(['2024-07-25', '2024-07-26']) ->rangeSeparator(' to ') ->conjunction(',') ->hourIncrement(1) ->minuteIncrement(10) ->seconds(false) ->weekNumbers() ->time24hr() ->inline() ->disableMobile() ->mode(FlatpickrMode::RANGE) // or ->rangePicker(), ->multiplePicker() ->monthSelectorType(FlatpickrMonthSelectorType::DROPDOWN) ->position(FlatpickrPosition::AUTO_CENTER) ->showMonths(2) ->timePicker() ->weekPicker() ->monthPicker() ->yearPicker() ->rangePicker() ->multiplePicker(); ``` See the [Flatpickr documentation](https://flatpickr.js.org/options/) for details on each option. State types ----------- [](#state-types) PickerDehydrated stateDate, time, week, month, year`string` or `CarbonInterface`Range, multiple`array` of date strings or `CarbonInterface` instancesRange with `->rangeEnd('ends_at')`Two separate fields: start and end strings or `CarbonInterface` instances### Split range across two fields [](#split-range-across-two-fields) When your model uses separate `starts_at` and `ends_at` columns, bind the range picker to the start field and name the end field explicitly. One picker is shown; both attributes are hydrated, synced live, and dehydrated on save. ``` Flatpickr::make('starts_at') ->label('Event dates') ->rangePicker() ->rangeEnd('ends_at') ->format('Y-m-d'); ``` Do not add a second Flatpickr on `ends_at`. Validation rules on `ends_at` (for example `after:starts_at`) still work because the end value is kept in sync while the user selects a range. #### Date & time range [](#date--time-range) Use `->time(true)` with a format that includes hours and minutes. `displayFormat()` controls what the user sees in the input (Flatpickr tokens, not PHP `date()` tokens). Storage and dehydration still use `format()`. ``` Flatpickr::make('starts_at') ->label('Event schedule') ->rangePicker() ->rangeEnd('ends_at') ->time(true) ->format('Y-m-d H:i') // saved to starts_at / ends_at ->displayFormat('M j, Y h:i K') // e.g. Jun 14, 2024 7:00 AM to Jun 17, 2024 5:00 PM ->rangeSeparator(' to '); ``` Ensure your model casts both columns as `datetime`. The picker UI lets you choose a date and time for each end of the range in one calendar. See [RFC 0001](rfcs/0001-split-range-end-field.md) for the full design. Themes ------ [](#themes) Set the global theme in `config/flatpickr.php` using a `FlatpickrTheme` enum value: ``` use Coolsam\Flatpickr\Enums\FlatpickrTheme; return [ 'theme' => FlatpickrTheme::DEFAULT, // recommended ]; ``` > **Recommendation:** Use the **DEFAULT** theme. It is styled with Tailwind to match Filament, including dark mode. Bundled Flatpickr themes may not align with your panel styling. Theme previews are included in the [screenshots](#theme-gallery) below. Screenshots ----------- [](#screenshots) ### Picker modes [](#picker-modes-1) #### Single date [](#single-date) [![Single date picker](https://private-user-images.githubusercontent.com/5610289/433138981-015ae745-96bd-4b5a-990a-11bba852aa14.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzMzEzODk4MS0wMTVhZTc0NS05NmJkLTRiNWEtOTkwYS0xMWJiYTg1MmFhMTQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NDg4NTZjOWFiNzk4ZDhjZmUxNTMzMjhlZmExNzQ0ZDBiOTE0ODc2OTA0NjkzMjdjNjdkYmVkZmRiZWI2NTg1YyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.Rwlxk4D3oWGmJyzHg7l3lCLx5Ob3_0cNoPbILDDa3QE)](https://private-user-images.githubusercontent.com/5610289/433138981-015ae745-96bd-4b5a-990a-11bba852aa14.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzMzEzODk4MS0wMTVhZTc0NS05NmJkLTRiNWEtOTkwYS0xMWJiYTg1MmFhMTQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NDg4NTZjOWFiNzk4ZDhjZmUxNTMzMjhlZmExNzQ0ZDBiOTE0ODc2OTA0NjkzMjdjNjdkYmVkZmRiZWI2NTg1YyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.Rwlxk4D3oWGmJyzHg7l3lCLx5Ob3_0cNoPbILDDa3QE) #### Multiple dates [](#multiple-dates) [![Multiple date picker](https://private-user-images.githubusercontent.com/5610289/433145613-d896aa05-7907-4957-8d46-1d51d1393b91.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzMzE0NTYxMy1kODk2YWEwNS03OTA3LTQ5NTctOGQ0Ni0xZDUxZDEzOTNiOTEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZjQxNmNkMzVkZTgxZDJjOWQ3ZDJhYmY3MWNhNTIxNGIzZDUzMDEyODhkNWEzZmUxYWQwNjI0NmVjMThhNDdhZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.o3XQ4uU9tFsOOsksa_J2StxgSgYwhssFlad6qGFAHjI)](https://private-user-images.githubusercontent.com/5610289/433145613-d896aa05-7907-4957-8d46-1d51d1393b91.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzMzE0NTYxMy1kODk2YWEwNS03OTA3LTQ5NTctOGQ0Ni0xZDUxZDEzOTNiOTEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZjQxNmNkMzVkZTgxZDJjOWQ3ZDJhYmY3MWNhNTIxNGIzZDUzMDEyODhkNWEzZmUxYWQwNjI0NmVjMThhNDdhZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.o3XQ4uU9tFsOOsksa_J2StxgSgYwhssFlad6qGFAHjI) #### Date range [](#date-range) [![Date range picker](https://private-user-images.githubusercontent.com/5610289/433138817-3bcac5ad-5bfc-4a33-a320-3027c1e6a086.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzMzEzODgxNy0zYmNhYzVhZC01YmZjLTRhMzMtYTMyMC0zMDI3YzFlNmEwODYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MTJmMDI2MmMzZTVlNTlkNmFlMWNmZDUzOWU0ZTRhMDc1NTZjZDhlMjU3ZWU0NjM2YTRkOGM4ZGRkNzRjZWZlYiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.B05GcgyGvSbNQIRb4Hwla-GiFjqzlOq9E__xd-fC9HM)](https://private-user-images.githubusercontent.com/5610289/433138817-3bcac5ad-5bfc-4a33-a320-3027c1e6a086.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzMzEzODgxNy0zYmNhYzVhZC01YmZjLTRhMzMtYTMyMC0zMDI3YzFlNmEwODYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MTJmMDI2MmMzZTVlNTlkNmFlMWNmZDUzOWU0ZTRhMDc1NTZjZDhlMjU3ZWU0NjM2YTRkOGM4ZGRkNzRjZWZlYiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.B05GcgyGvSbNQIRb4Hwla-GiFjqzlOq9E__xd-fC9HM) #### Date & time [](#date--time) [![Date-time picker](https://private-user-images.githubusercontent.com/5610289/433145387-1529a743-1c03-46b9-b0f5-0076e0a6b7e3.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzMzE0NTM4Ny0xNTI5YTc0My0xYzAzLTQ2YjktYjBmNS0wMDc2ZTBhNmI3ZTMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YmQ2OTQzMTQ4OGVjY2Y2ZjlhYmM4ZGViMzQxMjk4YTExOGU5MTI5NmIyYWE3Mzk5NWUyYjM2ZjM2OTRhMzkyNSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.eKA6LeX-WkP6I9Jz-m2vq79jIJbnU2Th33bm44pdHsw)](https://private-user-images.githubusercontent.com/5610289/433145387-1529a743-1c03-46b9-b0f5-0076e0a6b7e3.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzMzE0NTM4Ny0xNTI5YTc0My0xYzAzLTQ2YjktYjBmNS0wMDc2ZTBhNmI3ZTMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YmQ2OTQzMTQ4OGVjY2Y2ZjlhYmM4ZGViMzQxMjk4YTExOGU5MTI5NmIyYWE3Mzk5NWUyYjM2ZjM2OTRhMzkyNSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.eKA6LeX-WkP6I9Jz-m2vq79jIJbnU2Th33bm44pdHsw) #### Time only [](#time-only) [![Time-only picker](https://private-user-images.githubusercontent.com/5610289/433145665-f6bab802-6d9a-468e-a6fc-b8fd74454656.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzMzE0NTY2NS1mNmJhYjgwMi02ZDlhLTQ2OGUtYTZmYy1iOGZkNzQ0NTQ2NTYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MWJlODAxYzU4Y2M1YWFjNmY0ODllNDk1ZGExODc4ZTFmZGI1MjEwYzg2Y2UwMGNkN2MwNWMzNzAzNTRkMzUyZiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.uEmPoHZkSmBc2twqKPZM5hq12OLSAKl93_fQ_oQXglk)](https://private-user-images.githubusercontent.com/5610289/433145665-f6bab802-6d9a-468e-a6fc-b8fd74454656.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzMzE0NTY2NS1mNmJhYjgwMi02ZDlhLTQ2OGUtYTZmYy1iOGZkNzQ0NTQ2NTYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MWJlODAxYzU4Y2M1YWFjNmY0ODllNDk1ZGExODc4ZTFmZGI1MjEwYzg2Y2UwMGNkN2MwNWMzNzAzNTRkMzUyZiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.uEmPoHZkSmBc2twqKPZM5hq12OLSAKl93_fQ_oQXglk) #### Multiple months [](#multiple-months) [![Show multiple months](https://private-user-images.githubusercontent.com/5610289/433145832-0ea2e9f2-22df-45d3-a3d1-6430f283e6e0.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzMzE0NTgzMi0wZWEyZTlmMi0yMmRmLTQ1ZDMtYTNkMS02NDMwZjI4M2U2ZTAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YWI1ZmY5NmViYTk5OGFmMmE0NDUxYzAyZThlMzU2MDQ4NTAyZDQ2ZTE1ZTFiMjgyODJlYjhjZTZhODc4YjNmMCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.5biZMYnZnaBNvPTHBjddwwVi4UmCOjyfOI6W7_ShQYU)](https://private-user-images.githubusercontent.com/5610289/433145832-0ea2e9f2-22df-45d3-a3d1-6430f283e6e0.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzMzE0NTgzMi0wZWEyZTlmMi0yMmRmLTQ1ZDMtYTNkMS02NDMwZjI4M2U2ZTAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YWI1ZmY5NmViYTk5OGFmMmE0NDUxYzAyZThlMzU2MDQ4NTAyZDQ2ZTE1ZTFiMjgyODJlYjhjZTZhODc4YjNmMCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.5biZMYnZnaBNvPTHBjddwwVi4UmCOjyfOI6W7_ShQYU) #### Week [](#week) [![Week picker](https://private-user-images.githubusercontent.com/5610289/433146096-ea648d29-1bc2-46b7-9d82-301f500fab78.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzMzE0NjA5Ni1lYTY0OGQyOS0xYmMyLTQ2YjctOWQ4Mi0zMDFmNTAwZmFiNzgucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NmUzMmU1N2FhNTViMjI5ODQ4MWEzOWJiODNiMDVlN2NiMDdiMjk0MGMyOWYzMjUzYTcwYzdkZWYxMGY0NjhiZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.BmggKlIEPoyigImUp-2zweELHTKpwAsLEm3EFLkCvUQ)](https://private-user-images.githubusercontent.com/5610289/433146096-ea648d29-1bc2-46b7-9d82-301f500fab78.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzMzE0NjA5Ni1lYTY0OGQyOS0xYmMyLTQ2YjctOWQ4Mi0zMDFmNTAwZmFiNzgucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NmUzMmU1N2FhNTViMjI5ODQ4MWEzOWJiODNiMDVlN2NiMDdiMjk0MGMyOWYzMjUzYTcwYzdkZWYxMGY0NjhiZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.BmggKlIEPoyigImUp-2zweELHTKpwAsLEm3EFLkCvUQ) #### Month [](#month) [![Month picker](https://private-user-images.githubusercontent.com/5610289/433145994-e542c3d7-08ac-411d-874b-7ae0718ea000.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzMzE0NTk5NC1lNTQyYzNkNy0wOGFjLTQxMWQtODc0Yi03YWUwNzE4ZWEwMDAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZTQ5N2FhNDEzZGE5Mzk0Yjg5ZmI3ZmQ5NWFhOTJlYjZmZjc2NTBhYWRkMmI5NDYyY2MwNTYxMDgxNTM0YjVkMiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.VpGoyXoQ7aYp_u-sTphM-uQwW662nKcOAS--JlcywS4)](https://private-user-images.githubusercontent.com/5610289/433145994-e542c3d7-08ac-411d-874b-7ae0718ea000.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzMzE0NTk5NC1lNTQyYzNkNy0wOGFjLTQxMWQtODc0Yi03YWUwNzE4ZWEwMDAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZTQ5N2FhNDEzZGE5Mzk0Yjg5ZmI3ZmQ5NWFhOTJlYjZmZjc2NTBhYWRkMmI5NDYyY2MwNTYxMDgxNTM0YjVkMiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.VpGoyXoQ7aYp_u-sTphM-uQwW662nKcOAS--JlcywS4) ### Theme gallery [](#theme-gallery) #### Default (recommended) [](#default-recommended) [![Default theme](https://private-user-images.githubusercontent.com/5610289/435410879-ee615ae7-9956-45d6-a4d1-48054babf16c.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMDg3OS1lZTYxNWFlNy05OTU2LTQ1ZDYtYTRkMS00ODA1NGJhYmYxNmMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9M2I5NDZjNjU1MDhiZTVjMjY4YWVlZDc3MGQyYzhlZTczYzMwYjBlMTM0MmMwM2UwMDMzMDMwMDU2NDY1N2M2MCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.hcq6R4NwOBQGqaOcyEe3SbSYgfFNFf2cdQN143TgCKw)](https://private-user-images.githubusercontent.com/5610289/435410879-ee615ae7-9956-45d6-a4d1-48054babf16c.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMDg3OS1lZTYxNWFlNy05OTU2LTQ1ZDYtYTRkMS00ODA1NGJhYmYxNmMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9M2I5NDZjNjU1MDhiZTVjMjY4YWVlZDc3MGQyYzhlZTczYzMwYjBlMTM0MmMwM2UwMDMzMDMwMDU2NDY1N2M2MCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.hcq6R4NwOBQGqaOcyEe3SbSYgfFNFf2cdQN143TgCKw) #### Airbnb [](#airbnb) [![Airbnb theme](https://private-user-images.githubusercontent.com/5610289/435411307-6ec6e97d-e8ce-4d93-b27b-21fcead8d644.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMTMwNy02ZWM2ZTk3ZC1lOGNlLTRkOTMtYjI3Yi0yMWZjZWFkOGQ2NDQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MTI0Y2ZiNmM3OWM1YjAyMjE5YTc1MjAwODMxZDRkZjRmMTM4YzUxMjMxNDRlYmIwMjdmMTRlYWUwNmQwNDEyMSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.JCQH6M7uKaohKo9BBdeulEagVMBoqjyI4NCvL3j0SwY)](https://private-user-images.githubusercontent.com/5610289/435411307-6ec6e97d-e8ce-4d93-b27b-21fcead8d644.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMTMwNy02ZWM2ZTk3ZC1lOGNlLTRkOTMtYjI3Yi0yMWZjZWFkOGQ2NDQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MTI0Y2ZiNmM3OWM1YjAyMjE5YTc1MjAwODMxZDRkZjRmMTM4YzUxMjMxNDRlYmIwMjdmMTRlYWUwNmQwNDEyMSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.JCQH6M7uKaohKo9BBdeulEagVMBoqjyI4NCvL3j0SwY) #### Light [](#light) [![Light theme](https://private-user-images.githubusercontent.com/5610289/435411814-fa190cb6-1bb4-4175-8733-bf261350c29c.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMTgxNC1mYTE5MGNiNi0xYmI0LTQxNzUtODczMy1iZjI2MTM1MGMyOWMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YTQ1OTZmNjljZDI0NDcwOWY3NDc5OWM5NGJjMWY4Nzg4MzlmODM5OGMxY2M0OTRlNjI5YWNhMTY2ODcwNTIwNyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.Mz1EdMoZeMg7KQb5cHgPXEhKMtJFbKamcPYraOU6tHQ)](https://private-user-images.githubusercontent.com/5610289/435411814-fa190cb6-1bb4-4175-8733-bf261350c29c.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMTgxNC1mYTE5MGNiNi0xYmI0LTQxNzUtODczMy1iZjI2MTM1MGMyOWMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YTQ1OTZmNjljZDI0NDcwOWY3NDc5OWM5NGJjMWY4Nzg4MzlmODM5OGMxY2M0OTRlNjI5YWNhMTY2ODcwNTIwNyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.Mz1EdMoZeMg7KQb5cHgPXEhKMtJFbKamcPYraOU6tHQ) #### Dark [](#dark) [![Dark theme](https://private-user-images.githubusercontent.com/5610289/435411980-ddd59f71-5fdc-469f-91be-37e7c4e67fb9.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMTk4MC1kZGQ1OWY3MS01ZmRjLTQ2OWYtOTFiZS0zN2U3YzRlNjdmYjkucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZTYzNjM2OTFhZGNjNTQyMDk3NzkxYTU5YjZlNDQ3OGY5NGVhNTM1YTE4ZjdiZGEzZmRiZTU0NTBjNDhkNTIyNCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.91q7ZZZf4vTHZYrD8N030FCl17tyeAZWX4SpQCsxN6o)](https://private-user-images.githubusercontent.com/5610289/435411980-ddd59f71-5fdc-469f-91be-37e7c4e67fb9.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMTk4MC1kZGQ1OWY3MS01ZmRjLTQ2OWYtOTFiZS0zN2U3YzRlNjdmYjkucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZTYzNjM2OTFhZGNjNTQyMDk3NzkxYTU5YjZlNDQ3OGY5NGVhNTM1YTE4ZjdiZGEzZmRiZTU0NTBjNDhkNTIyNCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.91q7ZZZf4vTHZYrD8N030FCl17tyeAZWX4SpQCsxN6o) #### Confetti [](#confetti) [![Confetti theme](https://private-user-images.githubusercontent.com/5610289/435412191-2c76e329-678c-4443-ab42-ab4fd7230320.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMjE5MS0yYzc2ZTMyOS02NzhjLTQ0NDMtYWI0Mi1hYjRmZDcyMzAzMjAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MWJjMjhjMDFmOWI3YTA5MWY3N2QxNWVkMGViYWRjMDNmMWM2YmYwMDQ4YThiNzdkMzVkZTlmZGM2MTMyMWI5ZCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.-AYkkdgbpURvybxjJfZq_lSuWMeUNKb710MKn1Js1PQ)](https://private-user-images.githubusercontent.com/5610289/435412191-2c76e329-678c-4443-ab42-ab4fd7230320.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMjE5MS0yYzc2ZTMyOS02NzhjLTQ0NDMtYWI0Mi1hYjRmZDcyMzAzMjAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MWJjMjhjMDFmOWI3YTA5MWY3N2QxNWVkMGViYWRjMDNmMWM2YmYwMDQ4YThiNzdkMzVkZTlmZGM2MTMyMWI5ZCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.-AYkkdgbpURvybxjJfZq_lSuWMeUNKb710MKn1Js1PQ) #### Material Blue [](#material-blue) [![Material Blue theme](https://private-user-images.githubusercontent.com/5610289/435412296-db5074f8-22ad-493d-84e1-8e505f0c55be.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMjI5Ni1kYjUwNzRmOC0yMmFkLTQ5M2QtODRlMS04ZTUwNWYwYzU1YmUucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZjU3MmVmNjVmZGRjNWUxOWRhMDU0NmY3M2QxYzFmNzYwM2I5YWZmNmRhZjVhODIxNDBjM2VjNTkwMTNiOTQ3YiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.-stlEzA6Sea-trMEo41sK6oS5eTMMcEJ40V8a_THQPY)](https://private-user-images.githubusercontent.com/5610289/435412296-db5074f8-22ad-493d-84e1-8e505f0c55be.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMjI5Ni1kYjUwNzRmOC0yMmFkLTQ5M2QtODRlMS04ZTUwNWYwYzU1YmUucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZjU3MmVmNjVmZGRjNWUxOWRhMDU0NmY3M2QxYzFmNzYwM2I5YWZmNmRhZjVhODIxNDBjM2VjNTkwMTNiOTQ3YiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.-stlEzA6Sea-trMEo41sK6oS5eTMMcEJ40V8a_THQPY) #### Material Green [](#material-green) [![Material Green theme](https://private-user-images.githubusercontent.com/5610289/435412332-9d843720-4ef0-4768-ad71-1975a94922e0.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMjMzMi05ZDg0MzcyMC00ZWYwLTQ3NjgtYWQ3MS0xOTc1YTk0OTIyZTAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZTZlOTQyMTNiNDg5NTNjMzRjMmVhYThmYjM1ZjRmODY5YjkyZTZhNDViZDdmYmVlOTg2MWY0OWM0MGYxMzk3MCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.nBurdPxWr4UkyOxIJGNUETErSFmmMwBWGI_1Z0rYvcM)](https://private-user-images.githubusercontent.com/5610289/435412332-9d843720-4ef0-4768-ad71-1975a94922e0.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMjMzMi05ZDg0MzcyMC00ZWYwLTQ3NjgtYWQ3MS0xOTc1YTk0OTIyZTAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZTZlOTQyMTNiNDg5NTNjMzRjMmVhYThmYjM1ZjRmODY5YjkyZTZhNDViZDdmYmVlOTg2MWY0OWM0MGYxMzk3MCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.nBurdPxWr4UkyOxIJGNUETErSFmmMwBWGI_1Z0rYvcM) #### Material Orange [](#material-orange) [![Material Orange theme](https://private-user-images.githubusercontent.com/5610289/435412385-74021b21-2244-448b-8177-04e888db82c9.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMjM4NS03NDAyMWIyMS0yMjQ0LTQ0OGItODE3Ny0wNGU4ODhkYjgyYzkucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MWRhYTY1NWMzZjg5MzA5NDBiYzY5NGIzZjRlOWQzNmYxNzZjMTJmYWI4YjM4ZTg0ZDZhOTA5OTY5OWY1NzJmYyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.zvaEVW944acJ1U-KjrZ-XvFdqJuuxIDYXN3lPG1W27s)](https://private-user-images.githubusercontent.com/5610289/435412385-74021b21-2244-448b-8177-04e888db82c9.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMjM4NS03NDAyMWIyMS0yMjQ0LTQ0OGItODE3Ny0wNGU4ODhkYjgyYzkucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MWRhYTY1NWMzZjg5MzA5NDBiYzY5NGIzZjRlOWQzNmYxNzZjMTJmYWI4YjM4ZTg0ZDZhOTA5OTY5OWY1NzJmYyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.zvaEVW944acJ1U-KjrZ-XvFdqJuuxIDYXN3lPG1W27s) #### Material Red [](#material-red) [![Material Red theme](https://private-user-images.githubusercontent.com/5610289/435412415-936fbdc7-f73a-437d-88e4-c333a193a72b.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMjQxNS05MzZmYmRjNy1mNzNhLTQzN2QtODhlNC1jMzMzYTE5M2E3MmIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDRkN2ViYzI5OGNjZmU4ZjJjMjE4ODhlYzUwNjBjMzYyN2RmZmFlMTUzMzQzMmIyYTcxOTg4NjcyYzI2N2VhYyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.MRwdPHT6gQVvKiRYGWrjwnfX-5rQz2Rktm5d5KZMUFQ)](https://private-user-images.githubusercontent.com/5610289/435412415-936fbdc7-f73a-437d-88e4-c333a193a72b.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NDM3NjIsIm5iZiI6MTc4Mjk0MzQ2MiwicGF0aCI6Ii81NjEwMjg5LzQzNTQxMjQxNS05MzZmYmRjNy1mNzNhLTQzN2QtODhlNC1jMzMzYTE5M2E3MmIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDFUMjIwNDIyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDRkN2ViYzI5OGNjZmU4ZjJjMjE4ODhlYzUwNjBjMzYyN2RmZmFlMTUzMzQzMmIyYTcxOTg4NjcyYzI2N2VhYyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.MRwdPHT6gQVvKiRYGWrjwnfX-5rQz2Rktm5d5KZMUFQ) Testing ------- [](#testing) ``` composer test ``` Changelog --------- [](#changelog) See [CHANGELOG](CHANGELOG.md) for release notes. Contributing ------------ [](#contributing) See [CONTRIBUTING](.github/CONTRIBUTING.md) for guidelines. Security -------- [](#security) Report vulnerabilities according to [our security policy](../../security/policy). Credits ------- [](#credits) - [Savannabits](https://github.com/savannabits) - [All Contributors](../../contributors) License ------- [](#license) The MIT License. See [LICENSE.md](LICENSE.md). ### Health Score 66 — FairBetter than 99% of packages Maintenance96 Actively maintained with recent releases Popularity53 Moderate usage in the ecosystem Community29 Small or concentrated contributor base Maturity71 Established project with proven stability Bus Factor1 Top contributor holds 58% 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 ~70 days Total 21 Last Release 19d ago Major Versions v1.1.0 → v2.0.02023-07-27 v2.0.0 → 3.0.02023-08-02 2.x-dev → v4.0.02025-04-13 4.x-dev → v5.0.02025-08-28 PHP version history (4 changes)v1.0.0PHP ^8.0|^8.1 v1.1.0PHP ^8.0 v2.0.0PHP ^8.1 v4.0.0PHP ^8.2 ### Community Maintainers ![](https://avatars.githubusercontent.com/u/5610289?v=4)[Sam Maosa](/maintainers/coolsam726)[@coolsam726](https://github.com/coolsam726) --- Top Contributors [![coolsam726](https://avatars.githubusercontent.com/u/5610289?v=4)](https://github.com/coolsam726 "coolsam726 (131 commits)")[![smaosa](https://avatars.githubusercontent.com/u/275793777?v=4)](https://github.com/smaosa "smaosa (38 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (26 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (13 commits)")[![alexandrevega](https://avatars.githubusercontent.com/u/8642690?v=4)](https://github.com/alexandrevega "alexandrevega (3 commits)")[![atmonshi](https://avatars.githubusercontent.com/u/1952412?v=4)](https://github.com/atmonshi "atmonshi (3 commits)")[![D-Jordy](https://avatars.githubusercontent.com/u/91130457?v=4)](https://github.com/D-Jordy "D-Jordy (2 commits)")[![dave-mills](https://avatars.githubusercontent.com/u/5711101?v=4)](https://github.com/dave-mills "dave-mills (2 commits)")[![stephanus-tantiono](https://avatars.githubusercontent.com/u/52034225?v=4)](https://github.com/stephanus-tantiono "stephanus-tantiono (1 commits)")[![AurelDemiri](https://avatars.githubusercontent.com/u/30560661?v=4)](https://github.com/AurelDemiri "AurelDemiri (1 commits)")[![husam-tariq](https://avatars.githubusercontent.com/u/16601695?v=4)](https://github.com/husam-tariq "husam-tariq (1 commits)")[![mwagena](https://avatars.githubusercontent.com/u/1246801?v=4)](https://github.com/mwagena "mwagena (1 commits)")[![neatstudio](https://avatars.githubusercontent.com/u/229186?v=4)](https://github.com/neatstudio "neatstudio (1 commits)")[![rahmanramsi](https://avatars.githubusercontent.com/u/48276043?v=4)](https://github.com/rahmanramsi "rahmanramsi (1 commits)")[![sanchitspatil](https://avatars.githubusercontent.com/u/106558065?v=4)](https://github.com/sanchitspatil "sanchitspatil (1 commits)")[![AhmadFida2](https://avatars.githubusercontent.com/u/154905529?v=4)](https://github.com/AhmadFida2 "AhmadFida2 (1 commits)") --- Tags laravelflatpickrcoolsam ### Code Quality Static AnalysisPHPStan Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/coolsam-flatpickr/health.svg) ``` [![Health](https://phpackages.com/badges/coolsam-flatpickr/health.svg)](https://phpackages.com/packages/coolsam-flatpickr) ``` ### Alternatives [codewithdennis/filament-select-tree The multi-level select field enables you to make single selections from a predefined list of options that are organized into multiple levels or depths. 329530.5k29](/packages/codewithdennis-filament-select-tree)[stephenjude/filament-feature-flags Filament implementation of feature flags and segmentation with Laravel Pennant. 122177.8k1](/packages/stephenjude-filament-feature-flags)[ysfkaya/filament-phone-input A phone input component for Laravel Filament 3161.3M25](/packages/ysfkaya-filament-phone-input)[relaticle/flowforge Flowforge is a lightweight Kanban board package for Filament that works with existing Eloquent models. 413106.5k5](/packages/relaticle-flowforge)[rawilk/profile-filament-plugin Profile & MFA starter kit for filament. 3914.6k](/packages/rawilk-profile-filament-plugin)[savannabits/filament-flatpickr Flatpickr input for Filamentphp 10158.5k](/packages/savannabits-filament-flatpickr) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)