Telerik UI for Windows Phone by Progress

RadTimeSpanPicker resides in the Telerik.Windows.Controls.Input.dll assembly and you should reference it in your project to be able to use the control.

Adding RadTimeSpanPicker on your page

To add RadTimeSpanPicker instance on your page you should first create a namespace which references the Telerik.Windows.Controls.Input.dll assembly like shown in the XAML code snippet below:

CopyXAML
<phone:PhoneApplicationPage 
    x:Class="TimeSpanPickerTests.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:telerikInput="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="True">

</phone:PhoneApplicationPage>

Note the telerikInput namespace.

After adding a reference to the correct namespace you can instantiate the control on your page as shown below:

CopyXAML
<phone:PhoneApplicationPage 
    x:Class="TimeSpanPickerTests.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:telerikInput="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="True">

    <Grid x:Name="LayoutRoot" Background="Transparent">
        <telerikInput:RadTimeSpanPicker x:Name="radTimeSpanPicker"/>
    </Grid>

</phone:PhoneApplicationPage>

Running the application and tapping on the Time Span Picker will open a popup that contains selectable lists for hours, minutes and seconds:

Time Span Initial
Time Span Opened