document.readyState === 'complete' ? init() : window.onload = init;

//

function init() {

  // 입력 시간 컨트롤

  let theInputTime = new wijmo.input.InputTime('#theInputTime', {

    format: 'h:mm tt',

    min: '9:00',

    max: '17:00',

    step: 30,

    isEditable: true,

    valueChanged: (sender) => setDateTime(sender.value)

  });

  //

  // 시간 변경 없이 날짜 편집 가능 표시

  let theInputDate = new wijmo.input.InputDate('#theInputDate', {

    valueChanged: (sender) => setDateTime(sender.value)

  });

  //

  // 날짜/시간 값 초기화 및 업데이트

  let dt = new Date();

  dt.setHours(17, 30);

  setDateTime(dt);

  //

  function setDateTime(value) {

    let el = document.querySelector('#dateTime');

    el.textContent = wijmo.Globalize.format(value, 'F');

    //

    theInputDate.value = value;

    theInputTime.value = value;

  }

}