title: How to use readonly() method to Kendo UI datetime input created with AngualrJS
body: <p>In this <a href="http://docs.telerik.com/kendo-ui/api/javascript/ui/datepicker#methods-readonly]" rel="nofollow noreferrer">page</a>i found this example</p>
  
  <pre><code>&lt;input id="datepicker" /&gt;
  
  &lt;script&gt;
  $("#datepicker").kendoDatePicker();
  vardatepicker = $("#datepicker").data("kendoDatePicker");
  datepicker.readonly();&lt;/script&gt;
  </code></pre>
  
  <p>How can use this readonly function to datetime input created by Angular?
  <a href="http://demos.telerik.com/kendo-ui/datepicker/angular" rel="nofollow noreferrer">example of datetime with angular</a></p>
  
  <p>I want to add disabled input using only AngularJs
  At my code:</p>
  
  <pre><code>                    &lt;input kendo-date-picker
                         id="linesDateObject"
                         k-options="linesPickDateOptions"
                         k-ng-model="linesDateObject"
                         style="width:200px;"
                         class="pull-left" /&gt;
  </code></pre>
  
  <p>In my controller </p>
  
  <pre><code>    $scope.linesPickDateOptions = {
      value: new Date(),
      format: "dd/MM/yyyy",
      change: function () {
          var value = this.value();
          console.log(value);
      }
  
  }
  </code></pre>
  
  <p>I want to add disable property inside $scope.linesPickDateOptions object</p>