Laravel Human date time diff example

example.blade.php

<x-human-date-time-diff :date-time="$post->posted_at"></x-human-date-time-diff>

human-date-time-diff.blade.php

<time datetime="{{ $dateTime->toW3cString() }}" title="{{ $dateTime->format('Y-m-d \a\t H:i A O') }}">{{ $dateTime->diffForHumans() }}</time>

HumanDateTimeDiff.php

<?php

namespace App\View\Components;

use Carbon\Carbon;
use Illuminate\View\Component;

class HumanDateTimeDiff extends Component
{
    public $dateTime;

    /**
     * Create a new component instance.
     *
     * @param Carbon $dateTime
     */
    public function __construct(Carbon $dateTime)
    {
        $this->dateTime = $dateTime;
    }

    /**
     * Get the view / contents that represent the component.
     *
     * @return \Illuminate\Contracts\View\Factory|\Illuminate\Contracts\View\View
     */
    public function render(): \Illuminate\Contracts\View\View|\Illuminate\Contracts\View\Factory
    {
        return view('components.human-date-time-diff');
    }
}

Awesome! I recall doing something similar too. I love the Time element and usually also use a human readable time as a title.

To make it even shorter just using <x-human-date-time-diff :date-time="$post->posted_at" /> is enough!