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 110+ 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.
-
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.
-
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.
-
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.
-
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.
Next Steps
See Telerik UI for ASP.NET Core in action and check out how much it can do out-of-the-box.
Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.
Try Telerik UI for ASP.NET Core with dedicated technical support.