# Time Picker

This topic covers time picker item in C1Ribbon.

## Content

The Time Picker works like a numeric box with increment and decrement buttons. It enables the user to choose a specific time or enter a specific time in the numeric box.

![Timepicker](https://cdn.mescius.io/document-site-files/images/5560dc72-88a5-4eeb-a384-981194dfc831/images/timepicker.gif)

### Adding Time Picker at Design-Time

The **Ribbon TimePicker** can be added at design-time using the **Ribbon Group Floating Toolbar** or **RibbonGroup Items Collection Editor**. Also, you can customize the look of the **Ribbon TimePicker** using the **Ribbon** **TimePicker** **Floating ToolBar** or by editing the properties in the **Properties** Window. For more information about floating toolbars, refer this [topic](/componentone/docs/win/online-ribbon/concepts/designtimesupport/floatingtoolbar).

The image below depicts the floating toolbar of Ribbon TextBox.

![Floating toolbar](https://cdn.mescius.io/document-site-files/images/5560dc72-88a5-4eeb-a384-981194dfc831/images/tp_ft.png)

### Adding Time Picker through Code

A TimePicker can also be added to the C1Ribbon control through the code using the <span data-popup-content="This class is available in \u003ca href=\u0022/componentone/docs/win/online-ribbon/\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/docs/win/online-ribbon/\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="RibbonTimePicker" data-popup-theme="ui-tooltip-green qtip-green">RibbonTimePicker</span> class. This is depicted in the code below:

```vbnet
' Add TimePicker
Dim timePicker As RibbonTimePicker = New RibbonTimePicker()
timePicker.Label = "Select Time:"
formatGroup.Items.Add(timePicker)
```

```csharp
// Add TimePicker
RibbonTimePicker timePicker = new RibbonTimePicker();
timePicker.Label = "Select Time:";
formatGroup.Items.Add(timePicker);
```