# QuickStart

Let's create a simple and quick WPF application using Calendar UI.

## Content

The following quick start guide is intended to get you up and running with the Calendar control. In this quick start, you'll start with creating a new application, add the **Calendar** control to it, and display the calendar.

The image snapshot below is based on an application that displays the selected date in the Calendar control using a TextBox and Label.

**![Calendar control with a selectedd date](https://cdn.mescius.io/document-site-files/images/aa932af9-ea21-4e7f-9114-1f57bdf10e97/images/calendarview-quickstart.png)**

## Create a WPF Application and add References

1. Create a Windows Forms Application in Visual Studio.
2. In the **Solution Explorer**, right click **Dependencies** and select **Manage NuGet Packages**.
3. In **NuGet Package Manager**, select **nuget.org** as the **Package source**.
4. Search and select the following package and click **Install**.
    * **C1.WPF.Calendar**

## Configure the Calendar control

Drag and drop the Calendar control, TextBox and Label on the designer page, so that all the controls are arranged as in the image above. We have also added a Border around the Calendar control. The properties of all controls can be configured via the **Properties** window.

You can also add the XAML code directly between the grid tags as shown below:

```xml
<c1:C1Calendar Name="demoCalendar" HorizontalAlignment="Center"  VerticalAlignment="Top" />
         <Label Content="Selected Date:" HorizontalAlignment="Left" VerticalAlignment="Top" />
         <TextBox Text="{Binding ElementName=demoCalendar, Path=SelectedDate, StringFormat=d, UpdateSourceTrigger=PropertyChanged}" HorizontalAlignment="Left" VerticalAlignment="Top" />
         <Border BorderBrush="DimGray" HorizontalAlignment="Center" VerticalAlignment="Top" />
```

As you can observe from the code snippet, the **Text** property of TextBox control can be data-bound to the [SelectedDate](/componentone/api/wpf/online-calendar/dotnet-api/C1.WPF.Calendar/C1.WPF.Calendar.C1Calendar.SelectedDate.html) property of the Calendar control. So, when you select a date from the Calendar control, the currently selected date appears in the Textbox control.

We have also added a background color to the Calendar control, just to enhance the look of the application UI.

## Build and Run the Project

1. Click **Build \| Build Solution** to build the project.
2. Press **F5** to run the project.