Class TwTimePickerTheme

Namespace

TwBlazor.Configuration.Components

Assembly

TwBlazor.dll

Theme configuration for the time picker components (TwTimePicker, TwTimePickerBody). Override any property to customize time picker styles globally.

[ExcludeFromCodeCoverage]
public class TwTimePickerTheme

Inheritance

object

TwTimePickerTheme

Inherited Members

object.GetType()

object.MemberwiseClone()

object.ToString()

object.Equals(object)

object.Equals(object, object)

object.ReferenceEquals(object, object)

object.GetHashCode()

Constructors

TwTimePickerTheme()

public TwTimePickerTheme()

Properties

AmPmButtonClass

Gets or sets the typography classes applied to the AM/PM toggle TwButton.

public required string AmPmButtonClass { get; set; }

Property Value

string

AmPmWrapper

Gets or sets the classes for the AM/PM toggle button's wrapper.

public required string AmPmWrapper { get; set; }

Property Value

string

BodyInner

Gets or sets the classes for the time picker body's inner content wrapper.

public required string BodyInner { get; set; }

Property Value

string

BodyRoot

Gets or sets the base classes for the time picker body's own outer container.

public required string BodyRoot { get; set; }

Property Value

string

BodySurface

Gets or sets the padding/typography classes for the popover panel's surface, used by the single TwTimePicker - background/border/rounded/shadow come from the shared TwOverlayTheme.

public required string BodySurface { get; set; }

Property Value

string

Column

Gets or sets the classes for each hour/minute column (stepper buttons and number input).

public required string Column { get; set; }

Property Value

string

ContentRow

Gets or sets the classes for the row laying out the hour, minute, and AM/PM controls.

public required string ContentRow { get; set; }

Property Value

string

IconGlyph

Gets or sets the classes for the clock glyph itself.

public required string IconGlyph { get; set; }

Property Value

string

IconWrapper

Gets or sets the classes for the clock icon's clickable wrapper within the trigger text field.

public required string IconWrapper { get; set; }

Property Value

string

NativeInputAppearance

Gets or sets the classes suppressing native browser chrome on the trigger field when the device's native time picker is active.

public required string NativeInputAppearance { get; set; }

Property Value

string

NumberInput

Gets or sets the structural/typography classes for the hour/minute number inputs (sizing, alignment, font weight, text color, transitions). Excludes border, background, and rounding - those come from InputVariantBuilder so the inputs follow the same Default/Outlined/Filled variant as every other text input - and excludes hover/focus border and ring colors, which are resolved dynamically from the shared theme color tokens.

public required string NumberInput { get; set; }

Property Value

string

NumberWrapper

Gets or sets the classes for the wrapper around each hour/minute number input.

public required string NumberWrapper { get; set; }

Property Value

string

PanelWrapper

Gets or sets the positioning classes for the popover panel's wrapper, anchoring it beneath the trigger. Background/border/rounded/shadow/sizing are no longer baked in here - they come from the shared TwOverlayTheme via PopoverBuilder, applied to the panel's own surface element (BodySurface for the single picker, TimeRangePopoverSize for TwTimeRangePicker) instead of this wrapper.

public required string PanelWrapper { get; set; }

Property Value

string

PickerRoot

Gets or sets the base classes for the picker's outer wrapper, positioning the trigger icon, text field, and popover panel.

public required string PickerRoot { get; set; }

Property Value

string

RangeStageTabInactive

Gets or sets the text color for an inactive Start/End step tab.

public required string RangeStageTabInactive { get; set; }

Property Value

string

RangeStageTabsContainer

Gets or sets the classes for the Start/End step tab row shown in TwTimeRangePicker's popover.

public required string RangeStageTabsContainer { get; set; }

Property Value

string

Separator

Gets or sets the classes for the ":" separator between the hour and minute columns.

public required string Separator { get; set; }

Property Value

string

StageTabBase

Gets or sets the base classes for a Start/End step tab button.

public required string StageTabBase { get; set; }

Property Value

string

StepButton

Gets or sets the classes for the increment/decrement stepper buttons.

public required string StepButton { get; set; }

Property Value

string

TextfieldPadding

Gets or sets the padding classes for the trigger text field, leaving room for the clock icon.

public required string TextfieldPadding { get; set; }

Property Value

string