title: Selenium : Unable to inspect element on datepicker from chrome/firefox
body: <p>I have a DatePicker on a page. When I click on it Datepicker comes up. but am unable to inspect any date on the datepicker.</p>
  
  <p>Please find attached HTML code below</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en" dir="ltr"&gt;
  &lt;body class="toolbar-tray-open toolbar-horizontal toolbar-fixed toolbar- 
  loading"&gt;
  &lt;div class="form-item__field js-form-item form-item js-form-type-date form- 
  item-changed js-form-item-changed"&gt;
  &lt;input type="date" data-drupal-selector="edit-changed" data-drupal-date- 
  format="Y-m-d" id="edit-changed" name="changed" value="" size="30" 
  class="form-date form-item__element--date form-item__element" /&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Copy above code and save it as datePicker.html and then open in any browser.
  Click on DatePicker field and try to inspect</p>
  
  <p><strong>Aim:</strong>
  Should be able to inspect element and select date using date picker in selenium java
  (or)
  Should be able to verify date picker is displayed/present using selenium java</p>
  
  <p><strong>Note:</strong>
  Am able to pass data directly to the date box. But my aim is to use the date picker</p>
  
  <p><strong>Screenshot</strong>
  <a href="https://i.stack.imgur.com/MGcCH.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MGcCH.jpg" alt="enter image description here"></a></p>
  
  <p><strong>Link</strong>
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en" dir="ltr"&gt;
  &lt;body class="toolbar-tray-open toolbar-horizontal toolbar-fixed toolbar-loading"&gt;
  &lt;div class="form-item__field js-form-item form-item js-form-type-date form-item-changed js-form-item-changed"&gt;
  &lt;input type="date" data-drupal-selector="edit-changed" data-drupal-date-format="Y-m-d" id="edit-changed" name="changed" value="" size="10" class="form-date form-item__element--date form-item__element" /&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>