ASP.NET MVC TimePicker Overview

Telerik UI for ASP.NET MVC Ninja image

The TimePicker is part of Telerik UI for ASP.NET MVC, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The Telerik UI TimePicker HtmlHelper for ASP.NET MVC is a server-side wrapper for the Kendo UI TimePicker widget.

The TimePicker enables users to select time values from a predefined list or enter new ones.

Initializing the TimePicker

The following example demonstrates how to how to define the TimePicker.

    @(Html.Kendo().TimePicker()
        .Name("timepicker") // The name of the TimePicker is mandatory. It specifies the "id" attribute of the widget.
        .Value(DateTime.Now) // Set the value of the TimePicker.
    )

Functionality and Features

  • Selected time—The TimePicker allows you to render a pre-selected time and also define the minimum and maximum time it displays.
  • Focused time—The TimePicker allows you to define focused time when the pop-up is opened.
  • Formats—The TimePicker allows you to define its time formatting.
  • Validation—The TimePicker is designed to keep its input value unchanged even when the typed time is invalid.
  • Globalization—The globalization process combines the translation of component messages (localization) with adapting them to specific cultures.
  • Accessibility—The TimePicker is accessible by screen readers and provides WAI-ARIA, Section 508, WCAG 2.2, and keyboard support.

Next Steps

See Also

In this article