/* stylelint-disable selector-class-pattern */
@use '../../../../styles/mat-selectors' as ms;

.adf {
    &-date-time-widget {
        &-container {
            display: grid;
            align-items: flex-start;
        }

        #{ms.$mat-form-field-suffix} {
            top: 26px;
        }

        #{ms.$mat-form-field-label} {
            top: 20px;
        }
    }

    &-left-label-input-datepicker {
        #{ms.$mat-form-field-suffix} {
            top: 0;
        }
        #{ms.$mat-form-text-field-infix} {
            width: 100%;
        }
    }
}

#{ms.$mat-datetimepicker-toggle} {
    color: var(--adf-theme-foreground-icon-color);
}