[Release] { 1.3.0 } Range mode (w/ shortcuts), dark mode, overlay dar…

…k background (#26) (#27) * 🚀 [feature] Add range mode (#26) * First commit * add range picker component * Finished feature * 🏗️ Build * del logs * del logs * correct indentation * Range Picker support auto-close option * 🏗️ Build * 🍍 Add Range shortcut (#28) * 💊 Correct syntax * 📘 Update ReadME * ➕ add tag * 🖼️ Add gif for README * 💊 Fix dates formatting for timepicker * 🕶️ [feature] Add dark mode (#29) * Finish dark mode * toggle text for dark mode button * update dark gif * 📘 Update ReadME for Dark Mode * 📅 Fix UX logic with range shortcuts * 📘 Update ReadME * 📘 Update ReadME * 📘 Update ReadME * 🚀 [feature] Today is shown on datepicker * 📘 Update ReadME * 🏗️ Build 1.3.0 * 🏗️ Build 1.3.0
chronotruck · Oct 15, 2018 · c83f057 · c83f057
1 parent 316da33
commit c83f057
Show file tree

Hide file tree

Showing 42 changed files with 1,124 additions and 305 deletions.
diff --git a/README.md b/README.md
@@ -1,11 +1,14 @@
-# vue-ctk-date-time-picker
+![vue-ctk-date-time-picker](./assets/logo_sticky.png)
 
-> A vue component for select date & time (by Chronotruck)
+# vue-ctk-date-time-picker
 
-![vue-ctk-date-time-picker](./assets/illu.png)
+> A vue component for select dates (range mode available) & time
 
+![vue-ctk-date-time-picker](./assets/illu-animated.gif)
+#### Dark mode
+![vue-ctk-date-time-picker](./assets/illu-animated-dark.gif)
 ## Demo
-A [demo](https://htmlpreview.github.io/?https://github.com/chronotruck/vue-ctk-date-time-picker/blob/master/demo/index.html)
+[Enjoy here](https://htmlpreview.github.io/?https://github.com/chronotruck/vue-ctk-date-time-picker/blob/master/demo/index.html)
 
 ## Installation
 
@@ -74,17 +77,20 @@ Vue.component('vue-ctk-date-time-picker', VueCtkDateTimePicker);
 | no-weekends-days | Boolean | no | false |
 | auto-close | Boolean | no | false |
 | without-input | Boolean | no | false |
+| overlay-background | Boolean | no | false |
 | disabled-dates***** | Boolean | no | [] |
+| range-mode | Boolean | no | false |
+| dark | Boolean | no | false |
 
 *hint : Is a text that replaces the label/placeholder
 
 **error-hint : When is `true` --> Input border & label are red
 
 ***color: Replace color for the hint, the borders & time selected in dropdown
 
-****min-date & max-date : Must be 'YYYY-MM-DD' format
+****min-date & max-date : Must be `'YYYY-MM-DD'` format
 
-*****Disabled-Dates is an Array of dates in 'YYYY-MM-DD' format (ex: `['2018-04-03', '2018-04-07', '2018-04-09'])
+*****Disabled-Dates is an Array of dates in 'YYYY-MM-DD' format (ex: `['2018-04-03', '2018-04-07', '2018-04-09']`)
 
 
 ## Contribution

diff --git a/assets/illu-animated-dark.gif b/assets/illu-animated-dark.gif
diff --git a/assets/illu-animated.gif b/assets/illu-animated.gif
diff --git a/assets/logo.png b/assets/logo.png
diff --git a/assets/logo_sticky.png b/assets/logo_sticky.png
diff --git a/demo/index.html b/demo/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>vue-ctk-date-time-picker</title><link rel=stylesheet href=./assets/main.css><link href=./static/css/app.a83645a277b674056f79ce432bd1f710.css rel=stylesheet></head><body><div id=app></div><script src=/build/build.js></script><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.88b4d2f1b6949b36de49.js></script><script type=text/javascript src=./static/js/app.a7104fbcd3c2201f96ec.js></script></body></html>
+<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>vue-ctk-date-time-picker</title><link rel=stylesheet href=./assets/main.css><link href=./static/css/app.596179cf1d5485374e4ea3ebb34a61c7.css rel=stylesheet></head><body><div id=app></div><script src=/build/build.js></script><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.1eb7121699eee7ac0a43.js></script><script type=text/javascript src=./static/js/app.946a614ca530d8f4d7da.js></script></body></html>
diff --git a/demo/static/css/app.596179cf1d5485374e4ea3ebb34a61c7.css b/demo/static/css/app.596179cf1d5485374e4ea3ebb34a61c7.css
diff --git a/demo/static/css/app.596179cf1d5485374e4ea3ebb34a61c7.css.map b/demo/static/css/app.596179cf1d5485374e4ea3ebb34a61c7.css.map
diff --git a/demo/static/css/app.a83645a277b674056f79ce432bd1f710.css b/demo/static/css/app.a83645a277b674056f79ce432bd1f710.css
diff --git a/demo/static/css/app.a83645a277b674056f79ce432bd1f710.css.map b/demo/static/css/app.a83645a277b674056f79ce432bd1f710.css.map
diff --git a/demo/static/img/logo.3b41a28.png b/demo/static/img/logo.3b41a28.png
diff --git a/demo/static/js/app.946a614ca530d8f4d7da.js b/demo/static/js/app.946a614ca530d8f4d7da.js
diff --git a/demo/static/js/app.946a614ca530d8f4d7da.js.map b/demo/static/js/app.946a614ca530d8f4d7da.js.map
diff --git a/demo/static/js/app.a7104fbcd3c2201f96ec.js b/demo/static/js/app.a7104fbcd3c2201f96ec.js
diff --git a/demo/static/js/app.a7104fbcd3c2201f96ec.js.map b/demo/static/js/app.a7104fbcd3c2201f96ec.js.map
diff --git a/demo/static/js/manifest.3ad1d5771e9b13dbdad2.js.map b/demo/static/js/manifest.3ad1d5771e9b13dbdad2.js.map
diff --git a/.../static/js/vendor.88b4d2f1b6949b36de49.js → .../static/js/vendor.1eb7121699eee7ac0a43.js b/.../static/js/vendor.88b4d2f1b6949b36de49.js → .../static/js/vendor.1eb7121699eee7ac0a43.js
diff --git a/demo/static/js/vendor.1eb7121699eee7ac0a43.js.map b/demo/static/js/vendor.1eb7121699eee7ac0a43.js.map
diff --git a/demo/static/js/vendor.88b4d2f1b6949b36de49.js.map b/demo/static/js/vendor.88b4d2f1b6949b36de49.js.map
diff --git a/dist/umd/vue-ctk-date-time-picker.min.css b/dist/umd/vue-ctk-date-time-picker.min.css
diff --git a/dist/umd/vue-ctk-date-time-picker.min.css.map b/dist/umd/vue-ctk-date-time-picker.min.css.map
diff --git a/dist/umd/vue-ctk-date-time-picker.min.js b/dist/umd/vue-ctk-date-time-picker.min.js
diff --git a/dist/umd/vue-ctk-date-time-picker.min.js.map b/dist/umd/vue-ctk-date-time-picker.min.js.map
diff --git a/dist/vue-ctk-date-time-picker.min.css b/dist/vue-ctk-date-time-picker.min.css
diff --git a/dist/vue-ctk-date-time-picker.min.css.map b/dist/vue-ctk-date-time-picker.min.css.map
diff --git a/dist/vue-ctk-date-time-picker.min.js b/dist/vue-ctk-date-time-picker.min.js
diff --git a/dist/vue-ctk-date-time-picker.min.js.map b/dist/vue-ctk-date-time-picker.min.js.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-ctk-date-time-picker",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "A vue component for select date & time (by Chronotruck)",
   "author": "Louis Mazel <[email protected]>",
   "main": "dist/vue-ctk-date-time-picker.min.js",
@@ -101,6 +101,7 @@
     "input",
     "date",
     "time",
+    "range",
     "picker",
     "ctk",
     "chronotruck",

diff --git a/poi.config.js b/poi.config.js
@@ -6,7 +6,7 @@ module.exports = {
   entry: glob('./src/vue-ctk-date-time-picker/*.vue'),
   filename: {
     js: name + '.min.js',
-    css: name + '.min.css',
+    css: name + '.min.css'
   },
   sourceMap: true,
   html: false,
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>vue-ctk-date-time-picker</title><link rel=stylesheet href=./assets/main.css><link href=./static/css/app.a83645a277b674056f79ce432bd1f710.css rel=stylesheet></head><body><div id=app></div><script src=/build/build.js></script><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.88b4d2f1b6949b36de49.js></script><script type=text/javascript src=./static/js/app.a7104fbcd3c2201f96ec.js></script></body></html>
		<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>vue-ctk-date-time-picker</title><link rel=stylesheet href=./assets/main.css><link href=./static/css/app.596179cf1d5485374e4ea3ebb34a61c7.css rel=stylesheet></head><body><div id=app></div><script src=/build/build.js></script><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.1eb7121699eee7ac0a43.js></script><script type=text/javascript src=./static/js/app.946a614ca530d8f4d7da.js></script></body></html>