ComponentOne DateTimeEditors for WPF
TimeEditor Overview / C1TimeEditor Quick Start
In This Topic
    C1TimeEditor Quick Start
    In This Topic

    The following quick start guide is intended to get you up and running with the C1TimeEditor control. In this quick start, you'll start in Visual Studio to create a new project, add a C1TimeEditor control to your application, and customize the C1TimeEditor control.

    Create an Application with TimeEditor control

    1. In Visual Studio, select File | New | Project.
    2. In the New Project dialog box, select WPF Application.
    3. Enter a Name and Location for your project and click OK to create the new application.
    4. In the Toolbox, double-click the C1TimeEditor icon to add the C1TimeEditor control to the WPF application.

    You have completed the first step of the C1TimeEditor quick start. In this step, you created a project and added a C1TimeEditor control to it. In the next step, you'll customize the control.

    Customize the TimeEditor control

    To customize the C1TimeEditor control, set the following properties from the Properties window:

    Now that you've customized the application, you can run the project and observe the run time behaviors of the control. 

    Run the Application

    1. Press F5 (or Project | Run in Blend) to run the project. Observe that it loads with a time value of 5:00 p.m. and that the control only shows hours and minutes.

    2. Click the decrease time button  and observe that time value decreases by one hour to 4:00 p.m.

    3. Click and hold the increase time button so that the control will spin through values. Observe that the control waits one second between value changes. 

    Congratulations – you have completed the quick start. Now that you have finished the quick start, we recommend that you visit the Working with C1TimeEditor or C1TimeEditor Task-Based Help topics.