diff --git a/.eslintrc.js b/.eslintrc.js
index cc720d6..635379b 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -6,7 +6,6 @@ module.exports = {
"env": {
"browser": true,
"jasmine": true,
- "jquery": true,
"commonjs": true
},
"globals": {
diff --git a/README.md b/README.md
index 7b9d012..cd4a3d2 100644
--- a/README.md
+++ b/README.md
@@ -213,6 +213,7 @@ For more information on PR's step, please see links of Contributing section.
* [Getting Started](https://github.com/nhn/tui.date-picker/blob/production/docs/getting-started.md)
* [Tutorials](https://github.com/nhn/tui.date-picker/tree/production/docs)
* [APIs](https://nhn.github.io/tui.date-picker/latest)
+* [v4.0.0 Migration Guide](https://github.com/nhn/tui.date-picker/blob/master/docs/getting-started.md#v400-migration-guide)
You can also see the older versions of API page on the [releases page](https://github.com/nhn/tui.date-picker/releases).
@@ -226,8 +227,8 @@ You can also see the older versions of API page on the [releases page](https://g
## 🔩 Dependency
* [tui-code-snippet](https://github.com/nhn/tui.code-snippet) >=1.5.0
-* [tui-time-picker](https://github.com/nhn/tui.time-picker) >=1.3.0
-* [jquery](https://jquery.com/) >=1.11.0
+* [tui-dom](https://github.com/nhn/tui.dom) >=3.0.0
+* [tui-time-picker](https://github.com/nhn/tui.time-picker) >=2.0.0
## 📜 License
diff --git a/bower.json b/bower.json
index 31e8599..3af033c 100644
--- a/bower.json
+++ b/bower.json
@@ -23,8 +23,8 @@
"package-lock.json"
],
"dependencies": {
- "jquery": "^1.11.0",
"tui-code-snippet": "^1.5.0",
- "tui-time-picker": "^1.3.0"
+ "tui-dom": "^3.0.0",
+ "tui-time-picker": "^2.0.0"
}
}
diff --git a/docs/README.md b/docs/README.md
index 5161ac4..0ab0c11 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -1,11 +1,10 @@
## Tutorials
- [Getting Started](getting-started.md)
-- [v3.0.0 Migration Guide](v3.0.0-migration-guide.md)
## Documents
-- [Code of Conducting](../CODE_OF_CONDUCTING.md)
+- [Code of Conducting](../CODE_OF_CONDUCT.md)
- [Contributing Guide](../CONTRIBUTING.md)
- [Commit Message Convention](COMMIT_MESSAGE_CONVENTION.md)
- [API & Examples](https://nhn.github.io/tui.date-picker/latest)
diff --git a/docs/getting-started.md b/docs/getting-started.md
index 0409472..f2e2cd1 100644
--- a/docs/getting-started.md
+++ b/docs/getting-started.md
@@ -1,6 +1,34 @@
+## v4.0.0 Migration Guide
+In v4.0.0, jQuery is removed. It might cause other components to fail if they pass a jQuery object as a container.
+
+Previously, you can use a `jQuery` to create an instance.
+```javascript
+// v3
+var instance = new tui.DatePicker($('#datepicker-wrapper'), {
+ // options
+});
+```
+
+Now, you have to use `selector` or `HTMLElement` as a container.
+```javascript
+// v4
+var instance = new tui.DatePicker('#datepicker-wrapper', {
+ // options
+});
+
+// or
+
+var container = document.getElementById('datepicker-wrapper');
+var instance = new tui.DatePicker(container, {
+ // options
+});
+```
+
## Load dependency files
-* Script - [jQuery](https://github.com/jquery/jquery) 1.11.0 or later
-* Script - [tui-code-snippet](https://github.com/nhn/tui.code-snippet) 1.2.5 or later
+* Script - [tui-code-snippet](https://github.com/nhn/tui.code-snippet) 1.5.0 or later
+* Script - [tui-dom](https://github.com/nhn/tui.dom) 3.0.0 or later
+ > If your project should support IE8, please use `tui-dom.js`, not `tui-dom.min.js`.
+* Script - [tui-time-picker](https://github.com/nhn/tui.time-picker) 2.0.0 or later
```html
@@ -10,8 +38,8 @@
....
-
+
....
@@ -37,7 +65,7 @@ var instance = new tui.DatePicker('#datepicker-wrapper', {
### Datepicker
* language (default 'en')
* There are two supporting types by default - 'en' and 'ko'.
- * For custom texts - See the [Datepicker.localeTexts](https://nhn.github.io/tui.date-picker/latest/DatePicker.html#.localeTexts)
+ * For custom texts - See the [Datepicker.localeTexts](https://nhn.github.io/tui.date-picker/latest/DatePicker#localeTexts)
* If set both calendar-language and datepicker-language, will apply datepicker-language first.
* showAlways (default false)
* If true, the datepicker will not close until you call "close()".
@@ -51,7 +79,7 @@ var instance = new tui.DatePicker('#datepicker-wrapper', {
* See the [Date-Time text format](#date-time-text-format)
* type (default 'date')
* Type of picker - 'date', 'month', year'
- * See [examples](https://nhn.github.io/tui.date-picker/latest/tutorial-example05-picking-month.html) in API page
+ * See [examples](https://nhn.github.io/tui.date-picker/latest/tutorial-example05-picking-month) in API page
* selectableRanges
* Set selectable dates of datepicker
* 2d-Array: `[[startDate1, endDate1], [startDate2, endDate2], ...]`
@@ -66,7 +94,7 @@ var instance = new tui.DatePicker('#datepicker-wrapper', {
### Calendar
* language (default 'en')
* There are two supporting types by default - 'en' and 'ko'.
- * For custom texts - See the [Calendar.localeTexts](https://nhn.github.io/tui.date-picker/latest/Calendar.html#.localeTexts)
+ * For custom texts - See the [Calendar.localeTexts](https://nhn.github.io/tui.date-picker/latest/Calendar#localeTexts)
* showToday (default true)
* If true, calendar shows today
* showJumpButtons
diff --git a/examples/example01-basic.html b/examples/example01-basic.html
index e6b7b5d..105cfa7 100644
--- a/examples/example01-basic.html
+++ b/examples/example01-basic.html
@@ -15,8 +15,8 @@
-
+
+
+
-
+
+
+
+
+
+
+