Last docs

Signed-off-by: gpbl <io@gpbl.dev>
gpbl · Feb 26, 2024 · 4fa9be1 · 4fa9be1
1 parent f2f7243
commit 4fa9be1
Show file tree

Hide file tree

Showing 36 changed files with 140 additions and 477 deletions.
diff --git a/docs/accessibility.mdx b/docs/accessibility.mdx
@@ -0,0 +1,9 @@
+---
+sort: 10
+---
+
+_Getting Started_
+
+# Accessible Date Pickers
+
+DayPicker follows the ARIA guidelines for date pickers, including keyboard navigation, focus management, and labeling. However, as developer you will need to adapt DayPicker to your specific use cases.
diff --git a/docs/advanced/index.mdx b/docs/advanced/index.mdx
diff --git a/docs/community.mdx b/docs/community.mdx
diff --git a/docs/customization/calendar-options.mdx b/docs/customization/calendar-options.mdx
diff --git a/docs/customization/index.mdx b/docs/customization/index.mdx
diff --git a/docs/customization/months-navigation.mdx b/docs/customization/months-navigation.mdx
diff --git a/docs/development/architecture.mdx b/docs/development/architecture.mdx
@@ -1,4 +1,4 @@
-_Development_
+_About DayPicker_
 
 # Architecture
 

diff --git a/docs/development/contributing.mdx b/docs/development/contributing.mdx
@@ -1,4 +1,4 @@
-_Development_
+_About DayPicker_
 
 # Contributing
 

diff --git a/docs/development/credits.mdx b/docs/development/credits.mdx
diff --git a/docs/development/funding.mdx b/docs/development/funding.mdx
@@ -0,0 +1,7 @@
+_About DayPicker_
+
+# Funding
+
+> Help us to improve DayPicker and make it better for everyone.
+
+**TODO**: This section is still a draft.
diff --git a/docs/development/index.mdx b/docs/development/index.mdx
diff --git a/docs/license.mdx → docs/development/license.mdx b/docs/license.mdx → docs/development/license.mdx
@@ -2,7 +2,7 @@
 sort: 3
 ---
 
-_Introduction_
+_About DayPicker_
 
 # License
 

diff --git a/docs/funding.mdx b/docs/funding.mdx
diff --git a/docs/getting-started/index.mdx b/docs/getting-started/index.mdx
diff --git a/docs/advanced/custom-components.mdx → docs/guides/custom-components.mdx b/docs/advanced/custom-components.mdx → docs/guides/custom-components.mdx
@@ -1,3 +1,7 @@
+---
+sort: 3
+---
+
 _Advanced Guides_
 
 # Custom Components

diff --git a/docs/advanced/custom-modifiers.mdx → docs/guides/custom-modifiers.mdx b/docs/advanced/custom-modifiers.mdx → docs/guides/custom-modifiers.mdx
@@ -1,5 +1,5 @@
 ---
-sort: 2
+sort: 3
 ---
 
 _Advanced Guides_

diff --git a/docs/selecting-days/custom-selections.mdx → docs/guides/custom-selections.mdx b/docs/selecting-days/custom-selections.mdx → docs/guides/custom-selections.mdx
@@ -1,8 +1,8 @@
 ---
-sort: 2
+sort: 3
 ---
 
-_Selecting Days_
+_Advanced Guides_
 
 # Custom Selections
 

diff --git a/docs/advanced/accessible-date-pickers.mdx → docs/guides/input-fields.mdx b/docs/advanced/accessible-date-pickers.mdx → docs/guides/input-fields.mdx
@@ -1,12 +1,10 @@
 ---
-sort: 1
+sort: 3
 ---
 
 _Advanced Guides_
 
-# Accessible Date Pickers
-
-> Some notes for creating an accessible date pickers
+# Input fields
 
 DayPicker follows the ARIA guidelines for date pickers, including keyboard navigation, focus management, and labeling. However, as developer you will need to adapt DayPicker to your specific use cases.
 

diff --git a/docs/internationalization/localization.mdx → docs/guides/localization.mdx b/docs/internationalization/localization.mdx → docs/guides/localization.mdx
@@ -1,8 +1,8 @@
 ---
-sort: 1
+sort: 3
 ---
 
-_Internationalization_
+_Advanced Guides_
 
 # Localization
 

diff --git a/docs/getting-started/styling.mdx → docs/guides/styling.mdx b/docs/getting-started/styling.mdx → docs/guides/styling.mdx
@@ -1,16 +1,14 @@
 ---
-sort: 1
+sort: 5
 ---
 
-_Customization_
+_Getting Started_
 
 # Styling
 
-> Change the appearance of the HTML elements, such as headings, grid cells and buttons.
+> DayPicker comes with a minimal style inspired by MacOS date pickers and it's designed to be easily customized.
 
-## Default Style
-
-DayPicker comes with a minimal style inspired by MacOS date pickers and it's designed to be easily customized.
+## Importing the Default Style
 
 To start with the included style, import `react-day-picker/style.css` into your app. This will add the `.rdp` class names used by DayPicker.
 
@@ -34,11 +32,13 @@ If you are using a CDN, add the following link to your HTML file:
 
 When using CSS modules, you can import `style.module.css`. Pass the class names to the `classNames` prop.
 
-```tsx title="MyComponent.jsx"
+```tsx title="DatePicker.jsx"
 import { DayPicker } from "react-day-picker";
 import dayPickerClassNames from "react-day-picker/style.module.css";
-// ...
-<DayPicker classNames={dayPickerClassNames} />;
+
+export function DatePicker() {
+  return <DayPicker classNames={dayPickerClassNames} />;
+}
 ```
 
 From here, you have different options to customize the appearance of the calendar, depending on your project setup.
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,7 +2,7 @@ @@
     sort: 3
     ---
-    _Introduction_
+    _About DayPicker_
     # License
@@ Expand Down @@