EccDate
EccDate displays dates and times - absolute, relative (“3 hours ago”) or both - and produces ISO dates for the output.
import { EccDate } from "@/ecc/components/forms/EccDate";
The component uses the basic props of all field components - see Component Basics.
Examples
<EccDate fieldLabel="Needed by" value="inputs.purchase.neededBy" data={task} /> {/* 30.10.2026 */}
<EccDate fieldLabel="Started" value={process.start} showTime /> {/* 30.09.2026, 09:41 */}
<EccDate fieldLabel="Started" value={process.start} displayRelative /> {/* 2 hours ago */}
<EccDate fieldLabel="Created" value={process.start} dateFormat="dateTimeLong" /> {/* 30 September 2026, 09:41 */}
<EccDate value={entry.timestamp} layout="eyebrow" /> {/* small grey relative time */}
// current time into the task output, not visible
<EccDate valueOut="output.decisionBoolean.decisionDate" initValue="now" hidden />
Props
Basic props, plus:
|
| - | date to show |
|
| - | object for the path |
|
| - | used when |
| preset |
|
|
|
|
| shortcut for |
|
|
| relative text instead of the formatted date |
|
|
| refresh of the relative text |
|
|
| what |
|
| - | compact inline display, click toggles relative/absolute |
|
|
| alignment |
Output
With valueOut the field writes an ISO 8601 string (e.g. 2026-09-30T08:12:45.118Z) that the process engine reads as java.util.Date.
Related
super component: basic props |
On this page
- EccDate