> For the complete documentation index, see [llms.txt](https://docs.work-relay.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.work-relay.com/forms/form-components/fields/date.md).

# Date

Date component allows working with a particular date.

## Working with component

[Managing components](https://neostella.gitbook.io/work-relay-documentation/K6d8zoAI1M2x24Qd4SS2/forms/form-components/working-with-form-components#managing-components)

## Component properties

[Components basic properties](https://neostella.gitbook.io/work-relay-documentation/K6d8zoAI1M2x24Qd4SS2/forms/form-components/components-basic-properties)

Virtual input field component properties:

![](/files/fb8ec025a6ee4d8300490ac00ff1603b89400dfe)

* Default Value (1) - provide default value if needed. It can be actual date/time picked from calendar (2) or merge field pasted from clipboard(3):

![](/files/12bf704ad6d244624e2c9941da6bc20a20c500d2)

![](/files/df251439574beb78eb5123ccb45eec17399487e8)

{% hint style="info" %}
You're not allowed to type text manually into Date input Default Value field.
{% endhint %}

## Validation rules

[Date field validation rules](https://neostella.gitbook.io/work-relay-documentation/K6d8zoAI1M2x24Qd4SS2/forms/form-components/components-validation-rules#date-field)

## Events

[Form input events](https://neostella.gitbook.io/work-relay-documentation/K6d8zoAI1M2x24Qd4SS2/forms/form-building/events)

## Conditional styles

[Form components conditional styling](https://neostella.gitbook.io/work-relay-documentation/K6d8zoAI1M2x24Qd4SS2/forms/basics/conditional-styles)

This component has following conditional styles available:

* hide
* show
* required
* disable
* clear