ElapsedTime

Markdown

Time spent on a run or turn, ticking while it runs and fixed once it ends.

Use it for
How long a run or turn has taken, live while it runs.
Not for
A date or a schedule. Try StatusBadge.

ElapsedTime preview

Working ·

Installation

npm install @stackunseen/ui
import { ElapsedTime } from '@stackunseen/ui';
Styles: @stackunseen/ui/styles.css

Usage and props

Pass endedAt or durationMs when the work stops. Prefer durationMs from the server when the browser clock should not decide the figure.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

startedAt · endedAt? · durationMs? · native time props
How state and callbacks work
All props

Loading…

For your coding agent

Give the agent this page instead of a screenshot. The prompt wraps the page with the install and import lines and the rule that your server, not a click, completes an action.

Contract
startedAt · endedAt? · durationMs? · native time props
Keeps honest
Pass endedAt or durationMs when the work stops. Prefer durationMs from the server when the browser clock should not decide the figure.
MCP
read_component "ElapsedTime" on the docs endpoint
Open the Markdown file

Keyboard and customization

Keyboard

Inert content. It is not a live region, so it never interrupts a screen reader.

Customization

Change shared colors, spacing, corners and icons with the theme. Use the component's supported props to adapt its content and layout. Customization guide and Theme Studio