vue-bootstrap-datetimepicker - npm Package Compare versions

Comparing version 5.0.0-beta.2 to 5.0.0

CHANGELOG.md

 # Changelog
 
+## 5.0.0
+* Same as previous beta version but without beta dist tag
+
 ## 5.0.0-beta.2
@@ -4,0 +7,0 @@ * Change export names

dist/vue-bootstrap-datetimepicker.js

 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("moment"), require("jquery"), require("pc-bootstrap4-datetimepicker"));
+		module.exports = factory(require("jquery"), require("moment"), require("pc-bootstrap4-datetimepicker"));
 	else if(typeof define === 'function' && define.amd)
-		define("VueBootstrapDatetimePicker", ["moment", "jquery", "pc-bootstrap4-datetimepicker"], factory);
+		define("VueBootstrapDatetimePicker", ["jquery", "moment", "pc-bootstrap4-datetimepicker"], factory);
 	else if(typeof exports === 'object')
-		exports["VueBootstrapDatetimePicker"] = factory(require("moment"), require("jquery"), require("pc-bootstrap4-datetimepicker"));
+		exports["VueBootstrapDatetimePicker"] = factory(require("jquery"), require("moment"), require("pc-bootstrap4-datetimepicker"));
 	else
-		root["VueBootstrapDatetimePicker"] = factory(root["moment"], root["jQuery"], root["pc-bootstrap4-datetimepicker"]);
-})(window, function(__WEBPACK_EXTERNAL_MODULE__0__, __WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__3__) {
+		root["VueBootstrapDatetimePicker"] = factory(root["jQuery"], root["moment"], root["pc-bootstrap4-datetimepicker"]);
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__, __WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__2__) {
 return /******/ (function(modules) { // webpackBootstrap
@@ -94,3 +94,3 @@ /******/ 	// The module cache
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 2);
+/******/ 	return __webpack_require__(__webpack_require__.s = 3);
 /******/ })
@@ -112,2 +112,8 @@ /************************************************************************/
 /* 2 */
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
+
+/***/ }),
+/* 3 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -118,3 +124,3 @@
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/component.vue?vue&type=template&id=8edab542
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/component.vue?vue&type=template&id=8edab542&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.config.inline)?_c('div',{staticClass:"datetimepicker-inline"}):_c('input',{staticClass:"form-control",attrs:{"type":"text"}})}
@@ -124,16 +130,16 @@ var staticRenderFns = []
 
-// CONCATENATED MODULE: ./src/component.vue?vue&type=template&id=8edab542
+// CONCATENATED MODULE: ./src/component.vue?vue&type=template&id=8edab542&
 
 // EXTERNAL MODULE: external {"commonjs":"jquery","commonjs2":"jquery","amd":"jquery","root":"jQuery"}
-var external_commonjs_jquery_commonjs2_jquery_amd_jquery_root_jQuery_ = __webpack_require__(1);
+var external_commonjs_jquery_commonjs2_jquery_amd_jquery_root_jQuery_ = __webpack_require__(0);
 var external_commonjs_jquery_commonjs2_jquery_amd_jquery_root_jQuery_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_jquery_commonjs2_jquery_amd_jquery_root_jQuery_);
 
 // EXTERNAL MODULE: external "moment"
-var external_moment_ = __webpack_require__(0);
+var external_moment_ = __webpack_require__(1);
 var external_moment_default = /*#__PURE__*/__webpack_require__.n(external_moment_);
 
 // EXTERNAL MODULE: external "pc-bootstrap4-datetimepicker"
-var external_pc_bootstrap4_datetimepicker_ = __webpack_require__(3);
+var external_pc_bootstrap4_datetimepicker_ = __webpack_require__(2);
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/component.vue?vue&type=script&lang=js
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/component.vue?vue&type=script&lang=js&
 //
@@ -157,3 +163,3 @@ //
 
-/* harmony default export */ var componentvue_type_script_lang_js = ({
+/* harmony default export */ var componentvue_type_script_lang_js_ = ({
   name: 'date-picker',
@@ -273,4 +279,4 @@ props: {
 });
-// CONCATENATED MODULE: ./src/component.vue?vue&type=script&lang=js
- /* harmony default export */ var src_componentvue_type_script_lang_js = (componentvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/component.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_componentvue_type_script_lang_js_ = (componentvue_type_script_lang_js_); 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
@@ -380,3 +386,3 @@ /* globals __VUE_SSR_CONTEXT__ */
 var component = normalizeComponent(
-  src_componentvue_type_script_lang_js,
+  src_componentvue_type_script_lang_js_,
   render,
@@ -391,2 +397,3 @@ staticRenderFns,
 
+component.options.__file = "component.vue"
 /* harmony default export */ var src_component = (component.exports);
@@ -411,10 +418,4 @@ // CONCATENATED MODULE: ./src/index.js
 
-/***/ }),
-/* 3 */
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__3__;
-
 /***/ })
 /******/ ])["default"];
 });

