add docs

WickyNilliams · Dec 14, 2024 · 7aff7b2 · 7aff7b2
1 parent b253d43
commit 7aff7b2
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 6 deletions.
diff --git a/docs/src/pages/components/calendar-date.astro b/docs/src/pages/components/calendar-date.astro
@@ -166,14 +166,22 @@ import Link from "../../components/Link.astro";
   <Table>
     <tr slot="head">
       <th>Name</th>
+      <th>Parameters</th>
       <th>Description</th>
     </tr>
 
     <tr>
-      <td><code>focus</code></td>
+      <td>
+        <code>
+          focus(options?: FocusOptions & {"{"} target: "previous" | "next" | "day"
+          {"}"}) => void
+        </code>
+      </td>
+      <td><code>options</code> - controls what gets focused, and how</td>
       <td>
         Focuses the <code>&lt;calendar-month&gt;</code> containing the currently
-        focused date
+        focused date. <code>option.target</code> controls which part of the component
+        gets focused
       </td>
     </tr>
   </Table>

diff --git a/docs/src/pages/components/calendar-multi.astro b/docs/src/pages/components/calendar-multi.astro
@@ -166,14 +166,22 @@ import Link from "../../components/Link.astro";
   <Table>
     <tr slot="head">
       <th>Name</th>
+      <th>Parameters</th>
       <th>Description</th>
     </tr>
 
     <tr>
-      <td><code>focus</code></td>
+      <td>
+        <code>
+          focus(options?: FocusOptions & {"{"} target: "previous" | "next" | "day"
+          {"}"}) => void
+        </code>
+      </td>
+      <td><code>options</code> - controls what gets focused, and how</td>
       <td>
         Focuses the <code>&lt;calendar-month&gt;</code> containing the currently
-        focused date
+        focused date. <code>option.target</code> controls which part of the component
+        gets focused
       </td>
     </tr>
   </Table>

diff --git a/docs/src/pages/components/calendar-range.astro b/docs/src/pages/components/calendar-range.astro
@@ -190,14 +190,22 @@ import Link from "../../components/Link.astro";
   <Table>
     <tr slot="head">
       <th>Name</th>
+      <th>Parameters</th>
       <th>Description</th>
     </tr>
 
     <tr>
-      <td><code>focus</code></td>
+      <td>
+        <code>
+          focus(options?: FocusOptions & {"{"} target: "previous" | "next" | "day"
+          {"}"}) => void
+        </code>
+      </td>
+      <td><code>options</code> - controls what gets focused, and how</td>
       <td>
         Focuses the <code>&lt;calendar-month&gt;</code> containing the currently
-        focused date
+        focused date. <code>option.target</code> controls which part of the component
+        gets focused
       </td>
     </tr>
   </Table>