Plugins
Jalali
Add Jalali / Shamsi calendar to Filament's DateTime column, and DateTimePicker.
Form Builder
Table Column
Table Builder
Form Field
Dark theme support
Yes
Multi language support
Yes
Compatible with the latest version
Supported versions: 2.x - 3.x
Documentation

Latest Version on Packagist GitHub Code Style Action Status Total Downloads

Jalali datetime picker form component and table text column

No fuss package to add Jalali Date and DateTime columns to your table, and a beautiful Jalali Date and DateTime picker to your forms. No new column type, just keep using your good old TextColumns! No new form components, just keep using your beautiful DatePickers and DateTimePickers!

#Installation

You can install the package via composer:

composer require mokhosh/filament-jalali

#Usage

To add Jalali date and date-time columns to your tables, just add jalaliDate and jalaliDateTime to the filament TextColumns instead of date or dateTime.

// Yes! Just use Filament's original TextColumns!
use Filament\Tables;
 
Tables\Columns\TextColumn::make('created_at')
->jalaliDate(),
Tables\Columns\TextColumn::make('updated_at')
->jalaliDateTime(),

To add Jalali date and date-time columns to your infolists, just add jalaliDate and jalaliDateTime to the filament TextEntrys instead of date or dateTime.

use Filament\Infolists\Components;
 
Components\TextEntry::make('created_at')
->jalaliDate(),
Components\TextEntry::make('updated_at')
->jalaliDateTime(),

To add Jalali date and date-time pickers to your forms, just add jalalito your DatePicker and DateTimePicker.

// Yes! Just use Filament's original DatePickers and DateTimePickers!
use Filament\Forms;
 
Forms\Components\DatePicker::make('moderated_at')
->jalali(),
Forms\Components\DateTimePicker::make('published_at')
->jalali(),

#Ignoring Jalali Conversion

If you want to ignore jalali conversion you can use the when and unless methods:

use Filament\Tables;
use Filament\Infolists\Components;
use Filament\Forms;
use Illuminate\Support\Facades\App;
 
Tables\Columns\TextColumn::make('created_at')
->date()
->when(App::isLocale('fa'), fn (TextColumn $column) => $column->jalaliDate()),
 
Components\TextEntry::make('updated_at')
->dateTime()
->unless(App::isLocale('en'), fn (TextColumn $column) => $column->jalaliDateTime()),
 
Forms\Components\DatePicker::make('birthday')
->when(App::isLocale('fa'), fn (TextColumn $column) => $column->jalali()),

#Configuring the Format Globally

You can set the default date formats for tables and infolists anywhere you want, likely in a service provider:

public function boot(): void
{
Table::$defaultDateDisplayFormat = 'Y/m/d';
Table::$defaultDateTimeDisplayFormat = 'Y/m/d H:i:s';
Infolist::$defaultDateDisplayFormat = 'Y/m/d';
Infolist::$defaultDateTimeDisplayFormat = 'Y/m/d H:i:s';
}

Some common formats you might want to use:

j F Y ۱۵ مهر ۱۳۶۸

Y/m/d Û±Û³Û¶Û¸/Û°Û·/Û±Ûµ

l j F شنبه ۱۵ مهر

#Credits

#License

The MIT License (MIT). Please see License File for more information.

Mo Khosh

I've been tinkering around with computers for almost 30 years. I'm currently enjoying the TALL stack plus Filament as my goto development stack. mysadaqa is one of the websites I created using the TALL stack.

3
Plugins
559
Stars
More from this author
Featured Plugins