Dates
Convenient component to display dates.
Jun 04
07:50
Thursday, June 4, 2026 7:50 AM
Jun 04, 2025
07:50
Wednesday, June 4, 2025 7:50 AM
<x-ui::datetimeForHumans :date="now()" />
<x-ui::datetimeForHumans :date="now()->subYear()" />
Copied!
Seconds
You can display the seconds as well
Jun 04
07:50:02
Thursday, June 4, 2026 7:50 AM
Jun 04, 2025
07:50:02
Wednesday, June 4, 2025 7:50 AM
<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
Jun 04
Jun 04, 2025
<x-ui::dateForHumans :date="now()" />
<x-ui::dateForHumans :date="now()->subYear()" />
Copied!