chronotruck · eric-norcross · Sep 14, 2019 · Oct 1, 2019 · Oct 10, 2019 · Oct 29, 2019
diff --git a/README.md b/README.md
@@ -162,21 +162,24 @@ Here is an example of [UMD implementation](https://codepen.io/louismazel/pen/jQW
 
 ```js
 [
-  { key: 'thisWeek', label: 'This week', value: 'isoWeek' },
   { key: 'lastWeek', label: 'Last week', value: '-isoWeek' },
+  { key: 'thisWeek', label: 'This week', value: 'isoWeek' },
+  { key: 'nextWeek', label: 'Next week', value: '+isoWeek' },
   { key: 'last7Days', label: 'Last 7 days', value: 7 },
   { key: 'last30Days', label: 'Last 30 days', value: 30 },
-  { key: 'thisMonth', label: 'This month', value: 'month' },
   { key: 'lastMonth', label: 'Last month', value: '-month' },
+  { key: 'thisMonth', label: 'This month', value: 'month' },
+  { key: 'nextMonth', label: 'Next month', value: '+month' },
+  { key: 'lastYear', label: 'Last year', value: '-year' },
   { key: 'thisYear', label: 'This year', value: 'year' },
-  { key: 'lastYear', label: 'Last year', value: '-year' }
+  { key: 'nextYear', label: 'Next year', value: '+year' }
 ];
 ```
 
-Shortcut types allowed are : `['day', '-day', 'isoWeek', '-isoWeek', 'quarter', 'month', '-month', 'year', '-year', 'week', '-week']`
+Shortcut types allowed are : `['-day', 'day', '+day', '-isoWeek', 'isoWeek', '+isoWeek', 'quarter', '-month', 'month', '+month', '-year', 'year', '+year', '-week', 'week', '+week']`
 For each shortcut, a `key`, `label` and `value` must be specified. The `key` is a unique key for that specific shortcut.
 Additional values can be passed as a `callback` function that will be called whenever the user clicks on the shortcut. The callback receives an object as first argument with the `start` and `end` values, with the `shortcut` object itself.
-You can use this feature for translate existings shortcuts.
+You can use this feature to translate existing shortcuts.
 If the **value of shortcut is a number** (Integer), this number correspond to number of day (for 5 --> Last 5 days).
 
 If the **value of shortcut is a function**, we'll use it to generate the `start` and `end` values. This function should return an object with the start & end values. Both values **must be a moment object**. The function is called when the user clicks on the shortcut button.

diff --git a/docs/css/app.279467f4.css → docs/css/app.8c41b8d9.css b/docs/css/app.279467f4.css → docs/css/app.8c41b8d9.css
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><link rel=icon href=favicon.ico><title>vue-ctk-date-time-picker</title><link href=css/app.279467f4.css rel=preload as=style><link href=js/app.ac586109.js rel=preload as=script><link href=js/chunk-vendors.a81c6b06.js rel=preload as=script><link href=css/app.279467f4.css rel=stylesheet></head><body><noscript><strong>We're sorry but vue-ctk-date-time-picker doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.a81c6b06.js></script><script src=js/app.ac586109.js></script></body></html>
+<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><link rel=icon href=favicon.ico><title>vue-ctk-date-time-picker</title><link href=css/app.8c41b8d9.css rel=preload as=style><link href=js/app.82fda57e.js rel=preload as=script><link href=js/chunk-vendors.e202e294.js rel=preload as=script><link href=css/app.8c41b8d9.css rel=stylesheet></head><body><noscript><strong>We're sorry but vue-ctk-date-time-picker doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.e202e294.js></script><script src=js/app.82fda57e.js></script></body></html>
diff --git a/docs/js/app.82fda57e.js b/docs/js/app.82fda57e.js
diff --git a/docs/js/app.82fda57e.js.map b/docs/js/app.82fda57e.js.map
diff --git a/docs/js/app.ac586109.js b/docs/js/app.ac586109.js
diff --git a/docs/js/app.ac586109.js.map b/docs/js/app.ac586109.js.map
diff --git a/docs/js/chunk-vendors.a81c6b06.js b/docs/js/chunk-vendors.a81c6b06.js
diff --git a/docs/js/chunk-vendors.a81c6b06.js.map b/docs/js/chunk-vendors.a81c6b06.js.map
diff --git a/docs/js/chunk-vendors.e202e294.js b/docs/js/chunk-vendors.e202e294.js
diff --git a/docs/js/chunk-vendors.e202e294.js.map b/docs/js/chunk-vendors.e202e294.js.map
diff --git a/src/App.vue b/src/App.vue
@@ -464,14 +464,17 @@
           })
         ),
         customShortcuts: [
-          { key: 'thisWeek', label: 'This week', value: 'isoWeek' },
           { key: 'lastWeek', label: 'Last week', value: '-isoWeek' },
+          { key: 'thisWeek', label: 'This week', value: 'isoWeek' },
+          { key: 'nextWeek', label: 'Next week', value: '+isoWeek' },
           { key: 'last7Days', label: 'Last 7 days', value: 7 },
           { key: 'last30Days', label: 'Last 30 days', value: 30 },
-          { key: 'thisMonth', label: 'This month', value: 'month' },
           { key: 'lastMonth', label: 'Last month', value: '-month' },
+          { key: 'thisMonth', label: 'This month', value: 'month' },
+          { key: 'nextMonth', label: 'Next month', value: '+month' },
+          { key: 'lastYear', label: 'Last year', value: '-year' },
           { key: 'thisYear', label: 'This year', value: 'year' },
-          { key: 'lastYear', label: 'Last year', value: '-year' }
+          { key: 'nextYear', label: 'Next year', value: '+year' }
         ]
       }
     }

