PHPackages                             ahmedde/filament-extended-date - 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. ahmedde/filament-extended-date

ActiveLibrary[Utility & Helpers](/categories/utility)

ahmedde/filament-extended-date
==============================

Extend your date fields to reveal the date in other time zones on hover as well as relative time.

v1.0.0(2mo ago)271[1 issues](https://github.com/ahmed-fawzy99/filament-extended-date/issues)[2 PRs](https://github.com/ahmed-fawzy99/filament-extended-date/pulls)MITPHPPHP ^8.3CI passing

Since Mar 1Pushed 1mo agoCompare

[ Source](https://github.com/ahmed-fawzy99/filament-extended-date)[ Packagist](https://packagist.org/packages/ahmedde/filament-extended-date)[ Docs](https://github.com/ahmedde/filament-extended-date)[ RSS](/packages/ahmedde-filament-extended-date/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependencies (8)Versions (4)Used By (0)

Filament Extended Date
======================

[](#filament-extended-date)

[![Latest Version on Packagist](https://camo.githubusercontent.com/622d3e55e9864f0865c42e5160aaa4774b97e51d1d35d57aadac6e0e37f07249/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f61686d656464652f66696c616d656e742d657874656e6465642d646174652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/ahmedde/filament-extended-date)[![GitHub Tests Action Status](https://camo.githubusercontent.com/bbad2e1bfe5c72fef66a1865a7382b731dc0abfe2db5f981838de5223cf907ce/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f61686d65642d6661777a7939392f66696c616d656e742d657874656e6465642d646174652f72756e2d74657374732e796d6c3f6272616e63683d6d61696e266c6162656c3d7465737473267374796c653d666c61742d737175617265)](https://github.com/ahmed-fawzy99/filament-extended-date/actions?query=workflow%3Arun-tests+branch%3Amain)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/449ea65ddd7c64cae74557e16b9996e08cb13aac04f4434b25015c0d28fc7df4/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f61686d65642d6661777a7939392f66696c616d656e742d657874656e6465642d646174652f6669782d7068702d636f64652d7374796c652d6973737565732e796d6c3f6272616e63683d6d61696e266c6162656c3d636f64652532307374796c65267374796c653d666c61742d737175617265)](https://github.com/ahmed-fawzy99/filament-extended-date/actions?query=workflow%3A%22Fix+PHP+code+style+issues%22+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/9ec232768929d21e0751a2c215f4e914fee10f2499446b92bea3277ca323f2b6/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f61686d656464652f66696c616d656e742d657874656e6465642d646174652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/ahmedde/filament-extended-date)

Extend your date fields to reveal the date in other time zones and relative time.

Installation
------------

[](#installation)

You can install the package via composer:

```
composer require ahmedde/filament-extended-date
```

You can publish the config file with:

```
php artisan vendor:publish --tag="filament-extended-date-config"
```

This is the contents of the published `config/filament-extended-date.php` config file:

```
use AhmedDe\FilamentExtendedDate\Support\Constants\TZ;

return [
    /*
    |--------------------------------------------------------------------------
    | Time Format
    |--------------------------------------------------------------------------
    | How you want to format the date.
    | For more information on the supported formats, see https://day.js.org/docs/en/display/format
    | This is Day.js format, not Carbon's date format.
    |
    */
    'date_format' => 'YYYY-MM-DD hh:mm:ss A',

    /*
    |--------------------------------------------------------------------------
    | Timezones
    |--------------------------------------------------------------------------
    | Each of the listed `timezones` will be displayed in the detailed time conversions' tooltip. You can add/remove timezones as needed
    | For the full list of supported timezones, see https://en.wikipedia.org/wiki/List_of_tz_database_time_zones
    | Custom timezones:
    | TZ::LOCAL => The user's local timezone (detected via the browser).
    | TZ::RELATIVE => relative time (e.g., "2 hours ago").
    |
    */
    'timezones' => [
        TZ::LOCAL,
        TZ::UTC,
        TZ::RELATIVE,
    ],
];
```

Optionally, you can publish the views using

```
php artisan vendor:publish --tag="filament-extended-date-views"
```

Add this line to your filament theme to publish the CSS assets (typically in `resources/css/filament/{THEME_NAME}/theme.css`):

```
/*..adjust the path if your theme is not in the default path..*/
@source '../../../../vendor/ahmedde/filament-extended-date/resources/views/**/*.blade.php';
```

if you don't have a custom theme, please create one. See [Filament Theme Docs](https://filamentphp.com/docs/5.x/styling/overview#creating-a-custom-theme) for more information.

Finally, Publish the filament assets:

```
php artisan filament:assets
```

Usage
-----

[](#usage)

### InfoLists

[](#infolists)

```
use AhmedDe\FilamentExtendedDate\Infolists\Components\ExtendedDateEntry;

class ExampleInfolist
{
    public static function configure(Schema $schema): Schema
    {
        return $schema
            ->components([
                ExtendedDateEntry::make('created_at')
                    ->label('Created At'),
            //...
            ])
    }
}
```

### Tables

[](#tables)

```
use AhmedDe\FilamentExtendedDate\Tables\Columns\ExtendedDateColumn;

class ExampleTable
{
    public static function configure(Table $table): Table
    {
        return $table
            ->columns([
                ExtendedDateColumn::make('created_at')
                    ->label('Created At'),
            //...
            ])
    }
}
```

### Using Custom Timezones and Formats

[](#using-custom-timezones-and-formats)

By default, the package will use the timezones and format specified in the config file. However, you can override this on a per-field basis by passing an array of timezones to the `timezones()` method, and the preferred format to `dateFormat()`method. This will override the default values specified in the config file for that specific field.

> The `dateFormat()` method accepts any valid Day.js format string. For more information on the supported formats, see

```
use AhmedDe\FilamentExtendedDate\Infolists\Components\ExtendedDateEntry;
use AhmedDe\FilamentExtendedDate\Tables\Columns\ExtendedDateColumn;
use AhmedDe\FilamentExtendedDate\Support\Constants\TZ;

ExtendedDateEntry::make('created_at')
    ->label('Created At')
    ->timezones([
        TZ::AFRICA_CAIRO,
        TZ::ASIA_TOKYO,
    ])
    ->dateFormat("YYYY/MM/DD HH:mm");

// Or for tables:
use AhmedDe\FilamentExtendedDate\Tables\Columns\ExtendedDateColumn;

ExtendedDateColumn::make('created_at')
    ->label('Created At')
    ->timezones([
        TZ::AFRICA_CAIRO,
        TZ::ASIA_TOKYO,
    ])
    ->dateFormat("MM/DD/YYYY HH:mm");
```

Screenshots
-----------

[](#screenshots)

### Tables

[](#tables-1)

- [![Table Example (Dark)](https://camo.githubusercontent.com/e8357f97fa3fc5a479cfb70b9164d8cdff622639550f0201b3f78b27be30b95f/68747470733a2f2f7075622d32643437393862343463326334376431616465636336633632626634376633382e72322e6465762f6769742f66696c616d656e742d657874656e6465642d646174652f7461626c652d6461726b2e706e67)](https://camo.githubusercontent.com/e8357f97fa3fc5a479cfb70b9164d8cdff622639550f0201b3f78b27be30b95f/68747470733a2f2f7075622d32643437393862343463326334376431616465636336633632626634376633382e72322e6465762f6769742f66696c616d656e742d657874656e6465642d646174652f7461626c652d6461726b2e706e67)
- [![Table Example (Light)](https://camo.githubusercontent.com/f867bcd1d0e40094f4231f6f54f0e3959fc0778e9180f165c9c86e358e0fa5ae/68747470733a2f2f7075622d32643437393862343463326334376431616465636336633632626634376633382e72322e6465762f6769742f66696c616d656e742d657874656e6465642d646174652f7461626c652d6c696768742e706e67)](https://camo.githubusercontent.com/f867bcd1d0e40094f4231f6f54f0e3959fc0778e9180f165c9c86e358e0fa5ae/68747470733a2f2f7075622d32643437393862343463326334376431616465636336633632626634376633382e72322e6465762f6769742f66696c616d656e742d657874656e6465642d646174652f7461626c652d6c696768742e706e67)

### InfoLists

[](#infolists-1)

- [![Infolist Example (Dark)](https://camo.githubusercontent.com/ab66fa834a9fbd59a1606e6084cb18786e35a1685bf9e168ccde10b5bcd7ac23/68747470733a2f2f7075622d32643437393862343463326334376431616465636336633632626634376633382e72322e6465762f6769742f66696c616d656e742d657874656e6465642d646174652f696e666f6c6973742d6461726b2e706e67)](https://camo.githubusercontent.com/ab66fa834a9fbd59a1606e6084cb18786e35a1685bf9e168ccde10b5bcd7ac23/68747470733a2f2f7075622d32643437393862343463326334376431616465636336633632626634376633382e72322e6465762f6769742f66696c616d656e742d657874656e6465642d646174652f696e666f6c6973742d6461726b2e706e67)
- [![Infolist Example (Light)](https://camo.githubusercontent.com/7ba28d745c7dbcc615a47748c91120c0a1b44f5e1bfb02cbd63ba59b13016210/68747470733a2f2f7075622d32643437393862343463326334376431616465636336633632626634376633382e72322e6465762f6769742f66696c616d656e742d657874656e6465642d646174652f696e666f6c6973742d6c696768742e706e67)](https://camo.githubusercontent.com/7ba28d745c7dbcc615a47748c91120c0a1b44f5e1bfb02cbd63ba59b13016210/68747470733a2f2f7075622d32643437393862343463326334376431616465636336633632626634376633382e72322e6465762f6769742f66696c616d656e742d657874656e6465642d646174652f696e666f6c6973742d6c696768742e706e67)

Development
-----------

[](#development)

This plugin compiles the needed JS assets and registers the bundle in the `FilamentExtendedDateServiceProvider`. If you want to make changes to the JS code, you need to rebuild the `bin/build.js` file using `node`. See [Registering Javascript Files](https://filamentphp.com/docs/5.x/advanced/assets#registering-javascript-files) for more information.

Testing
-------

[](#testing)

```
composer test
```

Changelog
---------

[](#changelog)

Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.

Credits
-------

[](#credits)

- [Ahmed Deghady](https://github.com/ahmed-fawzy99)

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

39

—

LowBetter than 86% of packages

Maintenance79

Regular maintenance activity

Popularity10

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity51

Maturing project, gaining track record

 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

Unknown

Total

1

Last Release

72d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/9869d45dd0806f4b10b7e04b4cf6eba23a7693462b0cba3fdf3ab870be6eae1b?d=identicon)[ahmedde](/maintainers/ahmedde)

---

Top Contributors

[![ahmed-fawzy99](https://avatars.githubusercontent.com/u/52136140?v=4)](https://github.com/ahmed-fawzy99 "ahmed-fawzy99 (8 commits)")

---

Tags

laravelAhmed Deghadyfilament-extended-date

###  Code Quality

TestsPest

Code StyleLaravel Pint

### Embed Badge

![Health badge](/badges/ahmedde-filament-extended-date/health.svg)

```
[![Health](https://phpackages.com/badges/ahmedde-filament-extended-date/health.svg)](https://phpackages.com/packages/ahmedde-filament-extended-date)
```

###  Alternatives

[guava/calendar

Adds support for vkurko/calendar to Filament PHP.

298241.0k3](/packages/guava-calendar)[bezhansalleh/filament-google-analytics

Google Analytics integration for FilamentPHP

205144.8k5](/packages/bezhansalleh-filament-google-analytics)[jibaymcs/filament-tour

Bring the power of DriverJs to your Filament panels and start a tour !

12247.8k](/packages/jibaymcs-filament-tour)[marcelweidum/filament-expiration-notice

Customize the livewire expiration notice

9169.0k4](/packages/marcelweidum-filament-expiration-notice)[hydrat/filament-table-layout-toggle

Filament plugin adding a toggle button to tables, allowing user to switch between Grid and Table layouts.

6292.3k1](/packages/hydrat-filament-table-layout-toggle)[outerweb/filament-settings

Filament integration for the outerweb/settings package

3690.9k4](/packages/outerweb-filament-settings)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)