New: NativePHP Starter-Kit

Laravel Livewire Tables Documentation
Sponsors Demo Support

Edit

🎉 Enjoying this package? Consider sponsoring me on GitHub or buying me a beer.

This is the documentation for v3. You can switch versions in the menu at the top. Check your current version with the following command:

composer show rappasoft/laravel-livewire-tables

DateTime Filters

DateTime filters are HTML datetime-local elements and act the same as date filters.

1use Rappasoft\LaravelLivewireTables\Views\Filters\DateTimeFilter;
2 
3public function filters(): array
4{
5    return [
6        DateTimeFilter::make('Verified From'),
7    ];
8}

DateTime filters have configs to set min and max, to set the format for the Filter Pills, and to set a placeholder value

 1public function filters(): array
 2{
 3    return [
 4        DateTimeFilter::make('Verified From')
 5            ->config([
 6                'min' => '2022-11-31 00:00:00',  // Earliest Acceptable DateTime
 7                'max' => '2022-12-31 05:00:00', // Latest Acceptable Date
 8                'pillFormat' => 'd M Y - H:i', // Format for use in Filter Pills
 9                'placeholder' => 'Enter Date Time', // A placeholder value
10            ])
11    ];
12}

setFilterDefaultValue

DateTime filters also support the setFilterDefaultValue() method, which must be a valid datetime in the "Y-m-dTH:i" format. This will apply as a default until removed.

 1public function filters(): array
 2{
 3    return [
 4        DateTimeFilter::make('Verified From')
 5            ->config([
 6                'min' => '2022-11-31 00:00:00',
 7                'max' => '2023-12-31 05:00:00',
 8                'pillFormat' => 'd M Y - H:i',
 9            ])
10            ->setFilterDefaultValue('2023-07-07T06:27')
11    ];
12}

setPillsLocale

DateTime Filters also support the setPillsLocale method, which allows you to set a locale for use in generating the Filter Pills values

 1public function filters(): array
 2{
 3    return [
 4        DateTimeFilter::make('Verified From')
 5            ->setPillsLocale('fr ') // Use French localisation for the Filter Pills values
 6            ->config([
 7                'min' => '2020-01-01',  // Earliest Acceptable Date
 8                'max' => '2021-12-31', // Latest Acceptable Date
 9                'pillFormat' => 'd M Y - H:i', // Format for use in Filter Pills
10                'placeholder' => 'Enter Date', // A placeholder value
11            ])
12    ];
13}