diff --git a/src/VueCtkDateTimePicker/_subs/PickersContainer/_subs/DatePicker/_subs/RangeShortcuts.vue b/src/VueCtkDateTimePicker/_subs/PickersContainer/_subs/DatePicker/_subs/RangeShortcuts.vue
@@ -25,7 +25,25 @@
   import moment from 'moment'
   import CustomButton from '@/VueCtkDateTimePicker/_subs/CustomButton'
 
-  const SHORTCUT_TYPES = ['day', 'date', '-day', 'isoWeek', 'quarter', '-isoWeek', 'month', '-month', 'year', '-year', 'week', '-week']
+  const SHORTCUT_TYPES = [
+    '-day',
+    'day',
+    '+day',
+    'date',
+    '-isoWeek',
+    'isoWeek',
+    '+isoWeek',
+    'quarter',
+    '-month',
+    'month',
+    '+month',
+    '-year',
+    'year',
+    '+year',
+    '-week',
+    'week',
+    '+week'
+  ]
 
   /**
    * Component used to show a list of the shortcuts currently available
@@ -125,7 +143,13 @@
         }
 
         switch (value) {
-        case 'year': case 'month': case 'quarter': case 'week': case 'isoWeek': case 'day': case 'date':
+        case 'year':
+        case 'month':
+        case 'quarter':
+        case 'week':
+        case 'isoWeek':
+        case 'day':
+        case 'date':
           return {
             start: moment().startOf(value),
             end: moment().endOf(value),
@@ -137,30 +161,60 @@
             end: moment().subtract(1, 'months').endOf('month'),
             value
           }
+        case '+month':
+          return {
+            start: moment().add(1, 'months').startOf('month'),
+            end: moment().add(1, 'months').endOf('month'),
+            value
+          }
         case '-year':
           return {
             start: moment().subtract(1, 'years').startOf('year'),
             end: moment().subtract(1, 'years').endOf('year'),
             value
           }
+        case '+year':
+          return {
+            start: moment().add(1, 'years').startOf('year'),
+            end: moment().add(1, 'years').endOf('year'),
+            value
+          }
         case '-week':
           return {
             start: moment().subtract(1, 'weeks').startOf('week'),
             end: moment().subtract(1, 'weeks').endOf('week'),
             value
           }
+        case '+week':
+          return {
+            start: moment().add(1, 'weeks').startOf('week'),
+            end: moment().add(1, 'weeks').endOf('week'),
+            value
+          }
         case '-isoWeek':
           return {
             start: moment().subtract(1, 'weeks').startOf('isoWeek'),
             end: moment().subtract(1, 'weeks').endOf('isoWeek'),
             value
           }
+        case '+isoWeek':
+          return {
+            start: moment().add(1, 'weeks').startOf('isoWeek'),
+            end: moment().add(1, 'weeks').endOf('isoWeek'),
+            value
+          }
         case '-day':
           return {
             start: moment().subtract(1, 'days').startOf('day'),
             end: moment().subtract(1, 'days').endOf('day'),
             value
           }
+        case '+day':
+          return {
+            start: moment().add(1, 'days').startOf('day'),
+            end: moment().add(1, 'days').endOf('day'),
+            value
+          }
         }
       },
       select (shortcut) {

diff --git a/src/VueCtkDateTimePicker/_subs/PickersContainer/_subs/TimePicker.vue b/src/VueCtkDateTimePicker/_subs/PickersContainer/_subs/TimePicker.vue
@@ -277,11 +277,11 @@
       onScrollHours: debounce(function (scroll) {
         const value = this.getValue(scroll)
         const hour = this.isTwelveFormat
-					? this.apm
-						? this.apm.toLowerCase() === 'am'
-							? value + 1
-							: (value + 1 + 12)
-						:value
+          ? this.apm
+            ? this.apm.toLowerCase() === 'am'
+              ? value + 1
+              : (value + 1 + 12)
+            : value
           : value
         if (this.isHoursDisabled(hour)) return
         this.hour = hour === 24 && !this.isTwelveFormat ? 23 : hour

diff --git a/src/VueCtkDateTimePicker/props.js b/src/VueCtkDateTimePicker/props.js
@@ -42,14 +42,17 @@ export default {
   customShortcuts: {
     type: Array,
     default: () => ([
-      { key: 'thisWeek', label: 'This week', value: 'isoWeek' },
       { key: 'lastWeek', label: 'Last week', value: '-isoWeek' },
+      { key: 'thisWeek', label: 'This week', value: 'isoWeek' },
+      { key: 'nextWeek', label: 'Next week', value: '+isoWeek' },
       { key: 'last7Days', label: 'Last 7 days', value: 7 },
       { key: 'last30Days', label: 'Last 30 days', value: 30 },
-      { key: 'thisMonth', label: 'This month', value: 'month' },
       { key: 'lastMonth', label: 'Last month', value: '-month' },
+      { key: 'thisMonth', label: 'This month', value: 'month' },
+      { key: 'nextMonth', label: 'Next month', value: '+month' },
+      { key: 'lastYear', label: 'Last year', value: '-year' },
       { key: 'thisYear', label: 'This year', value: 'year' },
-      { key: 'lastYear', label: 'Last year', value: '-year' }
+      { key: 'nextYear', label: 'Next year', value: '+year' }
     ])
   },
   noValueToCustomElem: { type: Boolean, default: false },

diff --git a/tests/unit/VueCtkDateTimePicker/PickersContainer/DatePicker/RangeShortcuts/index.spec.js b/tests/unit/VueCtkDateTimePicker/PickersContainer/DatePicker/RangeShortcuts/index.spec.js
@@ -10,14 +10,17 @@ describe('VueCtkDateTimePicker/PickersContainer/DatePicker/RangeShortcuts', () =
     wrapper = shallowMount(RangeShortcuts, {
       propsData: {
         customShortcuts: [
-          { key: 'thisWeek', label: 'This week', value: 'isoWeek' },
           { key: 'lastWeek', label: 'Last week', value: '-isoWeek' },
+          { key: 'thisWeek', label: 'This week', value: 'isoWeek' },
+          { key: 'nextWeek', label: 'Next week', value: '+isoWeek' },
           { key: 'last7Days', label: 'Last 7 days', value: 7 },
           { key: 'last30Days', label: 'Last 30 days', value: 30 },
-          { key: 'thisMonth', label: 'This month', value: 'month' },
           { key: 'lastMonth', label: 'Last month', value: '-month' },
+          { key: 'thisMonth', label: 'This month', value: 'month' },
+          { key: 'nextMonth', label: 'Next month', value: '+month' },
+          { key: 'lastYear', label: 'Last year', value: '-year' },
           { key: 'thisYear', label: 'This year', value: 'year' },
-          { key: 'lastYear', label: 'Last year', value: '-year' }
+          { key: 'nextYear', label: 'Next year', value: '+year' }
         ],
         height: 200
       }
@@ -33,20 +36,20 @@ describe('VueCtkDateTimePicker/PickersContainer/DatePicker/RangeShortcuts', () =
     it('should be defined', () => {
       const button = wrapper.find(CustomButton)
       expect(button.exists()).toBeTruthy()
-      expect(button.text()).toEqual('This week')
+      expect(button.text()).toEqual('Last week')
     })
 
     it('should be selected if the "selectedShortcut" value is the current shortcut', () => {
       wrapper.setData({
-        selectedShortcut: 'thisWeek'
+        selectedShortcut: 'lastWeek'
       })
       const button = wrapper.find(CustomButton)
       expect(button.props().selected).toBeTruthy()
     })
 
     it('should not be selected if the "selectedShortcut" value is different than current', () => {
       wrapper.setData({
-        selectedShortcut: 'lastWeek'
+        selectedShortcut: 'thisWeek'
       })
       const button = wrapper.find(CustomButton)
       expect(button.props().selected).toBeFalsy()
@@ -56,7 +59,7 @@ describe('VueCtkDateTimePicker/PickersContainer/DatePicker/RangeShortcuts', () =
       const wrapper = mount(RangeShortcuts, {
         propsData: {
           customShortcuts: [
-            { key: 'thisWeek', label: 'This week', value: 'isoWeek' }
+            { key: 'lastWeek', label: 'Last week', value: '-isoWeek' }
           ],
           height: 200
         }