How to style timepicker
Styles from thematerial/timepicker
package can be customized using the timepicker-overrides
mixin. This mixin accepts a set of tokens that control how the components will look, either for the entire app or under a specific selector. For example: @use '@angular/material' as mat;
// Customize the entire app. Change :root to your selector if you want to scope the styles.
:root {
@include mat.timepicker-overrides((
container-background-color: orange,
));
}
Tokens supported by timepicker-overrides
Name | Type | Based on system token |
---|---|---|
container-shape | Base | None |
container-elevation-shadow | Base | None |
container-background-color | Color | --mat-sys-surface-container |