.grid-calendar-buttons-wrapper {
    padding: 1.125rem;
    position: absolute;
    top: 100%;
    left: 0;
    max-width: calc(100vw - 64px);
    z-index: 1000;
    border: 1px solid;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}

    .grid-calendar-buttons-wrapper.right {
        left: auto;
        right: 0;
    }

.grid-calendar-buttons-wrapper.open {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

.grid-calendar-buttons a {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    box-sizing: border-box;
    transition: border-color 0.2s ease-in-out;
}

    .grid-calendar-buttons a.k-link {
        font-weight: normal;
    }

        .grid-calendar-buttons a.k-link.k-state-selected {
            box-shadow: none;
        }

.grid-calendar-buttons .k-datepicker {
    width: 10.4em;
}

@media(max-width:767.98px) {
    .grid-calendar-buttons .k-datepicker {
        width: auto;
        min-width: 8rem;
    }
}

.hide-parent-label {
    white-space: normal;
}