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

Example of Time Format in ASP.NET MVC TimePicker Control

The TimePicker has been customized with 24-hour format with 60 minutes interval. Click/Touch the TimePicker popup icon to a select a time from 00:00 to 23:00 from the TimePicker popup.


TimePicker provides an option to customize the display format of the time value using the format property. It accepts standard & custom date and time format strings as specified in MSDN.

Here, the time value displayed in 24-hour format with 60 minute step interval. To know more about custom time formatting, refer the Parsing and formatting section. By default, TimePicker component is formatted with `en` (English) culture.

More information about the TimePicker and it's configuration can be found in the documentation section.