Make your AI a shadcn expert
Previous: Database Queries
Next: Density

Tables Datetime

Activity log table with formatted datetime cells and relative time indicators built with shadcn/ui and Tailwind CSS

Scroll to load preview

Display timestamps on your Next.js dashboard with this React datetime table component. Built with shadcn/ui Table, features locale-aware date formatting with Intl.DateTimeFormat, relative time labels for recent activity, timezone display options, sortable date columns, and hover tooltips with full datetime. Perfect for audit logs, activity feeds, notification history, and scheduled tasks.

Sortable Table

Sort by date

Table Filters

Filter by date range

Status History Table

Time-based status

Timeline Table

Temporal visualization

Task Table

Scheduled tasks

Expandable Table

Show full history

FAQ

Last updated on March 24, 2026

Was this page helpful?

Sign in to leave feedback.

Database Queries

Slow query log table with execution times, query previews, row counts, and performance indicators built with shadcn/ui and Tailwind CSS

Density

Contact table with density toggle for compact, comfortable, and spacious row heights built with shadcn/ui and Tailwind CSS