docs: update contributors, components

mustafa60x · Mar 5, 2024 · 0b8e3b1 · 0b8e3b1
1 parent 56e7a2b
commit 0b8e3b1
Show file tree

Hide file tree

Showing 14 changed files with 687 additions and 50 deletions.
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -1,7 +1,6 @@
 {
   "recommendations": [
     "Vue.volar",
-    "Vue.vscode-typescript-vue-plugin",
     "dbaeumer.vscode-eslint"
   ]
 }
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
@@ -100,6 +100,7 @@ export default defineConfig({
           { text: 'Composition', link: '/guides/composition' },
           { text: 'Server side rendering', link: '/guides/server-side-rendering' },
           { text: 'Namespaced', link: '/guides/namespaced-components' },
+          { text: 'Dates', link: '/guides/dates' },
           // { text: `Namespaced ${BadgeHTML('New')}`, link: '/guides/namespaced-components' },
         ],
       },

diff --git a/docs/.vitepress/contributor-names.json b/docs/.vitepress/contributor-names.json
@@ -4,43 +4,51 @@
   "MellKam",
   "mujahidfa",
   "onmax",
+  "sadeghbarati",
+  "DamianGlowala",
   "Scrum",
-  "BayBreezy",
-  "kdnk",
+  "teleskop150750",
   "mukundshah",
-  "sadeghbarati",
+  "kdnk",
+  "BayBreezy",
   "npldevfr",
   "uyloal",
-  "teleskop150750",
-  "DamianGlowala",
-  "enkot",
-  "madebyfabian",
-  "libondev",
+  "romanhrynevych",
   "misbahansori",
-  "YunYouJun",
-  "maltoze",
-  "lennartzellmer",
-  "hoonweiting",
-  "owlnai",
-  "tristandubbeld",
-  "sdq-sts",
-  "runyasak",
-  "rsoltanzadeh",
-  "Scalamando",
-  "oaleynik",
-  "steakscience",
+  "libondev",
+  "madebyfabian",
+  "enkot",
+  "andreww2012",
+  "ChrisGV04",
+  "aboubakrbm",
   "messenjer",
-  "94726",
-  "pkrinesh",
-  "kn0wn",
-  "Jordan-Ellis",
-  "lepture",
-  "glennlaysonjr",
-  "edtorba",
-  "DennisSmuda",
-  "D-Lite",
-  "CapitaineToinon",
+  "steakscience",
+  "oaleynik",
+  "pohnean",
+  "Scalamando",
+  "rsoltanzadeh",
+  "runyasak",
+  "sdq-sts",
+  "tristandubbeld",
+  "owlnai",
+  "hoonweiting",
+  "lennartzellmer",
+  "maltoze",
+  "YunYouJun",
   "sanscheese",
-  "andreww2012",
-  "aboubakrbm"
+  "CapitaineToinon",
+  "cyyynthia",
+  "D-Lite",
+  "DennisSmuda",
+  "idmytro",
+  "dougwollison",
+  "edtorba",
+  "epreston",
+  "yyx990803",
+  "glennlaysonjr",
+  "lepture",
+  "Jordan-Ellis",
+  "kn0wn",
+  "pkrinesh",
+  "94726"
 ]
diff --git a/docs/content/components/calendar.md b/docs/content/components/calendar.md
@@ -107,6 +107,24 @@ Contains all the parts of a calendar
 
 <!-- @include: @/meta/CalendarRoot.md -->
 
+<DataAttributesTable 
+  :data="[
+    {
+      attribute: '[data-readonly]',
+      values: 'Present when readonly',
+    },
+    {
+      attribute: '[data-disabled]',
+      values: 'Present when disabled',
+    },
+    {
+      attribute: '[data-invalid]',
+      values: 'Present when invalid',
+    }
+  ]"
+/>
+
+
 ### Header
 
 Contains the navigation buttons and the heading segments.
@@ -119,24 +137,68 @@ Calendar navigation button. It navigates the calendar one month/year/decade in t
 
 <!-- @include: @/meta/CalendarPrev.md -->
 
