> For the complete documentation index, see [llms.txt](https://v1-6-0.pipui.ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://v1-6-0.pipui.ru/components/date-time-picker.md).

# Селекторы даты и времени

```html
<input type="text" data-datepicker>
<input type="text" value="10.11.2014 16:51:20" data-datetimepicker>
```

{% embed url="<https://codepen.io/pipui/pen/mdjRwWP>" %}
Пример работы кода выше
{% endembed %}

Инициализация селекторов происходит в поле ввода одним из двух атрибутов:\ <mark style="color:orange;">`data-datepicker`</mark> или <mark style="color:orange;">`data-datetimepicker`</mark>

Атрибут <mark style="color:orange;">`data-datepicker-autoclose="true"`</mark> используется для автоматического закрытия после выбора даты