select

Calendar / TimePicker/First look

Rate this demo:
Feedback
Run example in: C# VB.NET Change Skin:
Vista
  • BlackBlack
  • DefaultDefault
  • ForestForest
  • HayHay
  • Office2007Office2007
  • OutlookOutlook
  • SimpleSimple
  • SitefinitySitefinity
  • SunsetSunset
  • TelerikTelerik
  • VistaVista
  • Web20Web20
  • WebBlueWebBlue
  • Windows7Windows7
Select time:
Configurator

 
Start time:
End time:
Interval:

Set tooltip:
Choose format for time input:


Choose format for TimeView:


Number of columns in TimeView:

Select popup expand direction: 		Select rendering direction:

Example Source Code & Description

Open in a new window

  • The RadTimePicker control is used to allow the user to select time and to display that time in the specified format and culture. You can limit the times that can be selected by setting the StartTime and EndTime properties. The Interval property allows the user to specify the interval between time slots available for selection. Moreover, you can:

    • Customize the display time format for the time input and TimeView popup
    •  Choose the number of columns displayed in the TimeView
    • Select popup expand direction and render direction for the TimeView
    • Show the popup when the input field is focused
    • Set custom tooltip for the time popup image, etc.

    If you want to allow the time value to be entered in the input field only (without using the RadTimePicker's popup), there is an option to hide the time popup image by setting the RadTimePickerInstance.TimePopupButton.Visible property.

Compatible with ASP.NET 2.0, 3.5 AJAX enabled Accessibility Verified!Valid XHTML 1.1! Optimized for Visual Studio 2005, 2008
Copyright 2002-2010 © Telerik. All right reserved  | 
Telerik Inc., 460 Totten Pond Rd, Suite 640, Waltham, MA 02451

www.telerik.com  |  Terms of Use  |  Contact Us