#datepicker-container {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 9999;
    padding: 5px;
}

.pd-calendar { border-collapse: collapse; width: 100%; text-align: center; }
.pd-calendar th { padding: 5px; background: #f0f0f0; }
.pd-calendar td { width: 30px; height: 30px; cursor: pointer; }
.pd-calendar td.pd-day:hover { background: #ddd; }

#datepicker-container .pd-nav {
    display: flex; justify-content: space-between; margin-bottom: 5px; font-weight: bold;
}
#datepicker-container .pd-nav button {
    cursor: pointer; background: #eee; border: 1px solid #ccc; padding: 2px 6px; font-weight: bold;
}