[email protected]

Fixes

• Fixed detail popup position after scrolling by @lja1018 in #1192
• Fixed see more popup position when it is rendered out of the calendar container by @lja1018 in #1196
• Set proper height when moving and resizing an event with a going or coming duration by @dotaitch in #1195
• Set default calendarId when opening the event form popup by @adhrinae in #1194

Maintenance

• Fixed broken CI by @adhrinae in #1193
• Replaced a raw esbuild build script with Vite by @adhrinae in #1200
• Bumped moment from 2.29.3 to 2.29.4 by @dependabot in #1201

Full Changelog: https://github.com/nhn/tui.calendar/compare/[email protected]@2.0.3

[email protected]

Companion update with [email protected]

[email protected]

Companion update with [email protected]

[email protected]

Fixes

• Fixed details popup not opening on click for read-only events by @deva-ct in #1178, #1179
• Fixed border-radius values of horizontal events by @dotaitch in #1182

Documentation

• Added a guide on changing the filename by @dotaitch in #1174
• Improved english translation by @adhrinae in #1181, #1185
• Updated contributing guidelines by @dotaitch in #1183
• Fixed import css path by @Tragio in #1175

Maintenance

• Added support for IE11 in the examples by @dotaitch in #1177
• Added actions updating relative links in readme before publishing npm and tuidoc by @dotaitch in #1176
• Exported the /dist folder to import css file by @adhrinae in #1187
• Organized dependencies by @adhrinae in #1188

Typings

• Exported more types by @adhrinae in #1186

Full Changelog: https://github.com/nhn/tui.calendar/compare/[email protected]

v2.0.1

Fix

• Fixed an issue that a bundle for IE11 is not generated properly

Full Changelog: v2.0.0...v2.0.1

v2.0.0

Announcing TOAST UI Calendar v2 🎉

We are happy to be able to show you a new TOAST UI Calendar.

This major update does not include many new features, but we have spent a lot of time rebuilding most of the applications for the modern JavaScript development environment. Thanks to this, we expect that implementing new features and debugging will be easier than the legacy codebase.

What's new

Rebuilt with Preact X

The previous version was written in Vanilla JS and targeted ES5 without Babel. While the codebase was getting bigger, it was getting harder to debug and understand.

Also, the previous version cannot handle multiple instances in the same document because of its fundamental limitation coming from handlebars.js.

After a lengthy investigation and discussion, we decided to use Preact X as the core of the calendar, and rewrite the calendar with it. We expect that the future development with Preact will make us easier to bring new features and fix problems.

However, This changes browser compatibility. It can only support IE11+ though the previous version could support IE9+. And you need to use the separate bundle to support older browsers like IE11, which has a bigger bundle (about 30% bigger than the normal bundle).

For more info, Please check the documentation.

Bundle size improvement

Thanks to the new development environment, We could reduce the bundle size of the calendar. See the image below(from BundlePhobia):

Document Enhancement

Even though All TOAST UI Products have powerful features, It has been hard to provide easy-to-understand and useful documents. Especially, TOAST UI Calendar needs to have more clear documents for users.

With this release, we wanted to give you better documentation, considering 'How can we make docs easier to read and easier to find what users want.

We also provide API documentation and examples through our site. But The full details are and will be in here.

Caveats

• The term Schedule is changed to Event. #429
• Polished unclear option properties. For more information, check the Option documentation.
• You can now use the nested objects for setting the theme. For more information, check the Theme documentation.

How to use the new version

For quick starters, You can install the npm package to your project:

# Installing package
npm install --save @toast-ui/calendar

import Calendar from '@toast-ui/calendar';

const container = document.getElementById('calendar');
const calendar = new Calendar(container);

But we recommend you to read the Getting Started guide first.

Leaving feedback

