Hide disabled dates

Is it possible to hide those calendar options that the user cannot select?

Hi Wilson :waving_hand:

I tried replicating your question and indeed we can’t hide those dates.

You could try playing around with custom css, for what I have seen the disabled elements have this selector: .dp__overlay_cell_disabled

Hope this helps.

Yes, when I put this CSS below on page load with execution by time, it removes these buttons from the interface, but it keeps executing, I tried to use the component’s CSS field, but I couldn’t make it work, only on page load. How could I use it in the component’s CSS? Could you help me?

(function() {
setInterval(function() {
document.querySelectorAll(‘.dp__overlay_cell_disabled’).forEach(el => {
el.style.display = ‘none’;
});
}, 500);
})();