> 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/datetime.md).

# Datetime

The date/time component allows working with a particular day and time, such as a timestamp.

## 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/1b9775b15c7db425222ad77a394104ff0f3776cb)

* 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/3c83160a818b7af2e911b4765013d52225a30c34)

![](/files/0c7c9dae2ee984a0aa22e5fa1abb703e1b4e1f8b)

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

## Validation rules

[DateTime field validation rules](https://neostella.gitbook.io/work-relay-documentation/K6d8zoAI1M2x24Qd4SS2/forms/form-components/components-validation-rules#datetime-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

{% hint style="info" %}
Some system fields of this type (e.g., Created Date) can't be modified directly and have only "Show" and "Hide" conditional styles.
{% endhint %}