In this sample, the DateTimePicker has been configured with the dd-MMM-yy hh:mm a datetime format. To change this current datetime format, go to the properties panel at the right side and select a datetime format from the dropdown options. By using the timeFormat property to customize the displayed time value in a time popup list.

More Details...


Format sample illustrates the support of custom datetime format in the DateTimePicker component by using the format property. You can also change the date format by selecting it from the format options in the properties panel.