docs: update doc file for start/end date example

AlaskaAirlines · May 17, 2024 · dd4b2c4 · dd4b2c4
1 parent 242bdc4
commit dd4b2c4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/demo/api.md b/demo/api.md
@@ -109,21 +109,21 @@ In <strong>desktop</strong>, the calendar month navigation will be restricted by
 Note: This does not restrict setting a value outside of those date constraints. These properties _only_ define which months can be rendered in the calendar. A user may still type any date into the input field. If actual value selection restrictions are needed, see the `minDate` and `maxDate` properties which may be used standalone, or in conjunction with `calendarStartDate` and `calendarEndDate`.
 
 <div class="exampleWrapper">
-  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../apiExamples/calendarFocusDate.html) -->
-  <!-- The below content is automatically added from ./../../apiExamples/calendarFocusDate.html -->
-  <auro-datepicker calendarStartDate="01/01/2022" calendarEndDate="12/01/2023" calendarFocusDate="11/01/2022">
+  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../apiExamples/calendarStartAndEndDate.html) -->
+  <!-- The below content is automatically added from ./../../apiExamples/calendarStartAndEndDate.html -->
+  <auro-datepicker calendarStartDate="01/01/2022" calendarEndDate="06/01/2022">
     <span slot="fromLabel">Choose a date</span>
     <span slot="mobileDateLabel">Choose a date</span>
   </auro-datepicker>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 <auro-accordion alignRight>
   <span slot="trigger">See code</span>
-<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/calendarFocusDate.html) -->
-<!-- The below code snippet is automatically added from ./../../apiExamples/calendarFocusDate.html -->
+<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/calendarStartAndEndDate.html) -->
+<!-- The below code snippet is automatically added from ./../../apiExamples/calendarStartAndEndDate.html -->
 
 ```html
-<auro-datepicker calendarStartDate="01/01/2022" calendarEndDate="12/01/2023" calendarFocusDate="11/01/2022">
+<auro-datepicker calendarStartDate="01/01/2022" calendarEndDate="06/01/2022">
   <span slot="fromLabel">Choose a date</span>
   <span slot="mobileDateLabel">Choose a date</span>
 </auro-datepicker>

diff --git a/docs/partials/api.md b/docs/partials/api.md
@@ -33,13 +33,13 @@ In <strong>desktop</strong>, the calendar month navigation will be restricted by
 Note: This does not restrict setting a value outside of those date constraints. These properties _only_ define which months can be rendered in the calendar. A user may still type any date into the input field. If actual value selection restrictions are needed, see the `minDate` and `maxDate` properties which may be used standalone, or in conjunction with `calendarStartDate` and `calendarEndDate`.
 
 <div class="exampleWrapper">
-  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../apiExamples/calendarFocusDate.html) -->
+  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../apiExamples/calendarStartAndEndDate.html) -->
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 <auro-accordion alignRight>
   <span slot="trigger">See code</span>
 
-<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/calendarFocusDate.html) -->
+<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/calendarStartAndEndDate.html) -->
 <!-- AURO-GENERATED-CONTENT:END -->
 
 </auro-accordion>