diff --git a/src/components/form-datepicker/form-datepicker.js b/src/components/form-datepicker/form-datepicker.js index c790134017e..e5e77dad276 100644 --- 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 index e761ba97a96..7c05c0e0751 100644 --- 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"