TimeEdit state layer

Variables to customize TimeEdit states (hover, focus, active)

$gbc-TimeEditWidget-hover-border-width

Border width for TimeEdit when hovered

Type: number

Default value: $mt-field-hover-border-width

Computed value: "1px"

$gbc-TimeEditWidget-hover-color

Border color for TimeEdit when hovered

Type: color

Default value: $mt-field-hover-border-color

Computed value: "rgba(24, 24, 24, 0.1)"

$gbc-TimeEditWidget-focus-border-width

Border width for TimeEdit when focused

Type: number

Default value: "$mt-field-focus-border-width - $mt-field-border-width-top"

Computed value: "1px"

$gbc-TimeEditWidget-focus-color

Border color for TimeEdit when focused

Type: color

Default value: $mt-field-focus-border-color

Computed value: "rgba(11, 121, 209, 0.9)"

$gbc-TimeEditWidget-active-border-width

Border width for TimeEdit when clicked

Type: number

Default value: $mt-field-active-border-width

Computed value: "1px"

$gbc-TimeEditWidget-active-color

Border color for TimeEdit when clicked

Type: color

Default value: $mt-field-active-border-color

Computed value: "rgba(11, 121, 209, 0.5)"