feat(b-form-datepicker): add pass through prop date-info-fn (closes #4826) (#5150)

tmorehouse · web-flow · commit bf35f80d1c46 · 2020-04-15T04:45:39.000-03:00
diff --git a/src/components/form-datepicker/form-datepicker.js b/src/components/form-datepicker/form-datepicker.js
@@ -179,6 +179,11 @@ const propsMixin = {
       type: String,
       default: 'outline-secondary'
     },
+    dateInfoFn: {
+      // Passed through to b-calendar
+      type: Function
+      // default: undefined
+    },
     // Labels for buttons and keyboard shortcuts
     // These pick BCalendar global config if no BFormDate global config
     labelPrevDecade: {
@@ -306,6 +311,7 @@ export const BFormDatepicker = /*#__PURE__*/ Vue.extend({
         dateDisabledFn: self.dateDisabledFn,
         selectedVariant: self.selectedVariant,
         todayVariant: self.todayVariant,
+        dateInfoFn: self.dateInfoFn,
         hideHeader: self.hideHeader,
         showDecadeNav: self.showDecadeNav,
         labelPrevDecade: self.labelPrevDecade,
diff --git a/src/components/form-datepicker/package.json b/src/components/form-datepicker/package.json
@@ -95,6 +95,11 @@
             "prop": "dateDisabledFn",
             "description": "Set to a function reference which returns `true` if the date is disabled, or `false` if the date should be enabled. See documentation for details"
           },
+          {
+            "prop": "dateInfoFn",
+            "version": "2.12.0",
+            "description": "Set to a function reference which returns a class (string), or classes (array of strings) to apply to the date cell. See calendar documentation for details. Passed through to the child calendar component"
+          },
           {
             "prop": "hideHeader",
             "description": "When `true`, visually hides the selected date header"
