Telerik UI for Windows 8 XAML

The TimeGridDateColumns is used to represent DateTime objects. It uses the RadTimePicker control to pick a value in EditMode.

Example

The following example shows how to generate DataGridTimeColumns manually:

XAML Copy imageCopy
<telerikGrid:RadDataGrid UserEditMode="Inline" ItemsSource="{Binding}" AutoGenerateColumns="False" Height="250" Width="400">
    <telerikGrid:RadDataGrid.Columns>
        <telerikGrid:DataGridTextColumn PropertyName="Lecture" Header="Lecture"/>
        <telerikGrid:DataGridTimeColumn PropertyName="Time" Header="Start"/>
    </telerikGrid:RadDataGrid.Columns>
</telerikGrid:RadDataGrid>
Time Column
Time Column Edit Mode

We have also used the PropertyName property to associate each column with the relevant property from our model.

Here's the data:

C# Copy imageCopy
this.DataContext = new List<Data>()
{
    new Data { Lecture = "Biology", Time = new DateTime(2012, 11, 11, 12, 0, 0)},
    new Data { Lecture = "Physics", Time = new DateTime(2012, 11, 11, 13, 0, 0)},
    new Data { Lecture = "Literature", Time = new DateTime(2012, 11, 11, 14, 0, 0)},
    new Data { Lecture = "Math", Time = new DateTime(2012, 11, 11, 15, 0, 0)}
};

Data is our custom class:

C# Copy imageCopy
public class Data
{
    public string Lecture { get; set; }
    public DateTime Time { get; set; }
}