JSFiddle - React, Tailwind, and code Playground

by Ryan Brackett

JavaScript

$(document).ready(function() {
  //KYRUUS SEARCH WIDGET
  (function() {
    var kyruusSearchWidget = new KyruusSearchWidget({
      pm_url: 'https://doctors.nghs.com',
      el: document.getElementById('kyruus-search-widget'),
      customer_code: 'nghs',
      search_label: 'Search',
      message: 'ex: Primary Care',
      show_location: true,
      location_search_radius: 10,
      show_powered_by: false,
      typeahead_categories: [{
          "category": "clinical_experience"
        },
        {
          "category": "specialty_synonym"
        },
        {
          "category": "name"
        },
        {
          "category": "primary_care"
        }
      ],
      allow_empty_search: true,
      focus_on_widget: true,
      use_primary_care_condition: true,
      persist_query: true,
      legal_message: 'off',
      sort_order: 'relevance, networks',
    });
  }());


  $(".ky-input-location").append("<div id='current-location'><span class='material-icons'>location_on</span> Get my current location</div>");

  $("#current-location").on('click', function() {
    alert("This");
  });


  $("#location").attr("placeholder", "City, State or Zip");
  $("#query").blur();
});