Individual form controls automatically receive some global styling. All textual <input>, <textarea> elements with width: 100%; by default. Wrap labels and controls in .gsui-form-inline for horizontal layout.
<div class="gsui-input">
<label>Input Label</label>
<input type="text" placeholder="Placeholder" />
</div>
<div class="gsui-textarea">
<label>Textarea Label</label>
<textarea placeholder="Textarea" cols="4" rows="4"></textarea>
</div>
<div class="gsui-input">
<label>Date Input Label</label>
<input type="date" class="gsui-input" />
</div>
<div class="gsui-input">
<label>Time Input Label</label>
<input type="time" class="gsui-input" />
</div>