Datepicker in blueprint plugin wizard is not the same as in the documentation

A customer was developing a blueprint plugin using our API and discovered that the UI for datepicker isn't the same as in the documentation.

The AUI code for datepicker which can be found here.

AUI datepicker documentation UI is as below.

AUI when utilizing it for development is as below.

This UI inconsistencies have been verified by our developer.

Workaround given from developer for datepicker:

• Insert

    <dependency>com.atlassian.auiplugin:aui-date-picker</dependency>

  to

  <web-resource> 

  xml tag in atlassian-plugin.xml. The web-resource should look like:

     <web-resource key="simplebp-resources" name="simplebp Web Resources">
          <dependency>com.atlassian.auiplugin:ajs</dependency>
          <dependency>com.atlassian.auiplugin:aui-date-picker</dependency>
          <dependency>com.atlassian.confluence.plugins.confluence-create-content-plugin:resources</dependency>
         ...
  

• In simplebp.css, add

  .aui-datepicker-dialog {
      /* Move this over usual dialog */
      z-index: 5000;
  }
  

• In simplebp.js, remove

  $('#myduedate').datepicker({
      dateFormat : "yy-mm-dd"
  });
  

• If you want to change the date format, you should add it to datePicker (capital P, datepicker is jQuery, not AUI) function. For example:

  AJS.$('#myduedate').datePicker({
         dateFormat: "yy/mm/dd",
         'overrideBrowserDefault': true
  });