1. Add the Element to the Page
Place the elapsed counter element anywhere in your Bubble page.

The element displays a live running timer in:
• 00:00:00

format.

⸻
2. Set the Initial Date

Provide the element field:
• Initial Date → any Bubble date value

This date becomes the starting reference point for the counter.

The plugin will automatically calculate:
• current time minus initial date

and begin updating live every second.

⸻
3. View the Live Counter

Once the initial date is set, the element starts displaying elapsed time in real time.

Examples:
• 00:00:08
• 00:14:32
• 02:45:10

The counter continues increasing automatically while the page is open.

⸻
4. Use the Exposed State

The plugin exposes a text state:
• elapsed_text

This state always contains the current formatted elapsed value, such as:
• 01:22:47

Use it in:
• text elements
• workflows
• conditions
• repeating groups
• custom logic

⸻
5. Behavior Notes

• If no initial date is provided, the counter displays 00:00:00
• If the initial date is in the future, the counter stays at 00:00:00
• Hours continue increasing beyond 24 when needed

Example:
• 27:13:44

This makes it suitable for true elapsed-time tracking, not just clock-style display.

⸻
6. Update the Start Date Anytime

If the Initial Date changes, the counter automatically resets and starts counting from the new date.

No additional action is required.

If you want, I can also give you a more polished marketplace-ready version with a slightly more premium tone.