# Time

## **Specs**

<table><thead><tr><th width="320">Label</th><th>Value</th></tr></thead><tbody><tr><td><strong>Version</strong></td><td>0.1.0 (updated on 2022-02-24)</td></tr><tr><td><strong>Developer</strong></td><td>Labii Inc.</td></tr><tr><td><strong>Type</strong></td><td>Column</td></tr><tr><td><strong>Support Configuration</strong></td><td>Yes</td></tr><tr><td><strong>Support Readonly view</strong></td><td>Yes</td></tr><tr><td><strong>Support Edit view</strong></td><td>Yes</td></tr><tr><td><strong>Support Form view</strong></td><td>Yes</td></tr><tr><td><strong>Support Default value</strong></td><td>Yes</td></tr><tr><td><strong>Support Import</strong></td><td>Yes</td></tr><tr><td><strong>Allow multiple</strong></td><td>Yes</td></tr></tbody></table>

## Overview

The Labii Time widget is a user-centric tool designed for streamlined time selection, allowing users to effortlessly choose a specific time for a wide range of applications. With its user-friendly interface and customizable features, this widget simplifies the process of setting times for scheduling appointments, event planning, or any task requiring precise timing. Users can easily navigate and pick the desired time, ensuring accuracy and efficiency. Labii Time widget enhances the user experience by providing a convenient and intuitive way to manage time selections with precision.

## Use case

1. Use this widget to display the time to perform diabetes measurements.

## Configuration

The widget will function without additional setup, but you have the option to utilize the configuration for time format customization.

* **Time Format** - Format the time to be displayed. Default to "HH`:mm:ss`". Learn more at <https://momentjscom.readthedocs.io/en/latest/moment/04-displaying/01-format/>

### Examples:

```json
# show the date in the format of HH:mm.
{
    "format": "HH:mm", # (optional)
}
```

## Views

See the interface of the widget in the following views.

### **Readonly view**

Readonly view display the values of the column.

<figure><img src="https://github.com/Labii/labii-gitbook-docs/blob/gitbook/widgets/column-widgets/form/datetime/broken-reference" alt=""><figcaption></figcaption></figure>

### **Edit view**

The Edit view is the interface that allows you to modify the value.

<figure><img src="https://github.com/Labii/labii-gitbook-docs/blob/gitbook/widgets/column-widgets/form/datetime/broken-reference" alt=""><figcaption></figcaption></figure>

### **Form view**

The Form view is the field integrated into the add form for collecting values when creating a new record.

The Form view is same as the Edit view.

## Data

Each widget in Labii stores data in a unique manner; refer below to understand how data from this widget is stored.

### Data format

Time string.

### **Default value**

The Default Value field within the column allows you to specify the default value when a record is created.

Default value shall be the date in the format of `HH:mm:ss`.

### **Import value**

The Import Value is the value you need to include in your Excel table for it to be imported into Labii.

Import value shall be the date in the format of `HH:mm:ss`.
