[component]
Dev Mode
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’.
01/12/2013
Annotated
Is Editing
Usage Guidelines
Do
Use this field to display a date.
Use the annotated version to display a date that has an immediacy relevancy (for example, a hospital visit that was 10 days ago).
Don't
Do not use the annotated version for recurring, immediately irrelevant dates. For example, birthdays.
Props
Name
Type
Required
Description
value
Required
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
The function to call when the value is saved.
Status
Documentation:
Figma:
Web:
iOS:
Android:
Related
Table
Examples
Annotations
Default
01/12/2013
Annotated
01/12/2024 (2 Years 8 Mos 10 Days)
Is Editing
01/12/2013