Как изменить цвет невыбранной даты в Flatpickr ⇐ CSS

[Anonymous]

Я использую Flatpickr в своем проекте. Мой сценарий заключается в том, что у меня есть средство выбора даты диапазона, которое использует FlatPickr. После того, как я выбираю диапазон дат, у меня появляется еще один инструмент выбора дат, в котором все выбранные даты выбираются и становятся зелеными. Теперь, когда я хочу отменить выбор даты из выбранных дат, дата должна стать красной. Если я выберу невыделенный, он снова станет зеленым.





Вот HTML-код для выбора даты:

Рабочий календарь
{{-- --}}
Даты открытия и закрытия
{{-- --}}
Вот код JavaScript:

document.addEventListener("DOMContentLoaded", function () { var dateRangePicker = document.getElementById("dateRangePicker"); var dateRangePicker2 = document.getElementById("dateRangePicker2"); var Picker = FlatPickr(dateRangePicker, { режим: «диапазон», dateFormat: "д-м-Г", onChange: функция (selectedDates) { updateMultiDatePicker (выбранные даты); }, }); var Picker2 = FlatPickr(dateRangePicker2, { режим: «множественный», dateFormat: "Г-м-д", открыто: правда, встроенный: правда, разрешитьИнпут: правда, onChange: функция (selectedDates) { updateDeselectedDates (selectedDates); }, }); функция updateMultiDatePicker(selectedDates) { const allDates = document.querySelectorAll("#dateRangePicker2 .flatpickr-day"); allDates.forEach(function (el) { el.classList.add("блабла"); }); // console.log(allDates) если (selectedDates.length === 2) { вар startDate = selectedDates[0]; вар endDate = selectedDates[1]; вар dateToUpdate = []; вар currentDate = новая дата (startDate); while (currentDate