This topic will walk you through creating a C1DateSelector control and applying some basic styling to the control via code.

Follow these steps:

1. Open MainPage.xaml if it isn't already open and locate the <Grid> </Grid> tag set. Edit the markup so that it resembles the following markup:

XAML	Copy Code
<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}" x:Name="LayoutRoot"> </Grid>

2. Right-click your page and select View Code from the list to switch to code view.

3. Add the following namespaces to your application:

C#	Copy Code
using C1.Xaml;

Visual Basic	Copy Code
Imports C1.Xaml

4. Insert the following constructor just below the InitializeComponent() method:

C#	Copy Code
C1DateSelector c1dateselect1 = new C1DateSelector();

Visual Basic	Copy Code
Dim c1dateselect1 As C1DateSelector = New C1DateSelector

5. Add the following code inside the constructor to control the width and height of the C1DateSelector:

C#	Copy Code
c1dateselect1.Height = 55; c1dateselect1.Width = 350;

Visual Basic	Copy Code
c1dateselect1.Height = 55 c1dateselect1.Width = 350

6. Insert the final line of code to display the C1DateSelector:

C#	Copy Code
LayoutRoot.Children.Add(c1dateselect1);

Visual Basic	Copy Code
LayoutRoot.Children.Add(c1dateselect1)

7. Run your application. The C1DateSelector control should resemble the following image: