## Выбор даты

Интерфейс выбора даты позволяет установить **дату** или **диапазон дат**.

![Интерфейс выбора даты](images/Selection_Date_Range.png)

| № | Элемент | Описание |
|---|---------|----------|
| **1** | Левая панель | Календарь для выбора начальной даты |
| **2** | Правая панель | Календарь для выбора конечной даты |
| **3** | Индикатор выбранного месяца | Отображение текущего месяца в панели |
| **4** | Индикатор выбранного года | Отображение текущего года в панели |
| **5** | Выбор месяца или года | Навигация по месяцам |
| **6** | Начальная дата диапазона | Стартовая дата выбранного периода |
| **7** | Конечная дата диапазона | Конечная дата выбранного периода |
| **8** | Выбранный диапазон | Визуальное выделение периода |
| **9** | Отмена (**Cancel**) | Отмена выбора, выход из календаря |
| **10** | Текущая дата | Выделение сегодняшней даты |
| **11** | Применить (**Apply**) | Применить выбор |
| **12** | Очистить (**Clear**) | Сброс выбора |
| **13** | Выбранный диапазон |  |

### Процедура выбора даты
#### Выбор даты
1. **Выбрать месяц** в соответствующей панели
2. **Двойной щелчок** левой кнопки манипулятора по дате
   - Для сенсорного экрана: **двойное касание**
3. Дата будет **выделена фоном** с закругленными углами

#### Выбор диапазона дат
1. В **левой панели** выбрать **начальную дату** диапазона
2. В **правой панели** выбрать **конечную дату** диапазона
3. Выбранный интервал будет **выделен**
4. **Подтвердить** выбор диапазона кнопкой **"Применить" (Apply)**

### Управление выбором
- **Кнопка "Применить" (Apply)** — подтверждает выбранный диапазон
- **Кнопка "Очистить" (Clear)** — сбрасывает выделение
- Нажать для **выбора месяца** ![](images/Select_Mounth.png)
- Нажать для **выбора года** ![](images/Select_Year.png)

```{note}
Для выбора диапазона дат используйте левую панель для начальной даты и правую панель для конечной даты. Выбранный период будет визуально выделен.
```

```{note}
Выбор диапазона дат в пределах одного месяца возможен на любой панели
```