• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Mode Selection
Theme Selection
*Translated by Google Translator.
Essential Studio
All Controls

Example of Format in ASP.NET Core DateRangePicker Control

In this sample, the DateRangePicker 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 availbale options. For mobile mode touch the icon at the right side and select a date time format from the available options.


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

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