Dates
Convenient component to display dates.
Jul 21
07:04
Tuesday, July 21, 2026 7:04 AM
Jul 21, 2025
07:04
Monday, July 21, 2025 7:04 AM
<x-ui::datetimeForHumans :date="now()" />
<x-ui::datetimeForHumans :date="now()->subYear()" />
Copied!
Seconds
You can display the seconds as well
Jul 21
07:04:52
Tuesday, July 21, 2026 7:04 AM
Jul 21, 2025
07:04:52
Monday, July 21, 2025 7:04 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
Jul 21
Jul 21, 2025
<x-ui::dateForHumans :date="now()" />
<x-ui::dateForHumans :date="now()->subYear()" />
Copied!