Time input

A time input that lets the user pick a time of day.

TimeInputComponent · type key standard.input.time · Inputs

new TimeInputComponent("time-input")

Properties

Property	Type	Default	Binding	Description
From TemporalInputComponentBase
`Step` SetStep	`UITemporalStep?`	`null`	—	The step increment used when adjusting the value. Unbindable: the picker builds its time columns from this once.
`FirstDayOfWeek` SetFirstDayOfWeek	`UIDayOfWeek?`	`null`	—	The first day of the week used when rendering a calendar/picker. Unbindable: the weekday header is ordered once at render.
`IsRange` SetIsRange	`bool?`	`false`	—	Whether the control edits a period: `Value` is its start, `TemporalInputComponentBase.EndValue` its end, in two fields under one caption, chosen on one calendar. Unbindable: how many fields the row holds is how the control is built.
`EndValue` SetEndValue · BindEndValue	`TimeOnly?`	`null`	two-way	The end of the period; read only in range mode, two-way like `Value`.
From MinMaxInputComponentBase
`Min` SetMin · BindMin	`TimeOnly?`	`null`	one-way	The minimum allowed value.
`Max` SetMax · BindMax	`TimeOnly?`	`null`	one-way	The maximum allowed value.
`Format` SetFormat	`string`	`null`	—	The format string used to parse/format the value. Unbindable: the runtime reads it once off the compiled state while normalizing what the user typed.
`DisplayFormat` SetDisplayFormat · BindDisplayFormat	`string`	`null`	one-way	The format string used to display the value.
`Culture` SetCulture	`string`	`null`	—	The culture used to parse/format the value. Unbindable: it resolves a culture pack server-side that no client-side converter could reproduce.
`FormatMessage` SetFormatMessage	`string`	`null`	—	The message shown when what the user typed does not match `MinMaxInputComponentBase.Format`. Not translatable and unbindable: the runtime reads it once off the compiled state while rejecting a value.
From AffixedInputComponentBase
`PrefixIcon` SetPrefixIcon · BindPrefixIcon	`string`	`null`	one-way	The icon shown at the start of the field.
`SuffixIcon` SetSuffixIcon · BindSuffixIcon	`string`	`null`	one-way	The icon shown at the end of the field, before whatever control the input keeps there.
From FieldInputComponentBase
`Appearance` SetAppearance · BindAppearance	`UIInputAppearance?`	`UIInputAppearance.Filled`	one-way	How the field surface is drawn; settable so a host that puts a field in a row of its own can choose the shape it takes there, as the key-value list makes an unset editor a filled box.
From TextInputComponentBase
`BorderColor` SetBorderColor · BindBorderColor	`UIThemeColor?`	`null`	one-way	The border's colour, written as CSS `border-color`; unset leaves the stylesheet's own.
`BorderThickness` SetBorderThickness · BindBorderThickness	`UIThickness?`	`null`	one-way	The border's thickness, written as CSS `border-width`; unset leaves the stylesheet's own.
`BorderRadius` SetBorderRadius · BindBorderRadius	`UICornerRadius?`	`null`	one-way	The corner rounding, written as CSS `border-radius`; unset leaves the stylesheet's own.
From InputComponentBase
`Value` SetValue · BindValue	`TimeOnly?`	`null`	two-way	The input's current value, boxed to `Object`; a concrete input also exposes its own typed `Value` alongside this one.
`IconColor` SetIconColor · BindIconColor	`UIThemeColor?`	`Primary`	one-way	The leading icon's colour, defaulting to `ITextBaseModel.DefaultIconColor`.
`TitleType` SetTitleType · BindTitleType	`UITextAppearance?`	`Caption`	one-way	The primary text type.
`Selectable` SetSelectable · BindSelectable	`bool?`	`false`	one-way	Whether the text can be selected with the pointer; content says yes, a control's caption says no. A field's caption is part of the control, not content: it is not selectable unless asked.
`BadgePlacement` SetBadgePlacement · BindBadgePlacement	`UITextBadgePlacement?`	`UITextBadgePlacement.Trailing`	one-way	Where badge content is placed.
`IsReadOnly` SetIsReadOnly · BindIsReadOnly	`bool?`	`false`	one-way	Whether the input can be seen but not edited; unlike `IVisualComponent.Enabled`, a read-only value still submits and stays focusable.
`FormId` SetFormId · BindFormId	`string`	`null`	one-way	The id of the form this input belongs to, used to scope Submit-trigger validation.
`Validation` SetValidation · BindValidation	`UIValidationMessage?`	`null`	one-way	A message the controller puts on the field, beside whatever the client rules say; the strongest one shows.
`ValidationPresentation` SetValidationPresentation	`UIValidationPresentation?`	`UIValidationPresentation.Auto`	—	Where the message goes: a line under the field, or a mark at its edge with the message in a tooltip. Decided once at render; `UIValidationPresentation.Auto` is the line except in a cell of a grid.
`Icon` SetIcon · BindIcon	`string`	`null`	one-way	The icon shown before the title, by name from the registered icon font/set. translatable
`IconSize` SetIconSize · BindIconSize	`UIIconSize?`	`null`	one-way	The leading icon size; left unset the glyph is as tall as the title beside it.
`Title` SetTitle · BindTitle	`string`	`null`	one-way	The label text drawn as the title; nothing renders when it is unset. translatable
`TitleColor` SetTitleColor · BindTitleColor	`UIThemeColor?`	`Default`	one-way	The primary text colour, which also colours the icon and the description unless either is overridden by `ITextModel.DescriptionColor` or `IconColor`.
`BadgeStyle` SetBadgeStyle · BindBadgeStyle	`UIBadgeType?`	`UIBadgeType.Info`	one-way	The badge visual variant.
`BadgeColor` SetBadgeColor · BindBadgeColor	`UIThemeColor?`	`null`	one-way	The badge's own colour, overriding `IBadgeModel.BadgeStyle` when set — a tag or a category swatch, which the closed style enum cannot name.
`BadgeIcon` SetBadgeIcon · BindBadgeIcon	`string`	`null`	one-way	The icon shown beside the badge text, by name from the registered icon font/set. translatable
`BadgeIconColor` SetBadgeIconColor · BindBadgeIconColor	`UIThemeColor?`	`Default`	one-way	The badge icon's colour, defaulting to `IBadgeModel.DefaultBadgeIconColor`.
`BadgeIconSize` SetBadgeIconSize · BindBadgeIconSize	`UIIconSize?`	`null`	one-way	The badge icon size. Left unset the glyph is as tall as the badge's own text.
`BadgeText` SetBadgeText · BindBadgeText	`string`	`null`	one-way	The short text drawn inside the badge, beside its icon. translatable
`BadgeTextType` SetBadgeTextType · BindBadgeTextType	`UITextAppearance?`	`Overline`	one-way	The badge text's role, defaulting to `IBadgeModel.DefaultBadgeTextType`.
`BadgeTooltip` SetBadgeTooltip · BindBadgeTooltip	`string`	`null`	one-way	The tooltip for the badge content. translatable
`BadgeTooltipPlacement` SetBadgeTooltipPlacement · BindBadgeTooltipPlacement	`UIPopupPlacement?`	`UIPopupPlacement.Top`	one-way	The side the badge's own tooltip prefers, placed against the badge rather than against the row.
`Tooltip` SetTooltip · BindTooltip	`string`	`null`	one-way	The tooltip shown on hover and on focus. On a button-shaped control with no title of its own — an icon button — it is also the name a screen reader gets. translatable
`TooltipPlacement` SetTooltipPlacement · BindTooltipPlacement	`UIPopupPlacement?`	`UIPopupPlacement.Top`	one-way	The side the tooltip prefers; flips to the opposite side when there is no room for it there.

