Launch sale — 60% off Pro
Contact
Tables

Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.

Unlock this blockGet Pro at 60% off

React Table Block Datetime Timestamps

Table component with formatted datetime cells and relative time indicators for React activity dashboards

Looking to implement shadcn/ui blocks?

Join our Discord community for help from other developers.


Display timestamps on your Next.js activity dashboard with this datetime table component. Features locale-aware date formatting, relative time labels for recent items, timezone display options, sortable by date columns, and hover tooltips with full datetime. Built with shadcn/ui Table component using Tailwind CSS and Intl.DateTimeFormat. The temporal context aids quick scanning—perfect for audit logs, activity feeds, notification history, scheduled tasks, or any React app displaying time-sensitive data.

Activity Log

8 events this week

Last updated: Just now
ActionDescriptionUser
Timestamp
Type
User LoginLogged in from Chrome on macOS
sarah.chen
2 min agoJan 15, 2024
Login
Document CreatedCreated Q1 Financial Report
marcus.johnson
15 min agoJan 15, 2024
Create
Settings UpdatedChanged notification preferences
sarah.chen
45 min agoJan 15, 2024
Settings
Record DeletedRemoved draft invoice #1234
emily.rodriguez
2 hours agoJan 15, 2024
Delete
Data ExportedExported customer list to CSV
david.kim
5 hours agoJan 15, 2024
Export
Profile UpdatedUpdated profile photo and bio
lisa.thompson
YesterdayJan 14, 2024
Update
User LoginLogged in from Safari on iOS
james.wilson
2 days agoJan 13, 2024
Login
Document CreatedCreated Team Onboarding Guide
anna.martinez
5 days agoJan 10, 2024
Create

Hover over timestamps for full date and time with timezone. Recent events show relative time.

Installation

Questions you might have