ComponentOne DateTimeEditors for WPF and Silverlight
Setting the Calendar Start and End Date
C1DatePicker Control Help > C1DatePicker Task-Based Help > Setting the Calendar Start and End Date

You can change the dates that appear in the drop-down calendar by setting the C1DatePicker.DisplayDateStart and C1DatePicker.DisplayDateEnd properties. In this topic, you will learn how to change the start and end dates in the designer, in XAML, and in code.

In the Designer

To change the dates that appear in the calendar, complete the following steps:

  1. Click the C1DatePicker control once to select it.
  2. In the Properties window, click the DisplayDateStart drop-down arrow and select a day from the list. For this example, select 2/5/2012.
  3. In the Properties window, click the DisplayDateEnd drop-down arrow and select a day from the list. For this example, select 2/25/2012.

In XAML

To specify the first and last day of the calendar, place DisplayDateStart="02/05/2012" and DisplayDateEnd="02/25/2012" within the <c1:C1DatePicker> tags so that the markup resembles the following:

XAML
Copy Code
<c1:C1DatePicker Name="C1DatePicker1" DisplayDateEnd="02/25/2012" DisplayDateStart="02/05/2012">

 

In Code

To change the dates that appear in the calendar, complete the following steps:

  1. Open the MainWindow.xaml.cs page.
  2. Place the following code beneath the InitializeComponent() method:

    Visual Basic
    Copy Code
    Dim dateStringStart As String = "02/05/2012"
    Dim dateStringEnd As String = "02/25/2012"
    
    C1DatePicker1.DisplayDateStart = DateTime.Parse(dateStringStart)
    C1DatePicker1.DisplayDateEnd = DateTime.Parse(dateStringEnd)
    

     

    C#
    Copy Code
    string dateStringStart = "02/05/2012";
    string dateStringEnd = "02/25/2012";
    
    C1DatePicker1.DisplayDateStart = DateTime.Parse(dateStringStart);
    C1DatePicker1.DisplayDateEnd = DateTime.Parse(dateStringEnd);
    

     

  3. Run the project.

This Topic Illustrates the Following:

In this topic, you set the DisplayDateStart and DisplayDateEnd properties to determine the dates that appear in the drop-down calendar. The final result will resemble the following image: