[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
   Reporting
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Printing-Exporting
  [Collapse]Data Editors
    Included Components
   [Expand]Implementation Details
   [Expand]Getting Started
   [Collapse]Editor Types
     AutoSuggestEdit
     BarCodeEdit
     BrushEdit
     ButtonEdit
     Calculator
     CheckEdit
     ColorEdit
     ComboBoxEdit
     DateNavigator
     DateEdit
     DropDownButton
     FlyoutControl
     FontEdit
     HyperlinkEdit
     ImageEdit
     ListBoxEdit
     LookUpEdit
     MemoEdit
     PasswordBoxEdit
     PopupBrushEdit
     PopupCalcEdit
     PopupColorEdit
     PopupImageEdit
     ProgressBarEdit
     RangeControl
     RatingEdit
     SparklineEdit
     SpinEdit
     SimpleButton
     SplitButton
     TextEdit
     TimePicker
     ToggleSwitch
     Token Editors
     TrackBarEdit
   [Expand]Common Features
   [Expand]Range Control
   [Expand]Visual Elements
   [Expand]End-User Capabilities
   [Expand]Examples
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

TimePicker

Expanded Overview

The TimePicker editor consists of a clock face and a time edit box.

Use the TimePicker.DateTime property to get or set a TimePicker value.

When the TimePicker.DateTime property value changes, the TimePicker.DateTimeChanged event occurs.

You can use the TimePicker.MinValue and TimePicker.MaxValue properties to set a range of allowed values that end users can select.

Integrate to DateEdit

You can integrate the TimePicker editor in the DateEdit (see DateEdit)'s popup:

  • DateEdit with TimePicker and Calendar

    Pass the DateEditNavigatorWithTimePickerStyleSettings object to the DateEdit's BaseEdit.StyleSettings property.

  • DateEdit with TimePicker

    Pass the DateEditTimePickerStyleSettings (see DateEditTimePickerStyleSettings) object to the DateEdit's BaseEdit.StyleSettings property.

Is this topic helpful?​​​​​​​