Adding your own Widgets

Before we look how widgets are added in Agile Toolkit, you need to learn how jQuery UI widgets are working in general. Try this tutorial to get basic understanding of a jQuery UI widget: http://bililite.com/blog/understanding-jquery-ui-widgets-a-tutorial/

After you learned this, you just need to know how to load and apply widget to your view

class MyView extends View {
  function 
init(){
    
parent::init();

    
$this->js(true)
      ->
_load('mywidget')
      ->
mywidget();
  }

  function 
defaultTemplate(){
     ....
  }
}

Look into sources for DatePicker field for inspiration.