I have the following datetimepicker:
<telerik:RadDateTimePicker ID="dtpkRequest" Runat="server" Culture="en-US" Width="200px"
OnSelectedDateChanged="dtpkRequest_SelectedDateChanged">
<TimeView CellSpacing="-1" TimeFormat="HH:mm"></TimeView>
<TimePopupButton ImageUrl="" HoverImageUrl=""></TimePopupButton>
<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False"
EnableWeekends="True" FastNavigationNextText="&lt;&lt;"></Calendar>
<DateInput DisplayDateFormat="MM/dd/yyyy HH:mm" DateFormat="M/d/yyyy" LabelWidth="40%">
<EmptyMessageStyle Resize="None"></EmptyMessageStyle>
<ReadOnlyStyle Resize="None"></ReadOnlyStyle>
<FocusedStyle Resize="None"></FocusedStyle>
<DisabledStyle Resize="None"></DisabledStyle>
<InvalidStyle Resize="None"></InvalidStyle>
<HoveredStyle Resize="None"></HoveredStyle>
<EnabledStyle Resize="None"></EnabledStyle>
</DateInput>
<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
</telerik:RadDateTimePicker>
On the page load, it displays the date and time in MM/dd/yyyy HH:mm format. However, once I set focus to the input area, it changes to MM/dd/yyyy hh:mm tt format. As soon as the control loses focus, it converts back to MM/dd/yyyy HH:mm format, so it is only when the input area has focus that the control displays the correct format. it does allow me to enter the time component in either 12- or 24-hour format.
How can I get it to display the time in 24-hour format on focus?
Thank you!