Components / Time Input

Time Input

A segmented time field over the Navius TimeInput primitive, mirroring Date Input: hh : mm with optional seconds and an AM / PM segment for 12-hour cultures, arrow-key stepping, and a trailing clock glyph. Arrow through the segments below. This preview is the real component running in WebAssembly.

Examples

Value: 09:41:00

razor
<ZitsTimeInput @bind-Value="_time" Granularity="second" />

@code { private TimeOnly? _time; }

Installation

Terminal bash
navius add time-input

API reference

ZitsTimeInput:

Prop Type Default
Value TimeOnly? null
ValueChanged EventCallback<TimeOnly?> -
DefaultValue TimeOnly? null
Granularity string "minute"
HourCycle int? culture
MinuteStep / SecondStep int 1
MinValue / MaxValue TimeOnly? null
PlaceholderValue TimeOnly? null
ForceLeadingZeros bool false
Culture CultureInfo? current
Disabled / ReadOnly / Required / Invalid bool false