Progress Telerik UI for ASP.NET Core

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
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
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.

See Demo
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.
Events

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

See the Telerik UI for ASP.NET Core TimePicker events demo
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
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.

See Demo
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.
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.
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.
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.