DatePicker not working in jBPM6 HTML Forms

[abhisheksit2004]

Hello Experts,

I am using jBPM6 to design HTML forms using Markup Editor for Human Task.

I am currently facing an weird issue where Date-Picker function is not working post deployment of BPM project on jBoss.

But if I open Markup Editor, I can see Date-Picker working fine on right side of editor panel.

This is the code I have written for datepicker in html.

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

<script>

  $(document).ready(function() {

    $("#datepicker").datepicker();

  });

  </script>

<div class="formblock"><label for="txt">Date and Time of Accident</label>

<input type="text" name="dateTime" id="datepicker"/></div>

Attaching the screenshots for reference.

Please suggest ASAP.

-Abhishek