The C1TimeEditor control comes equipped with a light blue default theme, but you can also apply other themes (see C1TimeEditor Theming) to the control. In this topic, you will change the C1TimeEditor control's theme to C1ThemeRainierOrange.

Complete the following steps:

1. Open the .xaml page in Visual Studio.
2. Place your cursor between the <Grid></Grid> tags.
3. In the Toolbox, double-click the C1ThemeRainierOrange icon to declare the theme. Its tags will appear as follows:

   <my:C1ThemeRainierOrange></my:C1ThemeRainierOrange>
   

4. Place your cursor between the <my:C1ThemeRainierOrange> and </my:C1ThemeRainierOrange> tags.
5. In the Toolbox, double-click the C1TimeEditor icon to add the control to the project. Its tags will appear as children of the <my:C1ThemeRainierOrange> tags, causing the markup to resemble the following:

   XAML	Copy Code
   <my:C1ThemeRainierOrange> <c1datetime:C1TimeEditor></c1datetime:C1TimeEditor> </my:C1ThemeRainierOrange>

6. Run your project. The following image depicts a C1TimeEditor control with the C1ThemeRainierOrange theme.