test("DateTime timepicker focuses hours", function(assert) {
  var done = assert.async(1)

  var form = $('#forms')

  var el = $('<div></div>').attr('id', 'form1')
  el.appendTo(form)

  new App.ControllerForm({
    el:        el,
    model:     {
      configure_attributes: [
        { name: 'datetime1', display: 'Datetime1', tag: 'datetime', null: true },
        { name: 'datetime2', display: 'Datetime2', tag: 'datetime', null: true, disabled: true },
        { name: 'date3',     display: 'Date3',     tag: 'date',     null: true, disabled: true },
      ]
    },
    autofocus: true
  });

  let timepicker1 = el.find('[data-name=datetime1] [data-item=time]')
  //debugger

  timepicker1.focus()

  setTimeout(function(){ // give it time to apply focus
    equal(timepicker1[0].selectionStart, 0)
    equal(timepicker1[0].selectionEnd, 2)

    equal(el.find('[data-name=datetime2] [data-item=date]')[0].disabled, true)
    equal(el.find('[data-name=datetime2] [data-item=time]')[0].disabled, true)
    equal(el.find('[data-name=date3]     [data-item=date]')[0].disabled, true)

    done()
  }, 100)
});