# Date

To configure the widget, you need to perform the following actions:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXctQJvklg2bXIXd0uO4HQ9iuKYpDx6RUnoJ-OFVN29XnCJ-XE3rCIkwk_mBcyDvI4xLVDjt7JFzD_6caMRKix2hMwZPPlb_7UyLsgZJr6fhE_D5gHrDp-skr5rf5PWnlwsWoocy?key=Q6wgKyyYYryOXHcsYsz8BRWt" alt=""><figcaption></figcaption></figure>

The Date widget displays a field for the User to input a date, allowing for hints and restrictions to ensure only valid values are entered.

To configure the element, click on the edit icon ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfVplDNU6sdbVPBPVhfXUkVU2iSsFguwHZcYbPJic73P_YE6gjA95UAiMmmp4S8yH8Gx0OI0eVkV0Slesu2ab8MiACatCdKmMdPqneDaGpGLDEMS_PFxYCuhdYh--3UWWzLfD24PQ?key=Q6wgKyyYYryOXHcsYsz8BRWt).

A pop-up window titled “Element Settings” will open:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfWhKYuC8Okcd2t_xm732vAZ61tKBI4LIeD_-igqDs4fpuzMdj7adMkukS81Y34DzvmqqYKQoWzUbYEqxnR78-UScT3nzIy9-dCINODqASM6HlTDpnyP-DkI7NMI2Izwc1GLHBF?key=Q6wgKyyYYryOXHcsYsz8BRWt" alt=""><figcaption></figcaption></figure>

### Fields for Widget Configuration

Fill in the necessary fields to configure the widget.

**“Required”** – a checkbox that is manually filled with the left mouse button. It is intended to color the field red if the User has not filled out this widget.

**“Visible Name”** – a text field that is manually filled in using the keyboard. It allows you to specify a name for the widget.

**“Parameter Name in Task”** – a text field that is manually filled in using the keyboard. This field displays the text corresponding to the value of the specified Parameter of the selected Task. The User can change this value in the text field, and after saving the form, the new value will be recorded in the specified Parameter of the selected Task. This means that by making changes in the text field, the User can update the information in the Task, simply by entering a new value and saving the changes.

**“Placeholder”** – a text field that is manually filled in using the keyboard. It allows you to specify a placeholder text that will be displayed in the input field until the user starts entering a value.

**“Class”** – a text field that is manually filled in using the keyboard. It allows you to specify a CSS class that will be applied to the element. This allows you to change the style of the widget, such as color, size, or font.

**“Regular Expression (Regexp)”** – a text field that is manually filled in using the keyboard. It allows you to specify a regular expression for input validation.

**“Validation Error Message”** – a text field that is manually filled in using the keyboard. It allows you to specify the text that will be displayed to the User if the entered value fails validation.

**“Hint”** – a text field that is manually filled in using the keyboard. It allows you to specify an additional hint that will help the user understand what needs to be entered.

**“Default Value”** – a text field that is manually filled in using the keyboard. It allows you to specify a value that will be displayed in the input field by default.

### **Example of Filling Out**

<table data-header-hidden><thead><tr><th width="217"></th><th></th></tr></thead><tbody><tr><td><strong>Field Name</strong></td><td><strong>Value</strong></td></tr><tr><td>Checkbox "Required"</td><td><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcomiFqkmY9KxTzHQwhYKBVloVICqjLdou2YAYkqw1nu75XX4v9YScuQQiSPeAomEgBbWdp8zQzXe7NP3OBR6g_nj0CIR0kPad1u6w_DcMSD-E4avgcdxSSigIHjiZfKr3lDRxuew?key=Q6wgKyyYYryOXHcsYsz8BRWt" alt=""></td></tr><tr><td>Visible Name</td><td>Select a date</td></tr><tr><td>Parameter Name in Task</td><td>event_date</td></tr><tr><td>Placeholder</td><td>DD.MM.YYYY</td></tr><tr><td>Class</td><td>input-date</td></tr><tr><td>Regular Expression (Regexp)</td><td><code>^(0[1-9]|[12][0-9]|3[01])\.(0[1-9]|1[0-2])\.(\d{4})$</code></td></tr><tr><td>Validation Error Message</td><td>Please select a date between 01.01.2023 and 31.12.2023.</td></tr><tr><td>Hint</td><td>Select an important date for your event.</td></tr><tr><td>Default Value</td><td>2023-06-01</td></tr></tbody></table>

Result:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXea1w1YEvFqwpUDdwFVuXemWRVLX_GYl8ZIFxZY7HW7WNViEREe4CYrQShHvLgjlkESybhMC54_C8miCrMq1KUZp7ECKPM7aSOaYpg4xEB_3OCUG4_m1pgJ8qD4gWpXzdHaJhHaVA?key=Q6wgKyyYYryOXHcsYsz8BRWt" alt=""><figcaption></figcaption></figure>

### **Example of Date Selection**

1. Selecting a date using the pop-up calendar. This allows the User to choose a date from an interactive graphical interface.\
   \
   The User can navigate between months and years using arrows or drop-down lists to select the desired month and year.\
   \
   By clicking on a specific date in the calendar, the user automatically fills the date input field with the selected value.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdvjP5Dr6AfjgB1JYXXaU9wM-SeQK-3UZihUNqUvRu0D9-UZ-cbg4G2mk_NM7mt0JSR93qedq3VpwIsguW0B7p5lhc6Zb8WIuBoqTddQv4slULnB0acM5ffCK5oT9l3429w1TE_?key=Q6wgKyyYYryOXHcsYsz8BRWt" alt=""><figcaption></figcaption></figure>

2. Selecting a date using manual input from the keyboard. The user clicks on the input field and starts typing the date in the specified format.\
   \
   When the cursor leaves the field or when attempting to submit the form, the system checks whether the entered date matches the regular expression or established rules.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sherparpa.ru/en/sherpa-rpa/sherpa-orchestrator/rabota-v-sherpa-orchestrator/ekrany/deistviya/dizainer-formy/date.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.