이벤트 편집창 UI를 수정하는 기능은 제공하고 있지 않습니다.

하지만, 사용자가 별도로 UI 편집창을 만들어 제품의 이벤트 편집창을 띄우지 않고 사용자가 만든 UI 창을 띄우는 것은 가능합니다.


캘린더 생성시 옵션으로 eventEditPopup 추가하여 사용하시면 이벤트 입력/수정 시 제품의 이벤트 편집창이 띄워지지 않고 해당 옵션에 정의되어 있는 동작이 실행됩니다.


let opt : {
     selectable: true,
     editable: true,
     eventEditPopup: (info) => {
          // 여기에 띄우실 화면에 대해 정의하여 사용합니다.
    console.log(info.event);   // 화면에 임시로 만들어진 (제목없음) 일정에 대한 정보.
    console.log(info.jsEvent); // 이벤트 개체의 좌표등이 포함된 javascript 이벤트 객체.
    console.log(info.view);    // 현재 표시되고 있는 달력 view 정보.

    // 해당 함수 내용으로 사용자가 임의로 만든 팝업창을 띄우는 로직을 작성하시면 됩니다.
     }
}

IBCalendar.create("cal1", document.getElementById("calendar"), opt).render();


IB Calendar 의 생성 Properties 중 `eventEditPopup` 을 사용하시면 이벤트 편집창이 나오는 시점에서 제품에서 제공하는 편집창이 나오지 않게됩니다.

해당 옵션은 Callback 함수로서 정의되기 때문에 이벤트 편집창이 나오는 시점에 해당 옵션으로 정의된 내용으로 동작이 수행됩니다.