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

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