Progress Telerik UI for ASP.NET Core

ASP.NET Core TimePicker

  • Use the Telerik UI for ASP.NET Core TimePicker to let users select a certain time from a dropdown list. Customize it by choosing a modern or classic view and by applying our of our professionally designed built-in themes.
  • This control is part of the Telerik UI for ASP.NET Core suite along with 100+ fully-featured UI components designed to speed up delivery & improve every aspect of your workflow.
  • Manage each project and plan dev time accordingly using the public product roadmap, regular releases, extensive learning resources and outstanding technical support team.
Telerik UI for ASP.NET Core Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Telerik UI for ASP.NET Core TimePicker allows users to select a certain time throughout the day. It can be implemented in many scenarios such as setting an alarm, booking and appointment or setting a reminder for an important meeting. You can choose a modern or classic appearance to fit your application’s style. The component supports keyboard navigation, RTL and is compliant with accessibility standards. 

    Check out the Telerik UI for ASP.NET Core TimePicker demo 
    Telerik UI for ASP.NET Core TimePicker Overview
  • Component type

    The TimePicker has two looks – modern and classic. The modern type allows users to adjust the hour, minute and select AM/PM from a popup with a sleek UI. The classic type renders a dropdown menu which users can scroll to find their desired timeslot. 

    See both component types in action
    Telerik UI for ASP.NET Core TimePicker - Component Type
  • Range Selection

    Adding two TimePicker controls to an application would allow users to set a time range by selecting a Start and End hour, specifying the duration of an event.  
    Telerik UI for ASP.NET Core TimePicker Range Selection
  • Date and Time Picker

    In case your project requires a component that can be more time specific, such as setting dentist appointments or booking a session with a tutor, you can implement the Telerik UI for ASP.NET Core DateTimePicker and specify the exact date and time using a single component. 
    Telerik UI for ASP.NET Core DateTimePicker - Basic Usage
  • Events

    The TimePicker fires various events triggered OnClick – some include Open, Close, Change value.  


    Telerik UI for ASP.NET MVC Events
  • Globalization

    The TimePicker supports Globalization features and is designed to work in different cultures and respond to their requirements for time formatting. You can define the culture through the kendo.culture() method. 

    Check out the ASP.NET Core TimePicker Globalization demo
    Telerik UI for ASP.NET Core Globalization Localization
  • RTL Support

    The TimePicker component supports right-to-left users, and you can easily adapt it for them by changing the alignment from left-to-right and right-to-left with only a few settings. 
    Telerik UI for ASP.NET Core
  • HTML and Tag Helpers

    Telerik UI for ASP.NET Core provides two ways to declare UI components – by using HTML or Tag helpers. You can choose between the two approaches based on technology background, developer preference and practice, and implement the TimePicker component in your applications. 
    Telerik TAG HTML Helpers
  • Accessibility

    The Telerik TimePicker is perfect for scenarios where accessibility is important for your application. The control complies with Section 508 and WCAG 2.1 guidelines, ensuring that individuals with disabilities can still view and interact with it. 
    Telerik UI for ASP.NET MVC Accessibility
  • Keyboard Navigation

    Out-of-the-box keyboard navigation is supported by the TimePicker component. It allows users to open and close the popup and select the desired time. To see a full list of keyboard controls and user actions visit this demo
    Telerik UI for ASP.NET Core Keyboard navigation
  • TimePicker Theming

    The ASP.NET Core TimePicker component has 20+ built-in themes and swatches. You can easily customize any of out-of-the-box themes with a few lines of CSS to match your customer’s design requirements, or you create new themes by using the Progress SASS ThemeBuilder application. 
Get Started Waves

Next Steps

Launch demos

See Telerik UI for ASP.NET Core in action and check out how much it can do out-of-the-box.

Compare pricing

Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.

Download Free Trial

Try Telerik UI for ASP.NET Core with dedicated technical support.