Events

OnChange(string command): Registers a change event command.
OnChange(string command, params KeyValuePair<string, UIActionArgument>[] arguments): Registers a change event command with action arguments.
OnBlur(string command): Registers a blur event command.
OnBlur(string command, params KeyValuePair<string, UIActionArgument>[] arguments): Registers a blur event command with action arguments.

Methods

SetStepDays(int value): Sets the step increment to a whole number of days.
SetStepHours(int value): Sets the step increment to a whole number of hours.
SetStepMinutes(int value): Sets the step increment to a whole number of minutes.
SetStepSeconds(int value): Sets the step increment to a whole number of seconds.
SetRange(TimeOnly? min, TimeOnly? max): Sets the allowed value range.
ValidationInto(string componentId, UIProperty property): Sends this field's validation message to another component's property, leaving the field its edge colour alone.
Required(string message, UIValidationTrigger trigger = UIValidationTrigger.Change, UIValidationSeverity severity = UIValidationSeverity.Error): Adds a required-value validation rule.
Regex(string pattern, string message, UIValidationTrigger trigger = UIValidationTrigger.Change, UIValidationSeverity severity = UIValidationSeverity.Error): Adds a regular-expression validation rule.

Common properties (16) — layout, visibility, theme, and the rest every component shares

Property	Type	Default	Binding	Description
`Visibility` SetVisibility · BindVisibility	`UIResponsive<UIVisibility>?`	`Visible`	one-way	What the component does with the room it was given, optionally overridden per breakpoint (e.g. collapsed from a given width up).
`Enabled` SetEnabled · BindEnabled	`bool?`	`true`	one-way	Whether the component responds to input; false dims it and marks it, and its subtree, inert.
`Theme` SetTheme · BindTheme	`UIThemeMode?`	`null`	one-way	The theme mode forced on this component's subtree, or `null` to inherit the ambient theme.
`HorizontalAlignment` SetHorizontalAlignment · BindHorizontalAlignment	`UIAlignment?`	`UIAlignment.Stretch`	one-way	Where the component sits within its grid cell along the horizontal axis.
`VerticalAlignment` SetVerticalAlignment · BindVerticalAlignment	`UIAlignment?`	`UIAlignment.Stretch`	one-way	Where the component sits within its grid cell along the vertical axis.
`Width` SetWidth · BindWidth	`UIResponsive<UILayoutLength>?`	`null`	one-way	The component width, optionally overridden per breakpoint.
`MinWidth` SetMinWidth · BindMinWidth	`UIResponsive<UILayoutLength>?`	`null`	one-way	The component minimum width, optionally overridden per breakpoint.
`MaxWidth` SetMaxWidth · BindMaxWidth	`UIResponsive<UILayoutLength>?`	`null`	one-way	The component maximum width, optionally overridden per breakpoint.
`Height` SetHeight · BindHeight	`UIResponsive<UILayoutLength>?`	`null`	one-way	The component height, optionally overridden per breakpoint.
`MinHeight` SetMinHeight · BindMinHeight	`UIResponsive<UILayoutLength>?`	`null`	one-way	The component minimum height, optionally overridden per breakpoint.
`MaxHeight` SetMaxHeight · BindMaxHeight	`UIResponsive<UILayoutLength>?`	`null`	one-way	The component maximum height, optionally overridden per breakpoint.
`ZIndex` SetZIndex · BindZIndex	`int?`	`0`	one-way	The stacking order within the visual tree.
`Margin` SetMargin · BindMargin	`UIResponsive<UIThickness>?`	`null`	one-way	The outer spacing around the component, optionally overridden per breakpoint.
`Placement` SetPlacement · BindPlacement	`UIResponsive<UIGridPlacement>?`	`null`	one-way	The grid placement, optionally overridden per breakpoint.
`Loading` SetLoading · BindLoading	`bool?`	`false`	one-way	Whether the component is in loading state — a live state a controller turns on and off.
`ShowContextMenu` SetShowContextMenu · BindShowContextMenu	`bool?`	`true`	one-way	Whether a right-click opens the `IVisualComponent.ContextMenu`; on a host with rows, whether it opens any row's. Off, the menu stays in the tree and nothing opens it.