Skip to contentWolf-Rayet

Date label

Date label is a non-interactive label that displays a date and optionally, visually communicates its 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" />