<!DOCTYPE html>

<head lang="en">
  <meta charset="UTF-8">

  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
  <script>
    const theme = window.location.search.replace(/.*theme=(\w+).*/, '$1') || 'lumo';
    document.write(`<link rel="import" href="../../theme/${theme}/vaadin-date-picker.html">`);

    window.addEventListener('WebComponentsReady', function() {
      setTimeout(function() {
        window.ShadyDOM && window.ShadyDOM.flush(); // Force DOM composition
        window.webComponentsAreReady = true; // Checked in gemini before capture callback
      });
    });
  </script>
</head>

<body>

  <div id="default-tests" style="padding: 10px;">
    Plain
    <vaadin-date-picker></vaadin-date-picker>

    <br>Label
    <vaadin-date-picker label="Pick a date"></vaadin-date-picker>

    <br>Placeholder
    <vaadin-date-picker placeholder="Pick a date"></vaadin-date-picker>

    <br>Disabled
    <vaadin-date-picker disabled></vaadin-date-picker>

    <br>Read-only
    <vaadin-date-picker readonly></vaadin-date-picker>

    <br>Value
    <vaadin-date-picker value="1991-12-20"></vaadin-date-picker>
  </div>

</body>

<!DOCTYPE html>

<head lang="en">
  <meta charset="UTF-8">

  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
  <script>
    const theme = window.location.search.replace(/.*theme=(\w+).*/, '$1') || 'lumo';
    document.write(`<link rel="import" href="../../theme/${theme}/vaadin-date-picker.html">`);

    window.addEventListener('WebComponentsReady', function() {
      customElements.whenDefined('vaadin-date-picker').then(() => {
        window.ShadyDOM && window.ShadyDOM.flush(); // Force DOM composition
        window.webComponentsAreReady = true; // Checked in gemini before capture callback
      });
    });
  </script>
</head>

<body>

  <div id="default-tests" style="padding: 10px;">
    Plain
    <vaadin-date-picker></vaadin-date-picker>

    <br>Label
    <vaadin-date-picker label="Pick a date"></vaadin-date-picker>

    <br>Placeholder
    <vaadin-date-picker placeholder="Pick a date"></vaadin-date-picker>

    <br>Disabled
    <vaadin-date-picker disabled></vaadin-date-picker>

    <br>Read-only
    <vaadin-date-picker readonly></vaadin-date-picker>

    <br>Value
    <vaadin-date-picker value="1991-12-20"></vaadin-date-picker>
  </div>

</body>

Fix visual tests to check if date-picker is defined
Fix visual tests to check if date-picker is defined
