crear un input group text con dos inputs dentro con html y css in javascript

Puedes crear un input group text con dos inputs dentro, utilizando HTML y CSS, como se muestra a continuación:

<div class="input-group">
  <input type="text" class="form-control" placeholder="First input">
  <input type="text" class="form-control" placeholder="Second input">
</div>
172 chars
5 lines

Para darle estilo a este input group text, puedes utilizar CSS:

.input-group {
  display: flex;
  flex-wrap: wrap;
}

.form-control {
  flex: 1;
  height: 38px;
  border-radius: 0;
  border: 1px solid #cccccc;
  padding: 8px 12px;
}
169 chars
13 lines

En este ejemplo se utiliza flexbox para hacer que los dos inputs se muestren uno al lado del otro y se envuelvan a la siguiente línea si no hay suficiente ancho disponible. También se aplica un estilo común a ambos inputs para hacerlos parecer parte del mismo grupo.