.datepicker-hidden {
    max-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
}

.datepicker-visible {
    max-height: 500px !important; /* Adjust as needed */
    opacity: 1 !important;
    visibility: visible;
    transition: max-height 0.3s ease-in, opacity 0.3s ease-in, visibility 0.3s ease-in;
}

.selected-date {
    background-color: dodgerblue;
    color: white;
    border-radius: 50%;
}