🍞📅 A JavaScript schedule calendar that is full featured. Now your service just got the customizable calendar.
You're now looking at the main branch of the latest version of TOAST UI Calendar. You can try the alpha version of the new calendar.
npm install --save @toast-ui/calendar@2.0.0-alpha.1 For the current(and legacy) version, Please check out the v1 branch.
The functionality of TOAST UI Calendar is available when using the Plain JavaScript, React, Vue Component.
- @toast-ui/calendar - Plain JavaScript component implemented by NHN.
- 🚧 React & Vue wrappers are coming with the public release.
🚧 Documents are written in Korean at this moment, but we will add english version soon.
- Getting Started (Korean)
- APIs (Korean)
- v2.0 Migration Guide
| Monthly | Weekly |
|---|---|
 |
 |
| Daily | 2 Weeks |
|---|---|
 |
 |
| Dragging | Resizing |
|---|---|
 |
 |
| Creation Popup | Detail Popup |
|---|---|
 |
 |
- Supports various view types: daily, weekly, monthly(6 weeks, 2 weeks, 3 weeks)
- Supports efficient management of milestone and task schedules
- Supports the narrow width of weekend
- Supports changing start day of week
- Supports customizing the date and schedule information UI(including a header and a footer of grid cell)
- Supports adjusting a schedule by mouse dragging
- Supports customizing UI by theme
 Chrome |
 Internet Explorer |
 Edge |
 Safari |
 Firefox |
|---|---|---|---|---|
| Latest | 11+ | Latest | Latest | Latest |
- Preact
- Immer
- DOMPurify
- (Optional) tui-date-picker
- (Optional) tui-time-picker