.datePickerScheduler :is(th,td) {
    width: 36px;
}

.datePickerScheduler .e-month-calendar.e-calendar {
    box-sizing: content-box !important;
}

.datePickerScheduler.e-schedule {
    border-radius: 0 !important;
    border: 0;
}

.e-calendar .e-content td.e-today.e-selected span.e-day {
    background: transparent !important;
    color: rgba(var(--color-sf-primary)) !important; 
}


.e-cell.e-work-cells:has(.dateActive) > .e-day {
    background: var(--primary) !important;
    color: var(--on-primary) !important;
    border-radius: 32px;
}

    .e-cell.e-work-cells:has(.dateActive) > .e-day:hover {
        background: var(--primary) !important;
        color: var(--on-primary) !important;
    }

.e-cell.e-work-cells.e-other-month:has(.dateActive) > .e-day {
    opacity: 0.6;
}