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

Example of TimePickerFor in ASP.NET Core TimePicker Control

Click/Touch the submit button to post the selected value in the TimePicker. When posting the null value, validation error message will be shown below the TimePicker.

DEMO
SOURCE

This sample demonstrates the strongly typed extension support in TimePicker. Value is set as model object to the TimePicker from the code behind, and its set to TimePicker in view page by invoking the strongly typed TimePickerFor helper with the lamba expression.

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