.DateFilter {

    .RangeDatePicker {
        border-bottom: 1px solid var(--gray-300);
    }

    .Select__menu {
        z-index: 10;
    }

    &-custom-menu {
        padding-top: 1rem;

        &-control-buttons {
            padding: 1rem;
            display: grid;
            grid-template-columns: 1fr 1fr;
            justify-content: end;
        }

        &-selected-days {
            color: var(--gray-600);
            padding-left: 1rem;
        }

        &-selected-dates {
            display: flex;
            justify-content: space-between;
            padding: 0.5rem 1rem;
            align-items: center;
        }

        &-selected-date {
            border: 1px solid var(--gray-300);
            border-radius: 3px;
            padding: 0.5rem;
            min-width: 90px;
            text-align: center;
        }

        &-info {
            display: flex;
            justify-content: space-between;
            padding-right: 1rem;
        }
    }

    &-custom-value-container-dates {
        font-size: 12px;
        position: absolute;
        top: 16px;
        left: 10px;
        color: var(--gray-600);
    }

    &-custom-value-container {

        .Select__single-value {
            position: relative;
            width: 100%;
            top: -5px;
        }
    }
}