title: jQuery UI Datepicker working on Chrome but not on Safari
body: <p>I've been testing a page with a few jQuery UI elements and Safari has been giving me some headache. Check out the link: <a href="http://data-buckeye-590.appspot.com/index" rel="nofollow">http://data-buckeye-590.appspot.com/index</a></p>
  
  <p>The first text input uses a jQuery autocomplete and both date fields use datepickers. Now, the date pickers work perfectly on Chrome but not on Safari. Any clue why this happens?</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="pt_BR"&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
          &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt;
          &lt;meta name="mobile-web-app-capable" content="yes"&gt;
          &lt;script src="bower_components/webcomponentsjs/webcomponents.min.js"&gt;&lt;/script&gt;
          &lt;script src="bower_components/jquery/dist/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script src="bower_components/jquery-ui/jquery-ui.min.js"&gt;&lt;/script&gt;
          &lt;link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons.css"&gt;
          &lt;link rel="stylesheet" href="styles/jquery-ui.css"&gt;
          &lt;link rel="stylesheet" type="text/css" href="styles/main.css"&gt;
          &lt;link rel="import" href="elements/imports.html"&gt;
      &lt;/head&gt;
      &lt;body fullbleed layout vertical unresolved&gt;
          &lt;h1&gt;Datas de entrada e sa&amp;iacute;da no hotel&lt;/h1&gt;
          &lt;input type="text" id="form_date_in" autocomplete="off" readonly placeholder="Entrada"&gt;
          &lt;input type="text" id="form_date_out" autocomplete="off" readonly placeholder="Sa&amp;iacute;da"&gt;
          &lt;script  src="scripts/main.js"&gt; &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>main.js</strong></p>
  
  <pre><code>document.addEventListener('polymer-ready', function() {
  
      $("#form_date_in").datepicker({
          numberOfMonths: 2,
          dateFormat: 'dd-mm-yy',
          minDate: "+1w",
          maxDate: "+330d",
          onClose: function(selectedDate) {
              $("#form_date_out").datepicker("option", "minDate", selectedDate);
          }
      });
      $("#form_date_out").datepicker({
          numberOfMonths: 2,
          dateFormat: 'dd-mm-yy',
          maxDate: "+330d"
      });
  });
  </code></pre>