How to replace Analog clock with TimeSelector in DateTimeEdit

This article describes about how to replace Analog clock with SfTimeSelector in DateTimeEdit control. SfTimeSelector will provide friendly environment compare to analog clock to select time from DateTimeEdit. It can be achieved by customizing the template of DateTimeEdit. Find the code example which demonstrate replacing analog clock with SfTimeSelector.

DateTimeEdit Style:

MainWindow.xaml:

TimeSelectorExtension.cs:

MainWindow.cs:

DateTimeEdit with analog clock:

DateTimeEdit with TimeSelector:

DateTimeEdit style: http://www.syncfusion.com/downloads/support/directtrac/general/txt/DateTimeEditStyle-1175675712.txt

Sample link: http://www.syncfusion.com/downloads/support/directtrac/general/ze/DateTimeEdit_with_TimeSelector-1915051842.zip