TimeSpan Picker DisplayStringFormat

[Hakob]

Hello, for the timeSpan Picker spinner I am using this "dd\\:hh\\:mm" format, after selecting I wanna show a different display format, how can I use DisplayStringFormat to show just Hours and Minutes, the form should be like this "hh: mm"?

[Didi]

Hi,

DisplayStringFormat should be set to: 

<telerikInput:RadTimeSpanPicker DisplayStringFormat="hh\:mm"/>

Regards,
Didi
Progress Telerik

[Hakob]

Thank you for the answer, but this way I lose the day's information, I want to keep all info and convert it to the Hours and minutes.

[Didi]

Hi,

The display string format just shows the desired format when the time interval was picked. The complete information about the time interval is inside the Time property. Please review the TimeSpanPicker documentation: https://docs.telerik.com/devtools/xamarin/controls/timespanpicker/timespan-picker-key-features#current-selected-time-interval 
What will be displayed in the spinners (when the popup is opened) is managed from the SpinnerFormat property. https://docs.telerik.com/devtools/xamarin/controls/timespanpicker/timespan-picker-format-string 

If you have any additional questions on this, please open a support ticket and attach a sample code to it. 

[Hakob]

To implement custom DisplayStringFormat I used Label and disabled Visibility for RadTimeSoanPicker. Instead of the Spinner opening process, I used Tapping on the Label, I used TapGestureRecognizer, and Toggle Command.Execute(Value)  for the Focus.

[Didi]

If you are using a DisplayTemplate then you have to set the text inside the template as follows:

<ControlTemplate x:Key="displayTemplate">
                <Button Text="{TemplateBinding DisplayString}" 
                        TextColor="White" 
                        BackgroundColor="#70B8FF"
                        HeightRequest="50"
                        Command="{TemplateBinding ToggleCommand}" />
            </ControlTemplate>

no matter whether it is a button or label, the text should be TemplateBinding to DisplayString

Then set the DisplayStyingFortmat to the TimeSpanPicker.

<telerikInput:RadTimeSpanPicker PlaceholderTemplate="{StaticResource placeholderTemplate}"
                                DisplayStringFormat="hh\:mm"
                                DisplayTemplate="{StaticResource displayTemplate}">
</telerikInput:RadTimeSpanPicker>

As I mentioned, if the behavior on your side is different, please open a support ticket and attach a sample project/code to it.

[Hakob]

Thank you so much.