ランキングに戻る
🍞📅A JavaScript calendar that has everything you need.
calendarfullcalendarfrontendschedulejavascriptmonthlyweeklydailytaskmilestone
主要指標
スター成長
スター
12.7k
フォーク
1.4k
週間成長
—
Issue
193
5k10k
2018年2月2019年7月2020年11月2022年4月2023年9月2025年2月2026年7月
成果物npm
npm install tui.calendarREADME
🍞📅 A JavaScript calendar that is full featured. Now your service just got the customizable calendar.
🚩 Table of Contents
- 📦 Packages
- 📙 Documents
- Collect statistics on the use of open source
- 📅 Features
- 🎨 Other Features
- 💬 Contributing
- 🌏 Browser Support
- 🔩 Dependencies
- 🍞 TOAST UI Family
- 🚀 Used By
- 📜 License
📦 Packages
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 Cloud.
- @toast-ui/react-calendar - React wrapper component implemented by NHN Cloud.
- @toast-ui/vue-calendar - Vue wrapper component implemented by NHN Cloud.
📙 Documents
Collect statistics on the use of open source
TOAST UI Calendar applies Google Analytics (GA) to collect statistics on the use of open source, in order to identify how widely TOAST UI Calendar is used throughout the world. It also serves as important index to determine the future course of projects. location.hostname (e.g. > “ui.toast.com") is to be collected and the sole purpose is nothing but to measure statistics on the usage.
To disable GA, refer to the docs below.
📅 Features
✨ Monthly, Weekly, Daily and Various View Types
| Monthly | Weekly |
|---|---|
![]() |
![]() |
| Daily | 2 Weeks |
|---|---|
![]() |
![]() |
Easy to Use: Dragging and Resizing a Schedule
| Dragging | Resizing |
|---|---|
![]() |
![]() |
Ready to Use: Default Popups
| Creation Popup | Detail Popup |
|---|---|
![]() |
![]() |
🎨 Other Features
- 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
💬 Contributing
🌏 Browser Support
Chrome |
Internet Explorer |
Edge |
Safari |
Firefox |
|---|---|---|---|---|
| Latest | 11+ | Latest | Latest | Latest |
🔩 Dependencies
- Preact
- Immer
- DOMPurify
- (Optional) tui-date-picker
- (Optional) tui-time-picker
🍞 TOAST UI Family
🚀 Used By
- NHN Dooray! - Collaboration Service (Project, Messenger, Mail, Calendar, Drive, Wiki, Contacts)
- NCP - Commerce Platform
- shopby
- payco-shopping
- iamTeacher
- linder
📜 License
関連リポジトリ









Chrome
Internet Explorer
Edge
Safari
Firefox