+<DataAttributesTable 
+  :data="[
+    {
+      attribute: '[data-disabled]',
+      values: 'Present when disabled',
+    }, 
+  ]"
+/>
+
+
 ### NextButton
 
 Calendar navigation button. It navigates the calendar one month/year/decade in the future based on the current calendar view.
 
 <!-- @include: @/meta/CalendarNext.md -->
 
+<DataAttributesTable 
+  :data="[ 
+    {
+      attribute: '[data-disabled]',
+      values: 'Present when disabled',
+    }, 
+  ]"
+/>
+
+
 ### Heading
 
 Heading for displaying the current month and year
 
 <!-- @include: @/meta/CalendarHeading.md -->
 
+<DataAttributesTable 
+  :data="[ 
+    {
+      attribute: '[data-disabled]',
+      values: 'Present when disabled',
+    }
+  ]"
+/>
+
+
 ### Grid
 
 Container for wrapping the calendar grid.
 
 <!-- @include: @/meta/CalendarGrid.md -->
 
+<DataAttributesTable 
+  :data="[
+    {
+      attribute: '[data-readonly]',
+      values: 'Present when readonly',
+    },
+    {
+      attribute: '[data-disabled]',
+      values: 'Present when disabled',
+    }
+  ]"
+/>
+
+
 ### Grid Head
 
 Container for wrapping the grid head.
@@ -167,12 +229,61 @@ Container for wrapping the calendar cells.
 
 <!-- @include: @/meta/CalendarCell.md -->
 
+<DataAttributesTable 
+  :data="[ 
+    {
+      attribute: '[data-disabled]',
+      values: 'Present when disabled',
+    }, 
+  ]"
+/>
+
+
 ### Cell Trigger
 
 Interactable container for displaying the cell dates. Clicking it selects the date.
 
 <!-- @include: @/meta/CalendarCellTrigger.md -->
 
+
+<DataAttributesTable 
+  :data="[
+    {
+      attribute: '[data-selected]',
+      values: 'Present when selected',
+    },
+    {
+      attribute: '[data-value]',
+      values: 'The ISO string value of the date.',
+    },
+    {
+      attribute: '[data-disabled]',
+      values: 'Present when disabled',
+    },
+    {
+      attribute: '[data-unavailable]',
+      values: 'Present when unavailable',
+    },
+    {
+      attribute: '[data-today]',
+      values: 'Present when today',
+    },
+    {
+      attribute: '[data-outside-view]',
+      values: 'Present when the date is outside the current month it is displayed in.',
+    },
+    {
+      attribute: '[data-outside-visible-view]',
+      values: 'Present when the date is outside the months that are visible on the calendar.',
+    },
+    {
+      attribute: '[data-focused]',
+      values: 'Present when focused',
+    }
+  ]"
+/>
+
+
 ## Accessibility
 
 ### Keyboard Interactions

diff --git a/docs/content/components/date-field.md b/docs/content/components/date-field.md
@@ -79,12 +79,43 @@ Contains all the parts of a date field
 
 <!-- @include: @/meta/DateFieldRoot.md -->
 
+<DataAttributesTable 
+  :data="[
+    {
+      attribute: '[data-readonly]',
+      values: 'Present when readonly',
+    },
+    {
+      attribute: '[data-disabled]',
+      values: 'Present when disabled',
+    },
+    {
+      attribute: '[data-invalid]',
+      values: 'Present when invalid',
+    }
+  ]"
+/>
+
 ### Input
 
 Contains the date field segments
 
 <!-- @include: @/meta/DateFieldInput.md -->
 
+<DataAttributesTable 
+  :data="[ 
+    {
+      attribute: '[data-disabled]',
+      values: 'Present when disabled',
+    },
+    {
+      attribute: '[data-invalid]',
+      values: 'Present when invalid',
+    }
+  ]"
+/>
+
+
 ## Accessibility
 
 ### Keyboard Interactions