ReadonlyariaAccessible label for the clock region.
Protected ReadonlyclockCurrent clock-hand positions resolved from the time input or the
internal live signal.
ReadonlydaySVG inner content for the daytime indicator icon.
Accepts any valid SVG inner markup on a 24 × 24 grid.
Defaults to UIIcons.Lucide.Weather.Sun.
ReadonlydayStroke colour for the daytime indicator icon.
Defaults to a warm amber (#f59e0b).
Protected ReadonlyhourHour-hand rotation in degrees (0–360).
Protected ReadonlyhourArray of hour-number descriptors for the template.
Protected ReadonlyindicatorStroke colour of the currently active day/night icon.
Protected ReadonlyindicatorSanitised SVG inner content of the currently active day/night icon.
Protected ReadonlyisWhether the clock is ticking on its own (no fixed time provided).
Protected ReadonlyisWhether the current clock time represents nighttime (6 PM – 6 AM).
Protected ReadonlyminuteMinute-hand rotation in degrees (0–360).
ReadonlynightSVG inner content for the nighttime indicator icon.
Accepts any valid SVG inner markup on a 24 × 24 grid.
Defaults to UIIcons.Lucide.Weather.MoonStar.
ReadonlynightStroke colour for the nighttime indicator icon.
Defaults to a soft gold (#e8e0c0).
Protected ReadonlysecondSecond-hand rotation in degrees (0–360).
ReadonlyshowWhether to render hour numbers (1–12) on the face.
ReadonlyshowWhether to render the second hand.
ReadonlyshowWhether to render minute tick marks around the rim.
ReadonlysizeDiameter of the clock in CSS pixels.
Protected ReadonlytickArray of tick-mark descriptors for the template.
ReadonlytimeFixed time to display. When omitted the clock auto-ticks every second.
Passing null or undefined also triggers live mode.
A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.
Standalone analog clock component rendered entirely in SVG.
Displays a classic clock face with hour, minute, and (optionally) second hands. When no
timeinput is provided the clock ticks in real time using a one-second interval driven by plainsetInterval(zoneless-safe).Example: Live clock
Example: Fixed time, no seconds hand
Example: Custom size with hidden numbers