[Solved] Dynamic ClockItemsSource?

[Thomas]

I'm writing a control that allows users to choose a departure (think flights or trains...).

Since different days have different departure times, I'd like the (right-hand) time-of-day panel to show a different list of times, depending on the day chosen in the (left-hand) date picker panel.

I try doing this by changing the ClockItemsSource property whenever the selected day changes.

But no matter how I do this, I can't get the time-of-day panel to change (it keeps being empty)!

Here's my (simplified) XAML:

public partial class DeparturePicker : UserControl
{
    private readonly ObservableCollection<TimeSpan> clockItems = new ObservableCollection<TimeSpan>();
    public DeparturePicker()
    {
        InitializeComponent();

        DateTimepicker.ClockItemsSource = clockItems;
        DateTimepicker.SelectionChanged += new Telerik.Windows.Controls.SelectionChangedEventHandler(DateTimepicker_SelectionChanged);
    }

    private DateTime? selectedDeparture = null;
    void DateTimepicker_SelectionChanged(object sender, Telerik.Windows.Controls.SelectionChangedEventArgs e)
    {
        if (selectedDeparture == DateTimepicker.SelectedValue)
            return;
        selectedDeparture = DateTimepicker.SelectedValue;

        //DateTimepicker.ClockItemsSource = GetDeparturesOnDay(selectedDeparture);

        // OK, the above didn't work - let's try this:
        this.clockItems.Clear();
        foreach (var departure in GetDeparturesOnDay(selectedDeparture))
            this.clockItems.Add(departure);
    }

    private IEnumerable<TimeSpan> GetDeparturesOnDay(DateTime? day)
    {
        IEnumerable<TimeSpan> result =
            new ObservableCollection<TimeSpan>()
            {
                new TimeSpan(9,0,0),
                new TimeSpan(10,0,0),
                new TimeSpan(10,5,0),
                new TimeSpan(10,22,0),
                new TimeSpan(13,15,0)
            };
        return result;
    }
}

Here's my code-behind:

public partial class DeparturePicker : UserControl
{
    private readonly ObservableCollection<TimeSpan> clockItems = new ObservableCollection<TimeSpan>();
    public DeparturePicker()
    {
        InitializeComponent();

        DateTimepicker.ClockItemsSource = clockItems;
        DateTimepicker.SelectionChanged += new Telerik.Windows.Controls.SelectionChangedEventHandler(DateTimepicker_SelectionChanged);
    }

    private DateTime? selectedDeparture = null;
    void DateTimepicker_SelectionChanged(object sender, Telerik.Windows.Controls.SelectionChangedEventArgs e)
    {
        if (selectedDeparture == DateTimepicker.SelectedValue)
            return;
        selectedDeparture = DateTimepicker.SelectedValue;

        //DateTimepicker.ClockItemsSource = GetDeparturesOnDay(selectedDeparture);

        // OK, the above didn't work - let's try this:
        this.clockItems.Clear();
        foreach (var departure in GetDeparturesOnDay(selectedDeparture))
            this.clockItems.Add(departure);
    }

    private IEnumerable<TimeSpan> GetDeparturesOnDay(DateTime? day)
    {
        IEnumerable<TimeSpan> result =
            new ObservableCollection<TimeSpan>()
            {
                new TimeSpan(9,0,0),
                new TimeSpan(10,0,0),
                new TimeSpan(10,5,0),
                new TimeSpan(10,22,0),
                new TimeSpan(13,15,0)
            };
        return result;
    }
}

I'm hoping someone can point me in the right direction...

/Thomas

[Thomas]

Sorry, the XAML is here:

<UserControl x:Class="Dfds.InfoBridge.UI.Views.Controls.UnitTracking.DeparturePicker"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
    mc:Ignorable="d"
    d:DesignHeight="25" d:DesignWidth="100">

    <Grid x:Name="LayoutRoot" Background="White">
        <telerik:RadDateTimePicker x:Name="DateTimepicker"/>
    </Grid>
</UserControl>

[Thomas]

Hi Telerik,

Can you help me with this? Please let me know if my question is not clear...

[Boyan]

Hello,

I managed to reproduce the bad behavior. The RadDateTimePicker ClockItemsSource is changed but the layout is not updated. This is a bug in our control. I have logged the issue in our PITS and you can follow its progress here.

We will try to fix this ASAP in order for it to be included in Q1 which is due in the next few weeks.

Please, excuse us for the inconvenience. We have added points to your account for the report. Don't hesitate to contact us if you have other questions.

Regards,
Boyan
the Telerik team

[Marcel]

Any info on when this bug will be fixed since it was reported 7 months ago?

I'm encountering the same problem as the topic starter.

Some background info:
The reason I'm dynamically updating the ClockItemsSource is because I want to define the range of times the user can select.
Using StartTime and EndTime is NOT an option, since there seems to be a bug in that as well. If I use an EndTime that is smaller than the StartTime, which means the EndTime is the day after the StartTime, the control just displays the times for the entire day. What I want is to show the times from the StartTime untill the EndTime. Because of this behaviour I have to do it manually, however this bug shows up in it's place..

[Boyan]

Hi Marcel,

This bug is still pending and most probably will be scheduled for the service pack of Q3. However even with this working you will not be able to achieve the desired functionality as the Clock doesn't support showing hours from different dates. So when select 6th of September and then select 3:00 on the next day the selected date in the RadDateTimePicker will be 3:00 6th of September instead of 7th of September.

Greetings,
Boyan
the Telerik team