Date and time

TL;DR — A date & time User Input shows the live clock on your overlay. Pick the format, bind it to a text element, done.

#What it does

Quadraviz pushes the current date and time into your animation on a rolling tick. Use it for:

• A live clock in the corner of the screen
• A countdown to a kickoff time
• A timestamp on a replay graphic

#Create one

1. Open your animation in the node editor.
2. Click User Inputs → Date & time.
3. Name the input. Examples: Current time, Match clock, Event start.
4. Pick a format (see below).
5. Connect the input to a text element in your Rive file.

#Format options

| Format | Example | Use case | |---|---|---| | HH:mm | 14:32 | Wall clock | | HH:mm:ss | 14:32:18 | Wall clock with seconds | | dd/MM/yyyy | 12/05/2026 | Date only | | dd MMM HH:mm | 12 May 14:32 | Compact event time |

If your overlay needs a custom format that isn't in the list, contact us — we add formats based on producer requests.

#Time zones

Quadraviz uses the time zone set in your account profile. Confirm it before the show, especially for international events.

#Next steps

• Timers — For countdowns and game clocks
• Buttons and toggles — Trigger animations manually