# Ввод дат

Используйте эту страницу, когда продукт хранит даты, диапазоны или временные метки и главный выбор — между вводом в поле и выбором в календаре.

## Быстрые правила выбора

- Используйте [DateField](https://vega-ui.dev/ru/components/date-field/) для одной даты в поле формы.
- Используйте [DateRangeField](https://vega-ui.dev/ru/components/date-range-field/), когда один элемент управления отвечает за начальную и конечную даты.
- Используйте [DateTimeField](https://vega-ui.dev/ru/components/date-time-field/), когда хранимое значение — одна временная метка.
- Используйте [TimeField](https://vega-ui.dev/ru/components/time-field/) для значений только со временем.
- Используйте [Calendar](https://vega-ui.dev/ru/components/calendar/), когда интерфейс должен быть явно построен вокруг календаря.

## По форме данных

- Одна дата: [DateField](https://vega-ui.dev/ru/components/date-field/)
- Пара из начальной и конечной даты: [DateRangeField](https://vega-ui.dev/ru/components/date-range-field/)
- Одна временная метка: [DateTimeField](https://vega-ui.dev/ru/components/date-time-field/)
- Только время: [TimeField](https://vega-ui.dev/ru/components/time-field/)
- Визуальный просмотр и выбор дат: [Calendar](https://vega-ui.dev/ru/components/calendar/)

## Частые ошибки классификации

- Не разделяйте одну временную метку на отдельные поля даты и времени, если сценарий действительно не работает с ними независимо.
- Не используйте [Calendar](https://vega-ui.dev/ru/components/calendar/), когда интерфейсу на самом деле нужно компактное поле в строке формы.
- Не используйте [DateField](https://vega-ui.dev/ru/components/date-field/) для связанного понятия диапазона.
- Не используйте [TimeField](https://vega-ui.dev/ru/components/time-field/), когда хранимое значение на самом деле — дата и время.

## С чего начать

- Фильтры и формы настроек: [DateField](https://vega-ui.dev/ru/components/date-field/), [DateRangeField](https://vega-ui.dev/ru/components/date-range-field/)
- Сценарии планирования или бронирования: [DateTimeField](https://vega-ui.dev/ru/components/date-time-field/), [DateRangeField](https://vega-ui.dev/ru/components/date-range-field/)
- Постоянно видимый визуальный выбор: [Calendar](https://vega-ui.dev/ru/components/calendar/)
- Негригорианские календари, локаль и контракт значения даты в ISO: [Даты и календарные системы](https://vega-ui.dev/ru/docs/i18n/)