[Pickers] Enable YearPicker documentation (#24830)

docs/pages/api-docs/year-picker.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import ApiPage from 'docs/src/modules/components/ApiPage';
+import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
+import jsonPageContent from './year-picker.json';
+
+export default function Page(props) {
+  const { descriptions, pageContent } = props;
+  return <ApiPage descriptions={descriptions} pageContent={pageContent} />;
+}
+
+Page.getInitialProps = () => {
+  const req = require.context(
+    'docs/translations/api-docs/year-picker',
+    false,
+    /year-picker.*.json$/,
+  );
+  const descriptions = mapApiPageTranslations(req);
+
+  return {
+    descriptions,
+    pageContent: jsonPageContent,
+  };
+};

docs/pages/api-docs/year-picker.json

@@ -0,0 +1,15 @@
+{
+  "props": {
+    "onYearChange": { "type": { "name": "func" } },
+    "shouldDisableYear": { "type": { "name": "func" } }
+  },
+  "name": "YearPicker",
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiYearPicker" },
+  "spread": false,
+  "forwardsRefTo": "HTMLDivElement",
+  "filename": "/packages/material-ui-lab/src/YearPicker/YearPicker.tsx",
+  "inheritance": null,
+  "demos": "",
+  "styledComponent": false,
+  "cssComponent": false
+}

docs/src/pagesApi.js

@@ -146,5 +146,6 @@ module.exports = [
   { pathname: '/api-docs/tree-view' },
   { pathname: '/api-docs/typography' },
   { pathname: '/api-docs/unstable-trap-focus' },
+  { pathname: '/api-docs/year-picker' },
   { pathname: '/api-docs/zoom' },
 ];

docs/translations/api-docs/year-picker/year-picker-de.json

@@ -0,0 +1,8 @@
+{
+  "componentDescription": "",
+  "propDescriptions": {
+    "onYearChange": "Callback firing on year change @DateIOType.",
+    "shouldDisableYear": "Disable specific years dynamically. Works like <code>shouldDisableDate</code> but for year selection view. @DateIOType."
+  },
+  "classDescriptions": {}
+}

docs/translations/api-docs/year-picker/year-picker-es.json

@@ -0,0 +1,8 @@
+{
+  "componentDescription": "",
+  "propDescriptions": {
+    "onYearChange": "Callback firing on year change @DateIOType.",
+    "shouldDisableYear": "Disable specific years dynamically. Works like <code>shouldDisableDate</code> but for year selection view. @DateIOType."
+  },
+  "classDescriptions": {}
+}

docs/translations/api-docs/year-picker/year-picker-fr.json

@@ -0,0 +1,8 @@
+{
+  "componentDescription": "",
+  "propDescriptions": {
+    "onYearChange": "Callback firing on year change @DateIOType.",
+    "shouldDisableYear": "Disable specific years dynamically. Works like <code>shouldDisableDate</code> but for year selection view. @DateIOType."
+  },
+  "classDescriptions": {}
+}

docs/translations/api-docs/year-picker/year-picker-ja.json

@@ -0,0 +1,8 @@
+{
+  "componentDescription": "",
+  "propDescriptions": {
+    "onYearChange": "Callback firing on year change @DateIOType.",
+    "shouldDisableYear": "Disable specific years dynamically. Works like <code>shouldDisableDate</code> but for year selection view. @DateIOType."
+  },
+  "classDescriptions": {}
+}

docs/translations/api-docs/year-picker/year-picker-pt.json

@@ -0,0 +1,8 @@
+{
+  "componentDescription": "",
+  "propDescriptions": {
+    "onYearChange": "Callback firing on year change @DateIOType.",
+    "shouldDisableYear": "Disable specific years dynamically. Works like <code>shouldDisableDate</code> but for year selection view. @DateIOType."
+  },
+  "classDescriptions": {}
+}

docs/translations/api-docs/year-picker/year-picker-ru.json

@@ -0,0 +1,8 @@
+{
+  "componentDescription": "",
+  "propDescriptions": {
+    "onYearChange": "Callback firing on year change @DateIOType.",
+    "shouldDisableYear": "Disable specific years dynamically. Works like <code>shouldDisableDate</code> but for year selection view. @DateIOType."
+  },
+  "classDescriptions": {}
+}

docs/translations/api-docs/year-picker/year-picker-zh.json

@@ -0,0 +1,8 @@
+{
+  "componentDescription": "",
+  "propDescriptions": {
+    "onYearChange": "Callback firing on year change @DateIOType.",
+    "shouldDisableYear": "Disable specific years dynamically. Works like <code>shouldDisableDate</code> but for year selection view. @DateIOType."
+  },
+  "classDescriptions": {}
+}

docs/translations/api-docs/year-picker/year-picker.json

@@ -0,0 +1,8 @@
+{
+  "componentDescription": "",
+  "propDescriptions": {
+    "onYearChange": "Callback firing on year change @DateIOType.",
+    "shouldDisableYear": "Disable specific years dynamically. Works like <code>shouldDisableDate</code> but for year selection view. @DateIOType."
+  },
+  "classDescriptions": {}
+}

packages/material-ui-lab/src/YearPicker/YearPicker.tsx

@@ -48,9 +48,6 @@ export const styles: MuiStyles<YearPickerClassKey> = {
   },
 };
 
-/**
- * @ignore - do not document.
- */
 const YearPicker = React.forwardRef(function YearPicker<TDate>(
   props: YearPickerProps<TDate> & WithStyles<typeof styles>,
   ref: React.Ref<HTMLDivElement>,
@@ -234,6 +231,12 @@ YearPicker.propTypes = {
   shouldDisableYear: PropTypes.func,
 } as any;
 
+/**
+ *
+ * API:
+ *
+ * - [YearPicker API](https://material-ui.com/api/year-picker/)
+ */
 export default withStyles(styles, { name: 'MuiYearPicker' })(YearPicker) as <TDate>(
   props: YearPickerProps<TDate> & React.RefAttributes<HTMLDivElement>,
 ) => JSX.Element;