Dates
Convenient component to display dates.
Sep 06
13:14
Sunday, September 6, 2026 1:14 PM
Sep 06, 2025
13:14
Saturday, September 6, 2025 1:14 PM
<x-ui::datetimeForHumans :date="now()" />
<x-ui::datetimeForHumans :date="now()->subYear()" />
Copied!
Seconds
You can display the seconds as well
Sep 06
13:14:47
Sunday, September 6, 2026 1:14 PM
Sep 06, 2025
13:14:47
Saturday, September 6, 2025 1:14 PM
<x-ui::datetimeForHumans :withSeconds="true" :date="now()" />
<x-ui::datetimeForHumans :withSeconds="true" :date="now()->subYear()" />
Copied!
Without time
There is the option to display just the date without time
Sep 06
Sep 06, 2025
<x-ui::dateForHumans :date="now()" />
<x-ui::dateForHumans :date="now()->subYear()" />
Copied!