trigger vs click

HTML

<script src="https://rawgit.com/MrCoder/4913b3eb9e7b4d778573/raw/9b4cf6239b7f7e5cc5e75555f73aef07a2eb1e23/Telerik.Web.UI.WebResource.js"></script>
<script src="https://code.jquery.com/jquery-1.8.0.min.js"></script>
<div id="ctl00_MainContent_TimesheetWorkGrid_ctl00_ctl02_ctl02_EditFormControl_dpTimeSheetWorkDate_calendar_wrapper">
    <table id="ctl00_MainContent_TimesheetWorkGrid_ctl00_ctl02_ctl02_EditFormControl_dpTimeSheetWorkDate_calendar">

        <tbody>
        <tr>
            <td class="rcMain">
                <table id="ctl00_MainContent_TimesheetWorkGrid_ctl00_ctl02_ctl02_EditFormControl_dpTimeSheetWorkDate_calendar_Top">
                    <tbody>
                    <tr class="rcRow">

                        <td class="rcOutOfRange">
                            <span>THIS IS A DATE-PICKER</span>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        </tbody>
    </table>
    <input type="hidden"
           name="ctl00_MainContent_TimesheetWorkGrid_ctl00_ctl02_ctl02_EditFormControl_dpTimeSheetWorkDate_calendar_SD"
           id="ctl00_MainContent_TimesheetWorkGrid_ctl00_ctl02_ctl02_EditFormControl_dpTimeSheetWorkDate_calendar_SD"
           value="[]"><input type="hidden"
                             name="ctl00_MainContent_TimesheetWorkGrid_ctl00_ctl02_ctl02_EditFormControl_dpTimeSheetWorkDate_calendar_AD"
                             id="ctl00_MainContent_TimesheetWorkGrid_ctl00_ctl02_ctl02_EditFormControl_dpTimeSheetWorkDate_calendar_AD"
                             value="[[2016,3,7],[2016,3,13],[2016,3,13]]">
</div>


<div id="ctl00_MainContent_TimesheetWorkGrid_ctl00_ctl02_ctl02_EditFormControl_dpTimeSheetWorkDate_wrapper">
    <input id="ctl00_MainContent_TimesheetWorkGrid_ctl00_ctl02_ctl02_EditFormControl_dpTimeSheetWorkDate"
           name="ctl00$MainContent$TimesheetWorkGrid$ctl00$ctl02$ctl02$EditFormControl$dpTimeSheetWorkDate" type="text"
  ...

JavaScript

Sys.Application.add_init(function () {
        $create(Telerik.Web.UI.RadDateInput, {
            "clientStateFieldID": "ctl00_MainContent_TimesheetWorkGrid_ctl00_ctl02_ctl02_EditFormControl_dpTimeSheetWorkDate_dateInput_ClientState",
            "enabled": true,
            "incrementSettings": {InterceptArrowKeys: true, InterceptMouseWheel: true, Step: 1},
            "maxDate": "2016-03-13-00-00-00",
            "minDate": "2016-03-07-00-00-00",
            "styles": {
                HoveredStyle: ["width:100%;", "riTextBox riHover"],
                InvalidStyle: ["width:100%;", "riTextBox riError"],
                DisabledStyle: ["width:100%;", "riTextBox riDisabled"],
                FocusedStyle: ["width:100%;", "riTextBox riFocused"],
                EmptyMessageStyle: ["width:100%;", "riTextBox riEmpty"],
                ReadOnlyStyle: ["width:100%;", "riTextBox riRead"],
                EnabledStyle: ["width:100%;", "riTextBox riEnabled"]
            }
        }, null, null, $get("ctl00_MainContent_TimesheetWorkGrid_ctl00_ctl02_ctl02_EditFormControl_dpTimeSheetWorkDate_dateInput"));
    });
    Sys.Application.add_init(function () {
        $create(Telerik.Web.UI.RadCalendar, {
            "_DayRenderChangedDays": {},
            "_FormatInfoArray": [["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December", ""], ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", ""], "dddd, d MMMM yyyy h:mm:ss tt", "dddd, d MMMM yyyy", "h:mm:ss tt", "dd MMMM", "ddd, dd MMM yyyy HH\u0027:\u0027mm\u0027:\u0027ss \u0027GMT\u0027", "d/MM/yyyy", "h:mm tt", "yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss", "yyyy\u0027-\u0027MM\u0027-\u0027dd HH\u0027:\u0027mm\u0027:\u0027ss\u0027Z\u0027", "MMMM yyyy", "AM", "PM",...