Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
vue-ctk-date-time-picker
Advanced tools
vue-ctk-date-time-picker - npm Package Compare versions
Comparing version 1.4.2 to 2.0.0
112
package.json
| { | ||
| "name": "vue-ctk-date-time-picker", | ||
| "version": "1.4.2", | ||
| "version": "2.0.0", | ||
| "description": "A vue component for select date & time (by Chronotruck)", | ||
@@ -10,12 +10,12 @@ "author": "Louis Mazel <loic.mazuel@chronotruck.com>", | ||
| "scripts": { | ||
| "lint": "eslint --ext .js,.vue src modules", | ||
| "lint:fix": "eslint --ext .js,.vue src apps --fix", | ||
| "serve": "vue-cli-service serve --open", | ||
| "serve:build": "vue-cli-service serve --mode production", | ||
| "build": "npm run lint && npm run build:lib && npm run build:demo", | ||
| "build:lib": "vue-cli-service build --target lib ./src/VueCtkDateTimePicker/index.vue && cp dist/vue-ctk-date-time-picker.css dist/vue-ctk-date-time-picker.min.css", | ||
| "build:lib": "vue-cli-service build --target lib ./src/VueCtkDateTimePicker/index.vue", | ||
| "build:demo": "vue-cli-service build --dest demo --mode production", | ||
| "lint": "vue-cli-service lint", | ||
| "before-publish": "npm run lint && npm run build && npm i", | ||
| "ui": "vue ui", | ||
| "test": "vue-cli-service test:unit /test/specs", | ||
| "serve": "vue-cli-service serve --mode development", | ||
| "serve:build": "vue-cli-service serve --mode production", | ||
| "ui": "vue ui", | ||
| "before-publish": "npm run lint && npm run build && npm i" | ||
| "publish-npm:beta": "npm publish --tag beta" | ||
| }, | ||
@@ -27,75 +27,32 @@ "files": [ | ||
| "dependencies": { | ||
| "lodash": "^4.17.11", | ||
| "moment": "^2.22.1", | ||
| "moment-range": "^4.0.1", | ||
| "moment-timezone": "^0.5.23", | ||
| "vue": "^2.5.16" | ||
| "v-click-outside": "^2.0.2", | ||
| "vue": "^2.5.17" | ||
| }, | ||
| "devDependencies": { | ||
| "@babel/core": "^7.0.0", | ||
| "@babel/plugin-proposal-class-properties": "^7.0.0", | ||
| "@babel/plugin-proposal-decorators": "^7.0.0", | ||
| "@babel/plugin-proposal-export-namespace-from": "^7.0.0", | ||
| "@babel/plugin-proposal-function-sent": "^7.1.0", | ||
| "@babel/plugin-proposal-json-strings": "^7.0.0", | ||
| "@babel/plugin-proposal-numeric-separator": "^7.0.0", | ||
| "@babel/plugin-proposal-throw-expressions": "^7.0.0", | ||
| "@babel/plugin-syntax-dynamic-import": "^7.0.0", | ||
| "@babel/plugin-syntax-import-meta": "^7.0.0", | ||
| "@babel/plugin-syntax-jsx": "^7.0.0", | ||
| "@babel/plugin-transform-runtime": "^7.0.0", | ||
| "@babel/preset-env": "^7.0.0", | ||
| "@vue/cli": "3.1.3", | ||
| "@vue/cli-service": "3.1.4", | ||
| "autoprefixer": "^8.0.0", | ||
| "babel-eslint": "^9.0.0", | ||
| "babel-loader": "^8.0.4", | ||
| "chai": "^4.1.2", | ||
| "chalk": "^2.0.1", | ||
| "copy-webpack-plugin": "^4.0.1", | ||
| "cross-env": "^5.2.0", | ||
| "css-loader": "^0.28.0", | ||
| "cssnano-cli": "^1.0.4", | ||
| "eslint": "^4.11.0", | ||
| "eslint-config-standard": "^10.2.1", | ||
| "eslint-friendly-formatter": "^3.0.0", | ||
| "eslint-loader": "^2.1.1", | ||
| "eslint-plugin-import": "^2.7.0", | ||
| "eslint-plugin-node": "^5.2.0", | ||
| "eslint-plugin-promise": "^3.4.0", | ||
| "eslint-plugin-standard": "^3.0.1", | ||
| "eslint-plugin-vue": "^4.0.0", | ||
| "extract-text-webpack-plugin": "^4.0.0-beta.0", | ||
| "file-loader": "^1.1.11", | ||
| "friendly-errors-webpack-plugin": "^1.6.1", | ||
| "html-webpack-plugin": "^3.2.0", | ||
| "karma-chai": "^0.1.0", | ||
| "karma-phantomjs-launcher": "^1.0.4", | ||
| "karma-phantomjs-shim": "^1.5.0", | ||
| "node-glob": "^1.2.0", | ||
| "node-notifier": "^5.1.2", | ||
| "node-sass": "^4.9.1", | ||
| "npm-run-all": "^4.0.1", | ||
| "optimize-css-assets-webpack-plugin": "^3.2.0", | ||
| "ora": "^1.2.0", | ||
| "portfinder": "^1.0.13", | ||
| "postcss-cli": "^5.0.0", | ||
| "postcss-import": "^11.0.0", | ||
| "postcss-loader": "^2.0.8", | ||
| "postcss-url": "^7.2.1", | ||
| "rimraf": "^2.6.0", | ||
| "sass-loader": "^7.0.3", | ||
| "semver": "^5.3.0", | ||
| "shelljs": "^0.7.6", | ||
| "typescript": "^2.6.1", | ||
| "uglifyjs-webpack-plugin": "^1.1.1", | ||
| "url-loader": "^1.1.1", | ||
| "vue-loader": "^15.4.2", | ||
| "vue-style-loader": "^3.0.1", | ||
| "vue-template-compiler": "^2.5.2", | ||
| "vue-webpack-loaders": "^1.0.6", | ||
| "webpack": "^4.25.1", | ||
| "webpack-bundle-analyzer": "^2.9.0", | ||
| "webpack-cli": "^3.1.2", | ||
| "webpack-dev-server": "^3.1.7" | ||
| "@vue/cli-plugin-babel": "^3.2.0", | ||
| "@vue/cli-plugin-eslint": "^3.2.0", | ||
| "@vue/cli-service": "^3.2.0", | ||
| "babel-eslint": "^10.0.1", | ||
| "eslint": "^5.8.0", | ||
| "eslint-config-standard": "^12.0.0", | ||
| "eslint-plugin-vue": "^5.0.0-0", | ||
| "node-sass": "^4.11.0", | ||
| "sass-loader": "^7.1.0", | ||
| "vue-cli-plugin-webpack-bundle-analyzer": "^1.2.0", | ||
| "vue-template-compiler": "^2.5.17" | ||
| }, | ||
| "postcss": { | ||
| "plugins": { | ||
| "autoprefixer": {} | ||
| } | ||
| }, | ||
| "browserslist": [ | ||
| "> 1%", | ||
| "last 2 versions", | ||
| "not ie <= 8" | ||
| ], | ||
| "repository": { | ||
@@ -126,6 +83,3 @@ "type": "git", | ||
| }, | ||
| "homepage": "https://github.com/chronotruck/vue-ctk-date-time-picker#readme", | ||
| "directories": { | ||
| "test": "test" | ||
| } | ||
| "homepage": "https://github.com/chronotruck/vue-ctk-date-time-picker#readme" | ||
| } |
@@ -46,3 +46,3 @@  | ||
| <script type="text/javascript"> | ||
| Vue.component('vue-ctk-date-time-picker', window['vue-ctk-date-time-picker'].default); | ||
| Vue.component('vue-ctk-date-time-picker', window['vue-ctk-date-time-picker']); | ||
| </script> | ||
@@ -56,47 +56,60 @@ ``` | ||
| |------------|------------|----------|------------| | ||
| | v-model | String/Int | yes | - | | ||
| | v-model | String | yes | - | | ||
| | id | string | no | CtkDateTimePicker | | ||
| | label | String | no | Select date & time | | ||
| | disabled | Boolean | no | false | | ||
| | hint (1) | text | no | - | | ||
| | error-hint (2) | Boolean | no | false | | ||
| | error (2) | Boolean | no | false | | ||
| | color (3) | String (hex) | no | dodgerblue | | ||
| | button-color (4) | String (hex) | no | #00C853 | | ||
| | position | String | no | null | | ||
| | locale (5) | String | no | Browser Locale | | ||
| | persistent | Boolean | no | false | | ||
| | minute-interval | Int | no | 1 | | ||
| | formatted | string | no | 'llll' (momentjs format) | | ||
| | format | string | no | - | | ||
| | time-format | string | no | 'H:mm a' | | ||
| | locale (4) | string | no | Browser Locale | | ||
| | time-zone (5) | string | no | Browser Time Zone | | ||
| | disable-time | Boolean | no | false | | ||
| | disable-date | Boolean | no | false | | ||
| | without-header | Boolean | no | false | | ||
| | id | string | no | CtkDateTimePicker | | ||
| | formatted | String | no | 'llll' (momentjs format) | | ||
| | format | String | no | - | | ||
| | output-format | String | no | null | | ||
| | time-zone (6) | String | no | Browser Time Zone | | ||
| | only-time | Boolean | no | false | | ||
| | only-date | Boolean | no | false | | ||
| | no-header | Boolean | no | false | | ||
| | overlay | Boolean | no | true | | ||
| | min-date (6) | string | no | - | | ||
| | max-date (6) | string | no | - | | ||
| | min-date (7) | String | no | - | | ||
| | max-date (7) | String | no | - | | ||
| | no-weekends-days | Boolean | no | false | | ||
| | auto-close | Boolean | no | false | | ||
| | inline | Boolean | no | false | | ||
| | overlay-background | Boolean | no | false | | ||
| | disabled-dates (7) | Boolean | no | [] | | ||
| | overlay | Boolean | no | false | | ||
| | range-mode | Boolean | no | false | | ||
| | dark | Boolean | no | false | | ||
| | without-range-shortcut | Boolean | no | false | | ||
| | shortcuts-translation (8) | Object | no | - | | ||
| | disabled-hours (9) | Array (of String) | no | - | | ||
| | no-shortcuts | Boolean | no | false | | ||
| | no-button | Boolean | no | false | | ||
| | disabled-dates (8) | Array<string> | no | [] | | ||
| | disabled-hours (9) | Array<string> | no | - | | ||
| | shortcuts-translations (10) | Object | no | - | | ||
| | input-size | String (sm or lg) | no | null | | ||
| | button-now-translation | String | no | 'Now' | | ||
| | no-button-now | Boolean | no | false | | ||
| | first-day-of-week | Int (0 to 7) | no | - | | ||
| (1) hint : Is a text that replaces the label/placeholder | ||
| (1) hint : Is a text that replaces the label/placeholder (Ex : Error designation) | ||
| (2) error-hint : When is `true` --> Input border & label are red | ||
| (2) error : When is `true` --> Input border & label are red | ||
| (3) color: Replace color for the hint, the borders & time selected in dropdown | ||
| (3) color: Replace color for the hint, the borders & picker color | ||
| (4) locale : Default value is the locale of the browser - Ex : Set `locale="fr"` to force to French language | ||
| (4) button-color: Replace color for the buttons on bottom (validation & 'now') | ||
| (5) time-zone : Default value is the time-zone of the browser - Ex : Set `Europe/Paris` to force to French TZ. Do not forget to use a format like this `YYYY-MM-DDTHH:mm:ssZ` to get the TZ | ||
| (5) locale : Default value is the locale of the browser - Ex : Set `locale="fr"` to force to French language | ||
| (6) time-zone : Default value is the time-zone of the browser - Ex : Set `Europe/Paris` to force to French TZ. Do not forget to use a format like this `YYYY-MM-DDTHH:mm:ssZ` to get the TZ | ||
| (6) min-date & max-date : Must be `'YYYY-MM-DD'` format | ||
| (7) min-date & max-date : Must be `'YYYY-MM-DD'` format | ||
| (7) Disabled-Dates is an Array of dates in 'YYYY-MM-DD' format (ex: `['2018-04-03', '2018-04-07', '2018-04-09']`) | ||
| (8) Disabled-Dates is an Array of dates in 'YYYY-MM-DD' format (ex: `['2018-04-03', '2018-04-07', '2018-04-09']`) | ||
| (8) shortcuts-translation : Must be an Object like that | ||
| (9) disabled-hours : Must be an Array of hours in 24h format ('00' to '23') : `['00','01','02','03','04','05','06','07','19','20','21','22','23']` | ||
| (10) shortcuts-translation : Must be an Object like that | ||
| ``` | ||
@@ -114,3 +127,2 @@ { | ||
| (9) disabled-hours : Must be an Array of hours in 24h format ('00' to '23') : `['00','01','02','03','04','05','06','07','19','20','21','22','23']` | ||
@@ -121,3 +133,2 @@ ## Upcoming features (Todo) | ||
| - UI Improvements for TimePicker (Issue #35) | ||
| - Custom elements for trigger the component | ||
| - Double Calendar on RangeDatePicker | ||
@@ -130,20 +141,18 @@ - Inputs Text to choose values (Issue #30) | ||
| ``` bash | ||
| # install dependencies | ||
| ## Project setup | ||
| ``` | ||
| npm install | ||
| ``` | ||
| # serve with hot reload at localhost:8080 | ||
| ### Compiles and hot-reloads for development | ||
| ``` | ||
| npm run serve | ||
| ``` | ||
| ## Build | ||
| ### Lints and fixes files | ||
| ``` | ||
| npm run lint | ||
| ``` | ||
| To build just run: `npm run build:lib` | ||
| ## Tests | ||
| Work in progress | ||
| ## License | ||
| This project is licensed under [MIT License](http://en.wikipedia.org/wiki/MIT_License) | ||
| ### Customize configuration | ||
| See [Configuration Reference](https://cli.vuejs.org/config/). |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by53.01%
11120315
- Dev dependency count
- decreased by-83.33%
11
- Lines of code
- increased by82.52%
81906
- Number of lines in readme file
- increased by6.21%
154
Worsened metrics
- Dependency count
- increased by50%
6
Dependency changes
+ Addedlodash@^4.17.11
+ Addedv-click-outside@^2.0.2
+ Addedlodash@4.17.21(transitive)
+ Addedv-click-outside@2.1.5(transitive)
Updatedvue@^2.5.17