Hi all,
Here is a script to change so the datepicker popup when clicking anywhere inside the textarea of a datepicker (and not just on icon to the right off text):

// Replace YOUR_FIELD_ID with the actual ID of your date attribute (e.g. 'rwcheckindate')
var fieldId = "YOUR_FIELD_ID";

var waitForDatePicker = setInterval(function () {
  var $input = $("#" + fieldId);
  var dp = $input.length && $input.data("kendoDatePicker");

  if (dp) {
    // Prevent multiple bindings by namespacing the event
    $input.off("focus.dp").on("focus.dp", function () {
      dp.open(); // Open the calendar when the field gets focus
    });

    clearInterval(waitForDatePicker); // Stop checking once bound
  }
}, 200); // Checks every 200ms until the DatePicker is ready

I assume that this goes in the initiation script not the render script?

Thanks. I am clueless as to how it works, but this is way above my pay grade.

Bruce

It shouldn´t matter where you place it as it is not a Kendo script so not tied into Aware like the "native" other scripts where we manipulate Kendo via the initialization/render scripts BUT it is better to place it as soon as possible I guess i.e initialization script is better as otherwise you may get some visual small flinches on the screen etc..

To clarify steps:

  1. Set ID in the "cell id" value of an date attribute on your form.
  2. Update the script so it uses your ID.
  3. Place the script in the initialization script for your form.