Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
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
| Action | Description | User | Timestamp | Type | |
|---|---|---|---|---|---|
| User Login | Logged in from Chrome on macOS | sarah.chen | 2 min agoJan 15, 2024 | Login | |
| Document Created | Created Q1 Financial Report | marcus.johnson | 15 min agoJan 15, 2024 | Create | |
| Settings Updated | Changed notification preferences | sarah.chen | 45 min agoJan 15, 2024 | Settings | |
| Record Deleted | Removed draft invoice #1234 | emily.rodriguez | 2 hours agoJan 15, 2024 | Delete | |
| Data Exported | Exported customer list to CSV | david.kim | 5 hours agoJan 15, 2024 | Export | |
| Profile Updated | Updated profile photo and bio | lisa.thompson | YesterdayJan 14, 2024 | Update | |
| User Login | Logged in from Safari on iOS | james.wilson | 2 days agoJan 13, 2024 | Login | |
| Document Created | Created 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
Related blocks you will also like
Table with Sortable Columns
Sort by date
Table with Quick Filters
Filter by date range
Table with Status History
Time-based status
Table with Timeline Columns
Temporal visualization
Task Table with Actions
Scheduled tasks
Table with Expandable Rows
Show full history