Time
Primitive Content draft Gen UI partA time, date, range or duration. Pass ISO values; the part formats them.
Examples
HTML and CSS
Framework-free reference. Styles live in system/components/amount-time.css and read only tokens. Wrap markup in .v-root.
Rendered markup of the anatomy example
Props and slots
The component API. Gen UI JSON uses these names, and the Flutter widget should mirror them.
Props
| Prop | Values | Default |
|---|---|---|
value | string | |
end | string | |
minutes | number | |
hideDay | boolean | |
format | time | date | day | datetime | range | relative | stacked | duration | datetime |
strong | boolean | |
tone | default | muted | subtle | accent | accent-2 | inverse | on-accent |
* required.
Slot rules
No slots. This part takes no children.
In Gen UI
How VelioBot uses this part. The bot returns JSON; the validator checks it; the renderer draws it.
JSON node
Every node may also carry id, grow, attribution, privateOnly and fallbackText.
Rules that name this part
listitem-leading List item leading: Icon, Avatar, Avatar stack, Image, Checkbox, Radio (and Time in stacked format).
listitem-trailing List item trailing: Text, Amount, Time, Badge, an icon, text or small secondary/tonal Button, Toggle, Checkbox, Chip, Icon, Avatar.
Usage in recipes
4 of the original cards use it. Needed for V1. Priority table
Bot functions: Bill split and payments, Calendar and itinerary, Email connect, Friend catchups, Group plans, Meet new people, Occasions and events, Plan capture, Suggestions, Trips, Video calls with notes, Voice calls with notes.