         type: 'dropdown'
       },
       { 
-        data: 'at' 
+        data: 'date' 
         readOnly: true
         renderer: @rowDateRenderer
       },

  tableColHeaders:  ['', '', 'Source', 'Relationship', 'Target', 'Date', 'Direction', '<a class="add-custom-column" title="Create Custom Column" href="#"></a>']
  duplicate:        null
  columns:          {
    'delete'    : 0,
    'duplicate' : 1,
    'source'    : 2,
    'type'      : 3,
    'target'    : 4
  }

  constructor: (@model, @collection) ->

    # Load description edit form via ajax in modal
    $modal.find('.modal-body').load '/relations/'+@getIdAtRow(index)+'/edit/date/', () =>
      # Add on submit handler to save new description via model
      #$modal.find('.form-default').on 'submit', (e) =>
        #e.preventDefault()
        #@table.setDataAtRowProp index, 'description', $modal.find('#node_description').val()
        #$modal.modal 'hide'
    # Show modal
    $modal.modal 'show'

  # Custom Renderer for date cells
  rowDateRenderer: (instance, td, row, col, prop, value, cellProperties) =>
    Handsontable.Dom.empty(td)
    if value
      console.log 'rowDateRenderer', value
      link = document.createElement('DIV')
      link.innerHTML = value
      td.appendChild(link)
    else
      link = document.createElement('A')
      link.className = 'icon-plus'
      link.innerHTML = link.title = 'Edit Date'
      td.appendChild(link)
    # Add description modal on click event or keydown (enter or space)
    Handsontable.Dom.addEvent td, 'click', (e) =>
      e.preventDefault()
      @showDateModal row
    return td
