SFTimePicker Set Initial Time

I am trying to use the SF Time Picker to show only 15-minute intervals. I followed the instructions here. However, it doesn't give the behavior that I would like. What I want is to only allow 0 15 30 & 45 in the minute field. What I get is if the current time is 3:01 it show me  1, 16, 31 & 46 in the minute field. So how do I set the initial time show without setting the value field in the time picker? 

Please help

-Paul

3 Replies

AI Anirudhan Iyyappan Syncfusion Team February 19, 2020 09:30 AM UTC

Hi Paul, 

Thanks for contacting Syncfusion. 

By default in SfTimePicker time starts with respect to system time. Using the "SelectedTime" Property, we can set the initial time as 00:00 and change the interval. Please check the sample below. If you need any further assistance please let us know. 

Screenshot :  

 


Regards, 
Anirudhan 

  



PA Paul March 5, 2020 09:39 PM UTC

Still having an issue.  The example that you provided wasn't for a time picker it was for a time selector. 

I have tried to do this by setting the selector style but I still only start with the current time. 

        <syncfusion:SfTimePicker AllowNull="True" ShowDropDownButton="True">
            <syncfusion:SfTimePicker.SelectorStyle>
                <Style TargetType="syncfusion:SfTimeSelector">
                    <Setter Property="SelectedTime" Value="12:00" />
                    <Setter Property="MinuteInterval" Value="15" />
                </Style>
            </syncfusion:SfTimePicker.SelectorStyle>
        </syncfusion:SfTimePicker>





Attachment: SfTimePicker_bcf56040.zip


DV Duraimurugan Vedagiri Syncfusion Team March 6, 2020 01:13 PM UTC

Hi Paul,

Thanks for your update.

At present SfTimePicker doesn’t have support for the reported requirement. So, could you please brief the use case for your requirement such as how the editing and arrow keys should be worked? It will be helpful for us, while implementing this as an enhancement.

Please let us know if you have any concerns.

Regards,
Durai



Loader.
Up arrow icon