dist/vue-bootstrap-datetimepicker.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("moment"),require("jquery"),require("pc-bootstrap4-datetimepicker")):"function"==typeof define&&define.amd?define("VueBootstrapDatetimePicker",["moment","jquery","pc-bootstrap4-datetimepicker"],t):"object"==typeof exports?exports.VueBootstrapDatetimePicker=t(require("moment"),require("jquery"),require("pc-bootstrap4-datetimepicker")):e.VueBootstrapDatetimePicker=t(e.moment,e.jQuery,e["pc-bootstrap4-datetimepicker"])}(window,function(e,t,n){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=2)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";n.r(t);var r=n(1),o=n.n(r),i=n(0),u=n.n(i),a=(n(3),["hide","show","change","error","update"]),c=function(e,t,n,r,o,i,u,a){var c,s="function"==typeof e?e.options:e;if(t&&(s.render=t,s.staticRenderFns=[],s._compiled=!0),c)if(s.functional){s._injectStyles=c;var p=s.render;s.render=function(e,t){return c.call(t),p(e,t)}}else{var f=s.beforeCreate;s.beforeCreate=f?[].concat(f,c):[c]}return{exports:e,options:s}}({name:"date-picker",props:{value:{default:null,required:!0,validator:function(e){return null===e||e instanceof Date||"string"==typeof e||e instanceof String||e instanceof u.a}},config:{type:Object,default:function(){return{}}},wrap:{type:Boolean,default:!1}},data:function(){return{dp:null,elem:null}},mounted:function(){this.dp||(this.elem=o()(this.wrap?this.$el.parentNode:this.$el),this.elem.datetimepicker(this.config),this.dp=this.elem.data("DateTimePicker"),this.dp.date(this.value),this.elem.on("dp.change",this.onChange),this.registerEvents())},watch:{value:function(e){this.dp&&this.dp.date(e||null)},config:{deep:!0,handler:function(e){this.dp&&this.dp.options(e)}}},methods:{onChange:function(e){var t=e.date?e.date.format(this.dp.format()):null;this.$emit("input",t)},registerEvents:function(){var e=this;a.forEach(function(t){e.elem.on("dp."+t,function(){for(var n=arguments.length,r=Array(n),o=0;o<n;o++)r[o]=arguments[o];e.$emit.apply(e,["dp-"+t].concat(r))})})}},beforeDestroy:function(){this.dp&&(this.dp.destroy(),this.dp=null,this.elem=null)}},function(){var e=this.$createElement,t=this._self._c||e;return this.config.inline?t("div",{staticClass:"datetimepicker-inline"}):t("input",{staticClass:"form-control",attrs:{type:"text"}})}).exports;n.d(t,"Plugin",function(){return s}),n.d(t,"Component",function(){return c});var s=function(e,t){var n="date-picker";"string"==typeof t&&(n=t),e.component(n,c)};c.install=s,t.default=c},function(e,t){e.exports=n}]).default});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("jquery"),require("moment"),require("pc-bootstrap4-datetimepicker")):"function"==typeof define&&define.amd?define("VueBootstrapDatetimePicker",["jquery","moment","pc-bootstrap4-datetimepicker"],t):"object"==typeof exports?exports.VueBootstrapDatetimePicker=t(require("jquery"),require("moment"),require("pc-bootstrap4-datetimepicker")):e.VueBootstrapDatetimePicker=t(e.jQuery,e.moment,e["pc-bootstrap4-datetimepicker"])}(window,function(e,t,n){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=3)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),i=n(1),u=n.n(i),a=(n(2),["hide","show","change","error","update"]),c=function(e,t,n,r,o,i,u,a){var c,p="function"==typeof e?e.options:e;if(t&&(p.render=t,p.staticRenderFns=[],p._compiled=!0),c)if(p.functional){p._injectStyles=c;var s=p.render;p.render=function(e,t){return c.call(t),s(e,t)}}else{var f=p.beforeCreate;p.beforeCreate=f?[].concat(f,c):[c]}return{exports:e,options:p}}({name:"date-picker",props:{value:{default:null,required:!0,validator:function(e){return null===e||e instanceof Date||"string"==typeof e||e instanceof String||e instanceof u.a}},config:{type:Object,default:function(){return{}}},wrap:{type:Boolean,default:!1}},data:function(){return{dp:null,elem:null}},mounted:function(){this.dp||(this.elem=o()(this.wrap?this.$el.parentNode:this.$el),this.elem.datetimepicker(this.config),this.dp=this.elem.data("DateTimePicker"),this.dp.date(this.value),this.elem.on("dp.change",this.onChange),this.registerEvents())},watch:{value:function(e){this.dp&&this.dp.date(e||null)},config:{deep:!0,handler:function(e){this.dp&&this.dp.options(e)}}},methods:{onChange:function(e){var t=e.date?e.date.format(this.dp.format()):null;this.$emit("input",t)},registerEvents:function(){var e=this;a.forEach(function(t){e.elem.on("dp."+t,function(){for(var n=arguments.length,r=Array(n),o=0;o<n;o++)r[o]=arguments[o];e.$emit.apply(e,["dp-"+t].concat(r))})})}},beforeDestroy:function(){this.dp&&(this.dp.destroy(),this.dp=null,this.elem=null)}},function(){var e=this.$createElement,t=this._self._c||e;return this.config.inline?t("div",{staticClass:"datetimepicker-inline"}):t("input",{staticClass:"form-control",attrs:{type:"text"}})});c.options.__file="component.vue";var p=c.exports;n.d(t,"Plugin",function(){return s}),n.d(t,"Component",function(){return p});var s=function(e,t){var n="date-picker";"string"==typeof t&&(n=t),e.component(n,p)};p.install=s,t.default=p}]).default});

package.json

 {
   "name": "vue-bootstrap-datetimepicker",
-  "version": "5.0.0-beta.2",
-  "description": "Vue.js component for bootstrap date time picker",
+  "version": "5.0.0",
+  "description": "Vue.js date time picker component for bootstrap 4",
   "main": "dist/vue-bootstrap-datetimepicker.js",
@@ -41,26 +41,26 @@ "unpkg": "dist/vue-bootstrap-datetimepicker.min.js",
   "devDependencies": {
-    "@fortawesome/fontawesome-free-webfonts": "^1.0.9",
-    "@vue/test-utils": "^1.0.0-beta.16",
+    "@fortawesome/fontawesome-free": "^5.2.0",
+    "@vue/test-utils": "^1.0.0-beta.24",
     "babel-core": "^6.26.3",
-    "babel-loader": "^7.1.1",
+    "babel-loader": "^7.1.5",
     "babel-preset-env": "^1.7.0",
-    "bootstrap": "~4.1.1",
+    "bootstrap": "~4.1.3",
     "clean-webpack-plugin": "^0.1.18",
-    "cross-env": "^5.1.6",
-    "css-loader": "^0.28.10",
+    "cross-env": "^5.2.0",
+    "css-loader": "^1.0.0",
     "file-loader": "^1.1.9",
     "html-webpack-plugin": "^3.2.0",
-    "jest": "^23.1.0",
+    "jest": "^23.5.0",
     "jquery": "^3.3.1",
-    "popper.js": "^1.14.3",
-    "style-loader": "^0.21.0",
+    "popper.js": "^1.14.4",
+    "style-loader": "^0.22.1",
     "unminified-webpack-plugin": "^2.0.0",
-    "vee-validate": "^2.0.9",
-    "vue": "^2.5.13",
+    "vee-validate": "^2.1.0-beta.8",
+    "vue": "^2.5.17",
     "vue-jest": "^2.6.0",
-    "vue-loader": "^15.2.2",
-    "vue-template-compiler": "^2.5.13",
-    "webpack": "^4.10.2",
-    "webpack-command": "^0.2.0",
-    "webpack-serve": "^1.0.2"
+    "vue-loader": "^15.3.0",
+    "vue-template-compiler": "^2.5.17",
+    "webpack": "^4.16.5",
+    "webpack-command": "^0.4.1",
+    "webpack-serve": "^2.0.2"
   },
@@ -67,0 +67,0 @@ "peerDependencies": {

README.md

@@ -1,2 +0,2 @@
-# Vue-Bootstrap-4-DatetimePicker
+# Vue Bootstrap 4 DatetimePicker
 
@@ -11,3 +11,3 @@ [![vue-js](https://img.shields.io/badge/vue.js-2.x-brightgreen.svg?maxAge=604800)](https://vuejs.org/)
 
-Vue.js v2.x component for [eonasdan-bootstrap-datetimepicker](http://eonasdan.github.io/bootstrap-datetimepicker/)
+Vue.js component for [eonasdan-bootstrap-datetimepicker](http://eonasdan.github.io/bootstrap-datetimepicker/)
 
@@ -17,11 +17,11 @@ ## Demo on [JSFiddle](https://jsfiddle.net/ankurk91/01407frf/)
 ## Versions
-:point_right: If you are looking for the documentation of older version then switch to respective version branch.
+:point_right: If you are looking for the documentation of an older version then switch to respective version branch.
  
-| Version  | Underlying Library                                                                                   | Bootstrap CSS version   | API Docs (same for both)        |
-| :---     |  :---:                                                                                               | :---:                   | :---             |
-| 4.x      | [eonasdan-bootstrap-datetimepicker](https://github.com/Eonasdan/bootstrap-datetimepicker) (Official) | 3.x                     | [Docs](http://eonasdan.github.io/bootstrap-datetimepicker) |
-| 5.x      | [pc-bootstrap4-datetimepicker](https://github.com/pingcheng/bootstrap4-datetimepicker)     (Fork)    | 4.x                     | [Docs](http://eonasdan.github.io/bootstrap-datetimepicker) |
+| Package Version  | Bootstrap CSS version | Underlying Library                                                                                   | API Docs (same for both)        |
+| :---             | :---:                 |  :---:                                                                                               | :---             |
+| 4.x              | 3.x                   | [eonasdan-bootstrap-datetimepicker](https://github.com/Eonasdan/bootstrap-datetimepicker) (Official) | [Docs](http://eonasdan.github.io/bootstrap-datetimepicker) |
+| 5.x              | 4.x                   | [pc-bootstrap4-datetimepicker](https://github.com/pingcheng/bootstrap4-datetimepicker)     (Fork)    | [Docs](http://eonasdan.github.io/bootstrap-datetimepicker) |
 
 ## Features
-* Reactive ``v-model`` value
+* Reactive `v-model` value
     - You can change datepicker value programmatically 
@@ -38,3 +38,3 @@ * Reactive [config](http://eonasdan.github.io/bootstrap-datetimepicker/Options/) options
 * jQuery >=1.8.3 
-* [Moment.js](https://momentjs.com/) ^2.18
+* [Moment.js](https://momentjs.com/) ^2.22
  
@@ -44,6 +44,6 @@ ## Installation
 # npm
-npm install vue-bootstrap-datetimepicker@beta --save
+npm install vue-bootstrap-datetimepicker --save
 
 # Yarn
-yarn add vue-bootstrap-datetimepicker@beta
+yarn add vue-bootstrap-datetimepicker
 ```
@@ -78,3 +78,3 @@
 #### Icon Fonts missing?
-* Bootstrap v4 does not come with any icon fonts. You can import [font-awesome](https://www.npmjs.com/package/@fortawesome/fontawesome-free-webfonts) v5 icons.
+* Bootstrap v4 does not come with any icon fonts. You can import [font-awesome](https://www.npmjs.com/package/@fortawesome/fontawesome-free) v5 icons css.
 ```js
@@ -165,14 +165,14 @@ // app.js
 <!-- Date-picker dependencies -->
-<script src="https://unpkg.com/jquery@3.3/dist/jquery.min.js"></script>
-<script src="https://unpkg.com/moment@2.18/min/moment.min.js"></script>
-<link href="https://unpkg.com/bootstrap@4/dist/css/bootstrap.min.css" rel="stylesheet">
+<script src="https://cdn.jsdelivr.net/npm/jquery@3.3"></script>
+<script src="https://cdn.jsdelivr.net/npm/moment@2.22"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@4/dist/css/bootstrap.min.css" rel="stylesheet">
 
 <!-- Date-picker itself -->
-<script src="https://unpkg.com/pc-bootstrap4-datetimepicker@4.17/build/js/bootstrap-datetimepicker.min.js"></script>
-<link href="https://unpkg.com/pc-bootstrap4-datetimepicker@4.17/build/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
+<script src="https://cdn.jsdelivr.net/npm/pc-bootstrap4-datetimepicker@4.17/build/js/bootstrap-datetimepicker.min.js"></script>
+<link href="https://cdn.jsdelivr.net/npm/pc-bootstrap4-datetimepicker@4.17/build/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
 
 <!-- Vue js -->
-<script src="https://unpkg.com/vue@2.5/dist/vue.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue@2.5"></script>
 <!-- Lastly add this package -->
-<script src="https://unpkg.com/vue-bootstrap-datetimepicker@beta"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-bootstrap-datetimepicker@5"></script>
 <script>
@@ -199,3 +199,11 @@ // Initialize as global component
 
+## Caveats
+* :warning: Don't pass config option as inline literal object to `:config` prop.
+```html
+<!-- This will cause date picker to freeze -->
+<date-picker v-model="card" :config="{format: 'DD/MM/YYYY'}"></cleave>
+```
+* Vue.js can not detect changes when literal object/arrays passed within template, [see](https://github.com/vuejs/vue/issues/4060)
+
 ## License
 [MIT](LICENSE.txt) License

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

36238

increased by1.49%

Lines of code

369

increased by0.27%

Number of low quality alerts

1

decreased by-50%

Number of lines in readme file

203

increased by4.1%

No dependency changes