---
title: "Table date"
description: "This field displays a date. There are two kinds, annotated and default. The annotated date shows an annotation - ex, '10 days ago'."
sidebar_label: "Table date"
slug: /reference/components/table-date
---

import ComponentDemo from '@site/src/components/ComponentDemo';

# Table date

This field displays a date. There are two kinds, annotated and default. The annotated date shows an annotation - ex, '10 days ago'.

**Package:** `@terreno/ui`  
**Categories:** Component  
**Props interface:** `TableDateProps`  
**Story source:** [`demo/stories/Tabledate.stories.tsx`](https://github.com/flourishhealth/terreno/blob/master/demo/stories/Tabledate.stories.tsx)

## Live demo

<ComponentDemo name="Table date" />

## Props

| Prop | Type | Required | Description |
| --- | --- | --- | --- |
| `value` | `union` | Yes | The date value to be displayed or edited. Can be a string or a Date object. |
| `annotated` | `boolean` |  | If true, the date is annotated. |
| `isEditing` | `boolean` |  | If true, the component is in editing mode. |
| `onSave` | `reflection` |  | The function to call when the value is saved. |