antd DatePicker + React TS Нужна стилизация кастомных дат
Код ниже оставляет активными только кастомные даты. Эти даты видны по дефолту видны очень бледно, надо их выделить цветом.
// Разрешённые даты.
const allowedDates = Array.from(uniquePrefixes.values())
.map(date => dayjs(date, 'YYYY-DD-MM'));
// Запрещены все даты кроме allowedDates
function disabledDateFunc(current: Dayjs): boolean {
return current && !allowedDates.some(allowed => allowed.isSame(current, 'day'));
};
<DatePicker
onChange={selectDate}
disabledDate={disabledDateFunc}
className="custom-datepicker"
/>
Это делается через css для класса .custom-datepicker {}, но я что-то застрял.
.custom-datepicker
.ant-picker-cell-in-view.custom-datepicker
.ant-picker-cell-inner {
background-color: #27c456 !important;
}