7.4 Date/Time Components (Composition Builder v.5.0)
Digital Date/Time
The “Digital Date/Time” Component can be used to display the date and/or time. There are several predefined formatting patterns, but you can use your own as well. The table below contains all formatting variables:
Placeholder | Meaning | Type |
---|---|---|
G | Era designator | Text |
y | Year | Number |
M | Month in the year | Text and number |
d | Day in the month | Number |
h | Hour in am/pm (1~12) | Number |
H | Hour in day (0~23) | Number |
m | Minute in hour | Number |
s | Second in minute | Number |
S | Millisecond | Number |
E | Day in the week | Text |
D | Day in the year | Number |
F | Day of week in Month | Number |
w | Week in the year | Number |
W | Week in month | Number |
a | AM/PM marker | Text |
k | Hour in a day (1~24) | Number |
K | Hour in AM/PM (0~11) | Number |
Z | Time zone | Text |
' | Escape for text | – |
" | Single Quote | – |
Digital Time (With Separators)
This Component displays the time in “HH:MM” or “HH:MM:SS” format, where each separator can be flashing. The position of the separators has to be defined manually in the Inspector.
Analogue Clock
This Component displays an analogue clock with three handles for hours, minutes, and seconds. The size of each handle can be modified separately in the Inspector, as well as the border and the centre dot.
Countdown / Countup
These Components count up or down. You can define the minutes and seconds in the Inspector. The “Pause” input port can be used to pause the counter temporarily.