TimePicker breaking DataForm templates?

[CDK]

I started with this demo:   Live Demos\DataForm\Data-Binding\Client-Data-Source-Binding

 

The demo code is working well.

 

However, I run into a problem when I try to add a TimePicker or DateTimePicker to the EditItemTemplate or InsertItemTemplate,  as it is seems to be causing the ItemTemplate to not "hide".    Also,  the clock icon on the picker fails to display the popup with the list of times.

 

Pasting the following into the EditItemTemplate or InsertItemTemplate is causing it to break:

 

<div class="rdfRow">
    <telerik:RadTimePicker RenderMode="Lightweight" ID="temp" Width="100px" runat="server" dateinput-label="" DateInput-DateFormat="HH:mm" TimeView-TimeFormat="HH:mm"></telerik:RadTimePicker>
</div>

 

 

There are no problems however if I add the above control elsewhere in the page.    A DatePicker works fine.   

 

There are no console errors and this behaviour occurs in both Chrome and Edge.

[Rumen]

Hi Colter,

Thank you for reporting this bug!

Until we fix it in the source code, you can solve it on your side with the following solution:

<script>
    function OnPopupOpening(sender, args) {
        $telerik.$("#" + sender.get_id() + "_timeView").css("display", "");
    }
</script>
<telerik:RadTimePicker RenderMode="Lightweight" ID="temp" Width="100px" runat="server" dateinput-label="" DateInput-DateFormat="HH:mm" TimeView-TimeFormat="HH:mm">
    <ClientEvents OnPopupOpening="OnPopupOpening" />
</telerik:RadTimePicker>

Your Telerik points are also updated!

 

Regards,
Rumen
Progress Telerik