.air-datepicker--content {
    .air-datepicker-body--day-name {
        @apply text-tertiary-100;
    }

    .-years-,
    .-months- {
        .-current-.-selected- {
            @apply bg-primary-100 hover:bg-primary-100/70 text-white font-bold;
        }

        .-selected- {
            @apply bg-primary-100 hover:bg-primary-100/70 text-white;
        }

        .-current- {
            @apply text-primary-100 font-bold;
        }
    }

    .-days- {
        .-selected- {
            @apply bg-primary-100 hover:bg-primary-100/70 text-white;
        }

        .-current- {
            @apply text-primary-100 font-bold;
        }
    }
}