In this sample, the DateTimePicker has been configured with the
dd-MMM-yy hh:mm a date time format.
To change this current date time format, go to the properties panel at the right side and select a date format from the dropdown options.
For mobile mode touch the icon at the right side and select a date time format from the dropdown options.
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. Furthermore, this example showcases the flexible date value parsing functionality available in DateTimePicker component. By utilizing the inputFormats property, users can enter dates in various formats, which will be automatically parsed and formatted according to the chosen date format.