# Date

## **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 Date widget is a user-friendly function designed to simplify the process of selecting a date. With its intuitive interface and customizable features, users can effortlessly choose a date for various applications, such as scheduling appointments, setting project deadlines, or organizing events. This widget streamlines date selection, making it a seamless and efficient experience for users, ensuring that they can easily and accurately input dates for their specific needs. Labii Date widget offers a convenient and efficient way to manage dates with precision.

## Use case

1. Use this widget to display date of an experiment.
2. Use this widget to display when sample is received.

## Configuration

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

* **Date Format** - Format the date to be displayed. Default to "`YYYY-MM-DD`". Learn more at <https://momentjscom.readthedocs.io/en/latest/moment/04-displaying/01-format/>

### Examples:

```json
# show the date in the format of YYYY-MM-DD.
{
    "format": "YYYY-MM-DD", # (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

Date 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 `YYYY-MM-DD`.

### **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 `YYYY-MM-DD`.
