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.