title: XPages - Field is not a valid date using bootstrap date picker
body: <p>Getting error as per the title....</p>
  
  <p>I'm using the date time picker as described here: <a href="https://xpagesandmore.blogspot.co.uk/2015/06/using-bootstrap-3-datetime-picker.html" rel="nofollow">https://xpagesandmore.blogspot.co.uk/2015/06/using-bootstrap-3-datetime-picker.html</a></p>
  
  <p>Everything works perfectly, date appears in the field in format DD/MM/YYYY except the not valid date validation message.</p>
  
  <p>Date field code:</p>
  
  <pre><code>&lt;xp:div&gt;
      &lt;xp:this.styleClass&gt;&lt;![CDATA[#{javascript:"form-group" + ( getComponent("datetimepicker1").isValid() ? "" : " has-error" )}]]&gt;&lt;/xp:this.styleClass&gt;
      &lt;xp:label styleClass="col-xs-2 control-label" for="datetimepicker1"
          value="${compositeData.fieldLabel}" /&gt;
      &lt;div class="col-xs-10"&gt;
          &lt;div class="input-group"&gt;
              &lt;span class="input-group-addon"&gt;
                  &lt;xp:text escape="true" id="computedField2"
                      styleClass="${compositeData.faicon}" tagName="i"&gt;
                  &lt;/xp:text&gt;
              &lt;/span&gt;
  
  
              &lt;xp:inputText type="text" id="datetimepicker1"
                  loaded="${!empty compositeData.placeholder}"
                  value="#{compositeData.dataSource[compositeData.fieldName]}"
                  required="${compositeData.required}"&gt;
                  &lt;xp:this.attrs&gt;
                      &lt;xp:attr name="placeholder"
                          value="${compositeData.placeholder}"&gt;
                      &lt;/xp:attr&gt;
                  &lt;/xp:this.attrs&gt;
                  &lt;xp:this.validators&gt;
                      &lt;xp:validateRequired
                          message="#{javascript:compositeData.helpText}"&gt;
                      &lt;/xp:validateRequired&gt;
                  &lt;/xp:this.validators&gt;
                              &lt;xp:this.converter&gt;
                                  &lt;xp:convertDateTime
                                      pattern="DD/MM/YYYY"&gt;
                                  &lt;/xp:convertDateTime&gt;
                              &lt;/xp:this.converter&gt;
              &lt;/xp:inputText&gt;
  
          &lt;/div&gt;
          &lt;xp:text escape="true" id="computedField1"
              styleClass="help-block"&gt;
              &lt;xp:this.rendered&gt;&lt;![CDATA[#{javascript:getComponent("datetimepicker1").isValid() &amp;&amp; compositeData.helpText != null &amp;&amp; currentDocument.isEditable()}]]&gt;&lt;/xp:this.rendered&gt;
          &lt;/xp:text&gt;
          &lt;xp:message id="message1" for="datetimepicker1"
              styleClass="help-block"&gt;
          &lt;/xp:message&gt;
      &lt;/div&gt;
  &lt;/xp:div&gt;
  </code></pre>
  
  <p>Script block code:</p>
  
  <pre><code>&lt;xp:scriptBlock id="scriptBlock1"&gt;
  &lt;xp:this.value&gt;&lt;![CDATA[
  $(document).ready(
  function() {
  x$( "#{id:datetimepicker1}" ).datetimepicker({
  locale: 'en-gb',
  showTodayButton:true,
  showClose: true,
  daysOfWeekDisabled: [0,6],
  format:('DD/MM/YYYY')
  });
  });
  ]]&gt;
  &lt;/xp:this.value&gt;
  &lt;/xp:scriptBlock&gt;
  </code></pre>
  
  <p>I've tried changing the locale to en-us but no difference.</p>
  
  <p>Any idea's greatly appreciated, thanks guys</p>