• Material
  • Fabric
  • Bootstrap
  • High Contrast
Theme Selection
Mode Selection


In this sample, the DateTimePicker has been configured with the dd-MMM-yy hh:mm a date format. To change this current date format, go to the properties panel at the right side and select a date format from the dropdown options.


Date Formats sample illustrates the support of custom date 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. By using the timeFormat property to format the displayed time value in the popup list.

More information on the date format configuration can be found in the documentation section.