anchor.diff:    </div>
   
     {{#if first}}
  -  <p class="SlotPicker-slot-explainer">Choose 2 alternative dates in case your first choice isn’t available.</p>
  +  <p class="SlotPicker-slot-explainer">If shown as available choose up to 2 alternative dates in case your first choice isn’t available.</p>
     {{/if}}
   </script>
   
  
positive.code:           There was a problem with your chosen dates
          </h1>
  
          <p>Please select 3 dates for your appointment.</p>
        </div>
      </div>
    <% end %>
  
    <div class="SlotPicker"
         data-today="<%= Date.today %>"
         data-limit-exceeded-error="You can only select 3 choices. Go back to change your dates or continue.">
      <div class="l-column-half">
        <div class="SlotPicker-timeSlots show-only-with-js">
          <ul class="SlotPicker-days">
  
negative.code:         <%= f.select(:primary_slot, @booking_request.slots, { include_blank: "" }, { class: 'SlotPicker-input hide-only-with-js' }) %>
          <%= f.select(:secondary_slot, @booking_request.slots, { include_blank: "" }, { class: 'SlotPicker-input hide-only-with-js' }) %>
          <%= f.select(:tertiary_slot, @booking_request.slots, { include_blank: "" }, { class: 'SlotPicker-input hide-only-with-js' }) %>
          <p>Appointment availability depends on location. We may need to call you to arrange an alternative date.</p>
          <p><%= f.button('Continue', type: 'submit', class: 'button t-continue') %></p>
        <% end %>
      </div>
  