---
path: components/timepicker/code
title: Styles
position: 3
seo_title: Configuring the Appearance of the TimePicker Component
seo_description: Gain full control over the appearance of the Telerik and Kendo
  UI TimePicker component by utilizing the Sass variables that configure its
  styling.
---
## Sass Variables

The Telerik and Kendo UI TimePicker is a composite UI component that consists of Textbox, Button, Calendar, and Popup components. To configure and customize the appearance of the TimePicker, modify the Sass variables provided by the [TextBox](/components/textbox/styles/), [Button](/components/button/styles/), and [Calendar](/components/calendar/styles/) components, as well as the [Popup](/components/popup/styles/) Sass variables.