feat(picker-day): add dayCelltContent slot (sumcumo#95)

Author: MrWook

docs/guide/Slots/README.md

@@ -98,3 +98,16 @@ To provide custom content for the clear button, the `clearBtn` slot may be used:
   </template>
 </DatePicker>
 ```
+
+
+## dayCellContent
+
+To provide custom content for the dayCellContent, the `dayCellContent` slot may be used:
+
+```html
+<DatePicker :clear-button="true">
+  <template #dayCellContent="{ cell }">
+    <span>{{ cell.date }}</span>
+  </template>
+</DatePicker>
+```

src/components/Datepicker.vue

@@ -82,6 +82,9 @@
           <template v-for="slotKey of calendarSlots">
             <slot :slot="slotKey" :name="slotKey" />
           </template>
+          <template #dayCellContent="{ cell }">
+            <slot name="dayCellContent" :cell="cell" v-if="cell" />
+          </template>
         </Component>
         <slot name="calendarFooter" />
       </div>

src/components/PickerDay.vue

@@ -31,7 +31,9 @@
           :class="dayClasses(cell)"
           @click="select(cell)"
         >
-          {{ dayCellContent(cell) }}
+          <slot name="dayCellContent" :cell="cell">
+            {{ dayCellContent(cell) }}
+          </slot>
         </span>
       </div>
     </div>