.SuiteDatePicker {
    .SuiteSelect-input {
        padding-top: 0;
        padding-bottom: 0;
    }

    .SuiteSelect-input-actions {
        gap: 0;
    }

    &-input-value {
        line-height: 16px;
        padding-right: 4px;

        &-text {
            @include text-body;

            position: relative;
            top: 2px;
            color: var(--text-primary);
        }

        &-subtext {
            @include text-body-small;

            position: relative;
            bottom: 2px;
            color: var(--text-secondary);
        }

        .SuiteSelect-input-compact & {
            align-items: baseline;
            display: flex;
            gap: 6px;

            &-compact-label {
                @include text-body-bold;

                color: var(--text-secondary);
            }

            &-text {
                top: 0;
            }

            &-subtext {
                bottom: 0;
            }
        }
    }

    &-indicator {
        &-calendar {
            align-self: center;

            .CalendarGlyphIcon {
                color: var(--gray-800);
            }
        }

        &-chevron {
            align-self: center;

            &.ChevronDownGlyphIcon {
                color: var(--gray-700);
            }
        }

        &-separator {
            border-left: 1px solid var(--gray-800);
            width: 1px;
            height: 16px;
            margin: 0 6px;
        }
    }

    .SuiteListView {
        max-height: unset;
        padding: 8px;

        &-section-header {
            padding: 2px 4px 4px;
        }
    }
}