nhn / toast-ui.react-calendar

TOAST UI Calendar wrapper for React.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

How can I set time limit in calendar?

ForestLee0513 opened this issue · comments

Hello, I want use this calendar for company management system.
It works on my PC but it shows me full time, I just want show 09:00-17:00 in this calendar.
but It doesn't have options for limit.
this calendar can not set custom limit times in react?

https://codesandbox.io/s/toast-uireact-calendar-week-option-rc1hx

You can use a week prop.

  const week = {
    hourStart: 9,
    hourEnd: 17
  };

  return (
    <div className="App">
      <h1>Welcome to TOAST Ui Calendar</h1>

      <TUICalendar
        ref={cal}
        height="1000px"
        useCreationPopup={true}
        useDetailPopup={true}
        template={templates}
        calendars={calendars}
        schedules={schedules}
        week={week}
        onClickSchedule={onClickSchedule}
        onBeforeCreateSchedule={onBeforeCreateSchedule}
        onBeforeDeleteSchedule={onBeforeDeleteSchedule}
        onBeforeUpdateSchedule={onBeforeUpdateSchedule}
      />
    </div>
  );

It's fixed thanks for answer.