У меня есть настраиваемый период выбора в приложении React. Когда я выбираю в нем две даты, окно выбора закрывается, а таблица данных обновляется. Эти две даты хранятся в таком состоянии: const [start, end] = useState(null);
Мне нужно сделать следующее: когда была выбрана первая дата периода (start
), пользователь перемещает курсор на другую дату в DatePicker. Если курсор находится на другой дате (не нажат), все даты от начала до даты наведения должны быть затенены в фоновом режиме.
Я добавляю стиль CSS для одной закрытой даты:
&:hover {
background-color: gray;
}
Как мне сделать это для всего периода?
Например: я выбираю 6 мая в качестве начала периода и нахожу указатель мыши на 9 мая. Все даты в периоде ( 6, 7, 8, 9 мая) должен быть серым