Изменить стиль данного дня в ng-pick-datetime

Question

Я использую Angular Date Time Picker в моем интерфейсе.

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

Я не могу найти способ; кто-то может указать мне правильное направление? Или, может быть, даже порекомендовать другой способ сделать это.

Answer 1

Здесь вы можете изменить цвет -----> node_modules \ нг-подборщик DateTime \ активы \ стиль \ picker.min.css

для бывших

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range {
    background: rgba(255, 0, 0, 0.2);
}

.owl-dt-container-info .owl-dt-container-info-active {
    color: red;
}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
    color: rgba(255, 255, 255, .85);
    background-color: red;
}

изображение здесь

Answer 2

Отфильтруйте недоступные дни, тогда этот CSS должен сделать свое дело:

.owl-dt-calendar-cell-disabled {
  color: #ff0000;
}

Он в основном устанавливает цвет любой отключенной даты на красный.