title: Datepicker not displaying on click when widget loaded
body: <p>I have 3 datepickers on the screen (start, end, due date), all 3 have an icon and text box which show a datepicker when either icon or text box is clicked. When i have a stopwatch widget running on the screen clicking any of the text boxes will load datepicker, but clicking any of the icons won't. If i get the date picker to appear by clicking on the text box; all 3 date picker icons will start to work.</p>
  <p>$(&quot;#StartDate&quot;).datepicker(&quot;show&quot;); works, but doesn't work when the stopwatch widget is loaded, but works if any datepicker is loaded by clicking a text box (ie: load due date datepicker by clicking the text box, afterwards i can click the start date icon and date picker will show).</p>
  <pre><code>$(&quot;#DueDate&quot;).datepicker({
  showButtonPanel: false,
  showOn: 'both',
  buttonImage: $Url.resolve(&quot;~/Content/Images/calendar-small.png&quot;),
  buttonText: &quot;Select date&quot;,
  onSelect: function (dateText) {
  changeInput();
  var inp = $(this).parents('.step-input-element');
  inp.find('.clear-datepicker').show();
  inp.removeClass('date-cleared')
  $(&quot;#DueDate&quot;).datepicker(&quot;show&quot;);
  }
  });
  </code></pre>