SendGrid style-guide required select2

select2-required.html

<div class="input-select-wrap is-required">
  <label class="input-select-label" for="select2-example-required">Sender</label>
  <select id="select2-example-required">
    <option></option>
    <option value="Jason">Jason</option>
    <option value="Evan">Evan</option>
    <option value="Katrina">Katrina</option>
    <option value="Elena">Elena</option>
    <option value="Katie">Katie</option>
    <option value="Nate">Nate</option>
    <option value="Felipe">Felipe</option>
    <option value="Molly">Molly</option>
    <option value="Dan">Dan</option>
    <option value="David">David</option>
  </select>
</div>

select2-required.js

$(function() {
  $("#select2-example-required").select2({
    width: '100%', // sets inline width to 100%
    minimumResultsForSearch: Infinity, // disables search
    placeholder: "Select a sender", // show a placeholder
  }).focus(function() {
    $(this).select2('open'); // extend select2 to open on label focus
  });
});