User inputs
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
- Open your animation in the node editor.
- Click User Inputs → Date & time.
- Name the input. Examples:
Current time,Match clock,Event start. - Pick a format (see below).
- 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