Date label

A date label shows a date. It can also use colour to show the date's status.

#Default

Use a date label to show a date in running text or a table cell.

February 16

import { DateLabel } from '@wolf-rayet/react';

<DateLabel value="February 16" />

#Status

Use a status colour when the date means something is due, done or late.

February 16February 16February 16

import { DateLabel } from '@wolf-rayet/react';

<DateLabel value="February 16" appearance="success" />
<DateLabel value="February 16" appearance="moved" />
<DateLabel value="February 16" appearance="removed" />