Fix date picker slot example & api reference.

Author: Nathan Reyes

docs/components/api/CalendarApiSlots.vue

@@ -41,8 +41,8 @@ export default {
       },
       {
         name: '<code>v-date-picker >> <i>default</i></code>',
-        description: '<span class="tag is-warning">Date Picker</span>Default slot to use as the popover anchor for <code>v-date-picker</code>. Most likely this slot will contain a custom <code>input</code> element. Not valid for inline date pickers.',
-        props: '<code>inputValue: String</code>, <code>parseValue: Function</code>',
+        description: '<span class="tag is-warning">Date Picker</span>Default slot to use as the popover anchor for <code>v-date-picker</code>. Most likely this slot will contain a custom <code>&lt;input :value="props.inputValue" @change.native="props.updateValue($event.target.value)" /&gt;</code> element. Not valid for inline date pickers.',
+        props: '<code>inputValue: String</code>, <code>updateValue: Function</code>',
       },
     ];
     return {

docs/components/examples/ExDatePickerSlot.vue

@@ -10,7 +10,7 @@
         icon='calendar'
         :value='props.inputValue'
         :placeholder='inputState.message'
-        @change.native='selectedValue = props.updateValue($event.target.value)'
+        @change.native='props.updateValue($event.target.value)'
         expanded>
       </b-input>
       <p

docs/components/sections/SectionDatePicker.vue

@@ -50,8 +50,11 @@
                   </option>
                 </b-select>
               </b-field>
-              <b-field label='Tint Color' message='Accepts color names, hex and rgb values'>
-                <b-input v-model='tintColor'></b-input>
+              <b-field label='Select Color' message='Accepts color names, hex and rgb values'>
+                <b-input v-model='selectColor'></b-input>
+              </b-field>
+              <b-field label='Drag Color'>
+                <b-input v-model='dragColor'></b-input>
               </b-field>
             </div>
           </b-tab-item>
@@ -65,7 +68,8 @@
             :is-inline='isInline'
             :popover-direction='popoverDirection'
             :popover-align='popoverAlignment'
-            :tint-color='tintColor'>
+            :select-color='selectColor'
+            :drag-color='dragColor'>
           </ex-date-picker>
         </div>
       </div>
@@ -92,7 +96,8 @@ export default {
       popoverDirection: 'bottom',
       popoverDirections: ['bottom', 'top', 'left', 'right'],
       popoverAlignment: 'left',
-      tintColor: '#66b3cc',
+      selectColor: '#66b3cc',
+      dragColor: '#9fcfdf',
     };
   },
   computed: {