.ui-selectmenu-button.ui-button {
    margin: 0;
    padding: 6px 5px;
    background-color: var(--surface-0);
    border: 1px solid var(--surface-400);
    border-radius: 6px;
    text-align: left;
    white-space: nowrap;
}

.ui-selectmenu-button.ui-button:hover {
    border: 1px solid var(--primary-300);
}

.ui-selectmenu-button.ui-button:focus-visible {
    outline: 0;
}

.ui-selectmenu-button.ui-button:active {
    border: 1px solid var(--primary-500);
}

.ui-menu.ui-widget.ui-widget-content {
    background-color: var(--surface-0);
    border: 1px solid var(--surface-400);
    box-shadow: none;
    max-height: 350px;
}

.ui-menu .ui-menu-item .ui-state-focus,
.ui-menu .ui-menu-item .ui-state-active {
    margin: 0;
    background-color: var(--primary-500);
    border: 0;
}

.ui-datepicker-header {
    background-color: var(--surface-0);
    border: 0;
}

.ui-datepicker-calendar thead {
    background-color: var(--surface-0);
    border: 0;
}

.ui-datepicker-today .ui-state-highlight {
    border: 1px solid #c5c5c5;
    background: var(--primary-200);
    color: #454545;
}

.ui-datepicker-current-day .ui-state-active {
    border: 1px solid var(--primary-500);
    background: var(--primary-500);
    color: var(--surface-0);
}