List Todo With Due Date - Todo list panel with due date

Pro

Task list with due date meta and overdue row styling.
Shadcn List Todo With Due Date component

Component Data

  • ID:list-panel/list-todo-with-due-date
  • Access:pro
  • Created:May 23, 2026
  • Type:example

List Todo With Due Date component design & features

This example adds due date text in ItemDescription and applies destructive text color when a task is past due.

Due date lists suit reminder panels, invoice follow-ups, and project trackers where deadlines must stay visible in the row.