Basic usage

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • EDIT IN TELERIK REPL
  • Change Theme
    default

    Themes & Swatches

    SASS
    LESS
    Launch Theme Builder
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Main Dark
    • Nordic
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Main Dark
    • Opal
    • Silver
HtmlHelper
TagHelper
Files:
index.cshtml
IndexController.cs
Index_TagHelper.cshtml

Also available for:

CLIENT-SIDE API SERVER-SIDE API
devcraft ninja image

The TimePicker component is part of Telerik UI for ASP.NET Core, 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.

Download Free Trial

Description

The Telerik UI TimePicker for ASP.NET Core allows you to select predefined time values from a list or enter new values yourself. It combines time editing functionality with an animated dropdown list, which in its modern rendering includes separate parts for the time dimension: hours, minutes, seconds, AM/PM.

Key Features

  • Support for various formats – define the time formatting
  • Validation – validation of the input value
  • Component types – two modes for rendering the appearance of the component – classic and modern
  • Range selection – define time range with minimum and maximum time allowed
  • Globalization – translation and adaptation of messages to specific cultures
  • RTL – support for right-to-left languages
  • Accessibility – screen readers and keyboard support
    • This TimePicker example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core components and their features in action. View the source code of each of them or directly adapt and edit them, including their theme appearance, in Telerik REPL for ASP.NET Core.

    Support & Learning Resources

    Additional Resources