Я использую пакет, который предоставляет мне виджет календаря. (rc-календарь)
У меня нет доступа к датам, за исключением того, что каждая ячейка в таблице имеет заголовок (например: 12 февраля 2019 г.)
В определенные дни мне нужно настроить стили. Поэтому я пришел к такому решению
.rc-calendar-tbody td [title * = "2019"]> div: after {
content: "·";
display: none;
color: $ color-main-yellow;
position: absolute;
bottom: 0;
font-size: 30px;
top: 10px;
left: calc (50% + -5px);
}
Отлично, теперь осталось выяснить, какие именно дни нужно настроить.
У меня есть доступ ко всем календарным дням и моему массиву unix
И вот к чему я пришел
showDaysWithEvent = (date) => {
let day = moment (date) .format ('D');
let month = moment (date) .format ('MMMM');
let dot = `.rc-calendar-tbody td [title * = "${day}. ${month} "]> div: after {display: block}`;
if (moment (date) .unix () === 1548608654) {
console.info (dot);
}
};
Как применить эти стили, чтобы они мгновенно отображались в календаре?
Что делать с - пусть точка?
Прошу прощения - вместо этого rc-календарь



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


react-calendar обеспечивает настраиваемый стиль, но вам нужно импортировать его по-другому:
import Calendar from 'react-calendar/dist/entry.nostyle';