If you have any questions about the project, leave a question in the 'Q&A' of GitHub Discussion. (But maybe there's an answer in the documentation)

Or create an issue with 2.0 and Bug labels when you find a bug.

v2.0.0-alpha.4

What's Changed

• refactor: rename dayname to dayName by @adhrinae in #1159
• feat: implement week.showNowIndicator option by @dotaitch in #1162
• feat: implement scrollToNow by @lja1018 in #1160
• docs: use @toast-ui/doc to generate documentation by @adhrinae in #1163
• feat: pass grid selection elements when selectDateTime custom event is fired by @lja1018 in #1164
• feat: implement clearGridSelections by @lja1018 in #1165

Full Changelog: v2.0.0-alpha.3...v2.0.0-alpha.4

v2.0.0-alpha.3

What's Changed

• env: add action steps to publish docs by @adhrinae in #1158
• feat: close a popup when clicking outside by @dotaitch in #1155
• feat: implement missing week options by @adhrinae in #1157
• feat: calibrate timed event move by @lja1018 in #1153
• fix: setDate reflects renderRange by @lja1018 in #1156

Full Changelog: v2.0.0-alpha.2...v2.0.0-alpha.3

v2.0.0-alpha.2

What's Changed

• env: export type declaration files of index.ts only by @dotaitch in #1152
• refactor: remove EventUIModel.create and use new EventUIModel by @dotaitch in #1150
• feat: implement missing month options by @adhrinae in #1151

Full Changelog: v2.0.0-alpha.1...v2.0.0-alpha.2

v2.0.0-alpha.1

Announcing TOAST UI Calendar v2 🎉

We are happy to be able to show you a new TOAST UI Calendar.

This major update does not include many new features, but we have spent a lot of time rebuilding most of the applications for the modern JavaScript development environment. Thanks to this, we expect that implementing new features and debugging will be easier than the legacy codebase.

What's new

Rebuilt with Preact X

The previous version was written in Vanilla JS and targeted ES5 without Babel. While the codebase was getting bigger, it was getting harder to debug and understand it.

Also, the previous version cannot handle multiple instances in the same document because of its fundamental limitation coming from handlebars.js.

After a lengthy investigation and discussion, we made the decision to use Preact X as the core of the calendar, and rewrite the calendar with it. We expect that the future development with Preact will make us easier to bring new features and fix problems.

However, This changes browser compatibility. It can only support IE11+ though the previous version could support IE9+. And you need to use the separate bundle to support older browsers like IE11, which has a bigger size bundle (about 30% bigger than the normal bundle).

Document Enhancement

Even though All TOAST UI Products have powerful features, It has been hard to provide easy-to-understand and useful documents. As the same as other products,  TOAST UI Calendar needs to have more clear documents for users.

With this release, we wanted to give you better documentation, considering 'How can we make docs easier to read and easier to find what users want. At the very early stage of it, we wrote docs from the bottom and wrapped them using Storybook Docs.

Storybook Docs is only in the midway of this documentation journey. We will embrace other tools for making better documentation of all products in the long term.

⚠️ We wrote the Korean documentation first. For non-Korean speakers, Please be patient until we upload the English documentation as soon as possible.

(🚧 In Development) Server Side Rendering Support

We made progress that making the calendar supports server-side rendering. We hope this is helpful for users using TOAST UI Calendar for their modern frontend development environment.

But there is still room for improvement in this feature. It needs to be tested in the various frameworks or hand-made SSR environments, etc.

For more information, please refer to the renderToString method in the doc.

Others

• The term Schedule is changed to Event. #429
• Polished unclear option properties. For more information, check the Option documentation.
• You can now use the nested objects for setting the theme. For more information, check the Theme documentation.

Road to the public release

• We will fix any critical bugs and develop in-development features, and options as our first priority.
• The alpha release doesn't include React & Vue wrapper components. We are going to make them. You can make your own wrapper, though.

How to use the new version & Leaving feedback

You can now use the new calendar, installing the npm package to your project:

# Installing package
npm install @toast-ui/[email protected]

import Calendar from '@toast-ui/calendar';

const container = document.getElementById('calendar');
const calendar = new Calendar(container);

Please note that the alpha version has many pitfalls.

If you have any questions about the project, leave a question in the 'Q&A' of GitHub Discussion. (But maybe there's an answer in the documentation)

Or create an issue with 2.0 and Bug labels when you found a bug.