New to Telerik UI for ASP.NET Core? Download free 30-day trial

Component Type

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
HtmlHelper
TagHelper
Files:
component_type.cshtml
Component_TypeController.cs
Component_Type_TagHelper.cshtml

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

As of R2 2020, the ASP.NET Core TimePicker introduces updates to the rendering and a new appearance of the component. Switching to the fresh look and feel of the component is as simple as setting the ComponentType property to modern.

The DropDownList below the picker allows to switch between the component types on the fly and observe the differences of the modern and classic appearances.

The TimePicker is initialized with the classic render mode by default, displaying the times in a single dropdown. The component type can be configured with the .ComponentType("classic") option by switching the type from classic to modern, allowing you to display the time dimensions in separate dropdowns.

Support & Learning Resources