diff --git a/src/components/calendar/README.md b/src/components/calendar/README.md
index 817f81287d5..fe0ea453f9f 100644
--- a/src/components/calendar/README.md
+++ b/src/components/calendar/README.md
@@ -235,7 +235,7 @@ with the component may occur.
 <span class="badge badge-info small">v2.6.0+</span>
 
 To change format options of the displayed date text inside the component, e.g. in the header, set
-the `dateFormatOptions` prop to an object containing the requested format properties for the
+the `date-format-options` prop to an object containing the requested format properties for the
 `Intl.DateTimeFormat` object (see also [Internationalization](#internationalization)).
 
 ```html
@@ -243,12 +243,12 @@ the `dateFormatOptions` prop to an object containing the requested format proper
   <div>
     <p>Custom date format:</p>
     <b-calendar
-      :dateFormatOptions="{ year: 'numeric', month: 'short', day: '2-digit', weekday: 'short' }"
+      :date-format-options="{ year: 'numeric', month: 'short', day: '2-digit', weekday: 'short' }"
       locale="en"
     ></b-calendar>
     <p class="mt-3">Short date format:</p>
     <b-calendar
-      :dateFormatOptions="{ year: 'numeric', month: 'numeric', day: 'numeric' }"
+      :date-format-options="{ year: 'numeric', month: 'numeric', day: 'numeric' }"
       locale="en"
     ></b-calendar>
   </div>
diff --git a/src/components/form-datepicker/README.md b/src/components/form-datepicker/README.md
index 975ef025314..322d1f77bca 100644
--- a/src/components/form-datepicker/README.md
+++ b/src/components/form-datepicker/README.md
@@ -316,13 +316,13 @@ properties for the `Intl.DateTimeFormat` object (see also
     <label for="datepicker-dateformat1">Custom date format</label>
     <b-form-datepicker
       id="datepicker-dateformat1"
-      :dateFormatOptions="{ year: 'numeric', month: 'short', day: '2-digit', weekday: 'short' }"
+      :date-format-options="{ year: 'numeric', month: 'short', day: '2-digit', weekday: 'short' }"
       locale="en"
     ></b-form-datepicker>
     <label for="datepicker-dateformat2">Short date format</label>
     <b-form-datepicker
       id="datepicker-dateformat2"
-      :dateFormatOptions="{ year: 'numeric', month: 'numeric', day: 'numeric' }"
+      :date-format-options="{ year: 'numeric', month: 'numeric', day: 'numeric' }"
       locale="en"
     ></b-form-datepicker>
   </div>