Иметь теги input и label в одной строке

Question

Кажется, я не могу получить как метки даты, так и время в одной строке. Я попытался создать родительский div и затем установить его на [display: inline-block], а затем установить оба входа на display: block, но все вышло не так, как я хотел. Может кто-нибудь указать мне правильное направление.

// searchform.js

<div className="form__group">
    <div className="form__dateTime">
        <label htmlFor="date" className="form__labelDateTime"> Date </label>
        {/*
            Drop down calendar
        */}
        <input type="text" name="date" className="form__input-date" placeholder=" mm/dd " />
    </div>

</div>
<div className="form__group">
    <div className="form__dateTime">
        <label htmlFor="time" className="form__labelDateTime"> Time </label>
        {/*
            Possibly a drop menu for the times
        */}
        <input type="text" name="date" className="form__input-time" placeholder="Time of departure" />
    </div>
</div>

// _searchform.scss

    &__dateTime{
        display: inline-block;
    }

    &__labelDateTime{
        display: block;
        color: #474747;
        font-weight: $default-font-weight;
        font-size: 1.5rem;
        margin-top: 1rem;
    }

    &__input-time, &__input-date{
        font-size: $default-font-size;
        padding: 1rem;
        margin: 1.2rem 0;
        width: 50%;
    }