StellarUI

<stellar-calendar-time>

Tiny time formatter for event and calendar labels, with 12-hour or 24-hour output.

Preview

Tiny time formatter for event and calendar labels, with 12-hour or 24-hour output.

Markup

Copy
<stellar-calendar-time value="08:30"></stellar-calendar-time>

Properties

PropTypeDefaultNotes
valuestring''
hourstring''
minutestring''
format12h | 24h12h

Events

Slots

Notes

  • Use `value` with `HH:MM` to get a stable label in one place.
  • Use `format="24h"` for zero-padded 24-hour output instead of `AM/PM` labels.
  • `value`, `hour`, and `minute` support the same local-time model used by event attributes.