Merge branch 'master' into master

Author: charliekassel

README.md

@@ -119,6 +119,7 @@ Inline always open version
 | calendar-button               | Boolean         | false       | Show an icon that that can be clicked    |
 | calendar-button-icon          | String          |             | Use icon for button (ex: fa fa-calendar) |
 | calendar-button-icon-content  | String          |             | Use for material-icons (ex: event)       |
+| day-cell-content              | Function        |             | Use to render custom content in day cell |
 | bootstrap-styling             | Boolean         | false       | Output bootstrap styling classes         |
 | initial-view                  | String          | minimumView | If set, open on that view                |
 | disabled                      | Boolean         | false       | If true, disable Datepicker on screen    |

src/components/Datepicker.vue

@@ -45,6 +45,7 @@
       :pageTimestamp="pageTimestamp"
       :isRtl="isRtl"
       :mondayFirst="mondayFirst"
+      :dayCellContent="dayCellContent"
       @changedMonth="setPageDate"
       @selectDate="selectDate"
       @showMonthCalendar="showMonthCalendar"
@@ -123,6 +124,7 @@ export default {
         return val === null || val instanceof Date || typeof val === 'string' || typeof val === 'number'
       }
     },
+    dayCellContent: Function,
     fullMonthName: Boolean,
     disabledDates: Object,
     highlighted: Object,

src/components/PickerDay.vue

@@ -21,7 +21,8 @@
           v-for="day in days"
           :key="day.timestamp"
           :class="dayClasses(day)"
-          @click="selectDate(day)">{{ day.date }}</span>
+          v-html="dayCellContent(day)"
+          @click="selectDate(day)"></span>
     </div>
   </div>
 </template>
@@ -35,6 +36,10 @@ export default {
     pageTimestamp: Number,
     fullMonthName: Boolean,
     allowedToShowView: Function,
+    dayCellContent: {
+        type: Function,
+        default: day => day.date,
+    },
     disabledDates: Object,
     highlighted: Object,
     calendarClass: [String, Object, Array],