Export from root

docs/data/date-pickers-component-api-pages.ts

@@ -63,9 +63,14 @@ export default [
   { pathname: '/x/api/date-pickers/pickers-action-bar', title: 'PickersActionBar' },
   { pathname: '/x/api/date-pickers/pickers-calendar-header', title: 'PickersCalendarHeader' },
   { pathname: '/x/api/date-pickers/pickers-day', title: 'PickersDay' },
+  { pathname: '/x/api/date-pickers/pickers-filled-input', title: 'PickersFilledInput' },
+  { pathname: '/x/api/date-pickers/pickers-input', title: 'PickersInput' },
+  { pathname: '/x/api/date-pickers/pickers-input-base', title: 'PickersInputBase' },
   { pathname: '/x/api/date-pickers/pickers-layout', title: 'PickersLayout' },
+  { pathname: '/x/api/date-pickers/pickers-outlined-input', title: 'PickersOutlinedInput' },
   { pathname: '/x/api/date-pickers/pickers-section-list', title: 'PickersSectionList' },
   { pathname: '/x/api/date-pickers/pickers-shortcuts', title: 'PickersShortcuts' },
+  { pathname: '/x/api/date-pickers/pickers-text-field', title: 'PickersTextField' },
   {
     pathname: '/x/api/date-pickers/single-input-date-range-field',
     title: 'SingleInputDateRangeField',

docs/pages/x/api/date-pickers/pickers-filled-input.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 './pickers-filled-input.json';
+
+export default function Page(props) {
+  const { descriptions, pageContent } = props;
+  return <ApiPage descriptions={descriptions} pageContent={pageContent} />;
+}
+
+Page.getInitialProps = () => {
+  const req = require.context(
+    'docsx/translations/api-docs/date-pickers',
+    false,
+    /\.\/pickers-filled-input(-[a-z]{2})?\.json$/,
+  );
+  const descriptions = mapApiPageTranslations(req);
+
+  return {
+    descriptions,
+    pageContent: jsonPageContent,
+  };
+};

docs/pages/x/api/date-pickers/pickers-filled-input.json

@@ -0,0 +1,35 @@
+{
+  "props": {
+    "areAllSectionsEmpty": { "type": { "name": "bool" }, "required": true },
+    "contentEditable": { "type": { "name": "bool" }, "required": true },
+    "elements": {
+      "type": {
+        "name": "arrayOf",
+        "description": "Array<{ after: object, before: object, container: object, content: object }>"
+      },
+      "required": true
+    },
+    "component": { "type": { "name": "elementType" } },
+    "slots": { "type": { "name": "object" }, "default": "{}" },
+    "sx": {
+      "type": {
+        "name": "union",
+        "description": "Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"
+      },
+      "additionalInfo": { "sx": true }
+    }
+  },
+  "slots": [
+    { "class": null, "name": "input", "description": "" },
+    { "class": null, "name": "root", "description": "" }
+  ],
+  "name": "PickersFilledInput",
+  "imports": [
+    "import { PickersFilledInput } from '@mui/x-date-pickers/PickersTextField';",
+    "import { PickersFilledInput } from '@mui/x-date-pickers';",
+    "import { PickersFilledInput } from '@mui/x-date-pickers-pro';"
+  ],
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiPickersFilledInput" },
+  "filename": "/packages/x-date-pickers/src/PickersTextField/PickersFilledInput/PickersFilledInput.tsx",
+  "demos": "<ul></ul>"
+}

docs/pages/x/api/date-pickers/pickers-input-base.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 './pickers-input-base.json';
+
+export default function Page(props) {
+  const { descriptions, pageContent } = props;
+  return <ApiPage descriptions={descriptions} pageContent={pageContent} />;
+}
+
+Page.getInitialProps = () => {
+  const req = require.context(
+    'docsx/translations/api-docs/date-pickers',
+    false,
+    /\.\/pickers-input-base(-[a-z]{2})?\.json$/,
+  );
+  const descriptions = mapApiPageTranslations(req);
+
+  return {
+    descriptions,
+    pageContent: jsonPageContent,
+  };
+};

docs/pages/x/api/date-pickers/pickers-input-base.json

@@ -0,0 +1,35 @@
+{
+  "props": {
+    "areAllSectionsEmpty": { "type": { "name": "bool" }, "required": true },
+    "contentEditable": { "type": { "name": "bool" }, "required": true },
+    "elements": {
+      "type": {
+        "name": "arrayOf",
+        "description": "Array<{ after: object, before: object, container: object, content: object }>"
+      },
+      "required": true
+    },
+    "component": { "type": { "name": "elementType" } },
+    "slots": { "type": { "name": "object" }, "default": "{}" },
+    "sx": {
+      "type": {
+        "name": "union",
+        "description": "Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"
+      },
+      "additionalInfo": { "sx": true }
+    }
+  },
+  "slots": [
+    { "class": null, "name": "input", "description": "" },
+    { "class": null, "name": "root", "description": "" }
+  ],
+  "name": "PickersInputBase",
+  "imports": [
+    "import { PickersInputBase } from '@mui/x-date-pickers/PickersTextField';",
+    "import { PickersInputBase } from '@mui/x-date-pickers';",
+    "import { PickersInputBase } from '@mui/x-date-pickers-pro';"
+  ],
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiPickersInputBase" },
+  "filename": "/packages/x-date-pickers/src/PickersTextField/PickersInputBase/PickersInputBase.tsx",
+  "demos": "<ul></ul>"
+}

docs/pages/x/api/date-pickers/pickers-input.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 './pickers-input.json';
+
+export default function Page(props) {
+  const { descriptions, pageContent } = props;
+  return <ApiPage descriptions={descriptions} pageContent={pageContent} />;
+}
+
+Page.getInitialProps = () => {
+  const req = require.context(
+    'docsx/translations/api-docs/date-pickers',
+    false,
+    /\.\/pickers-input(-[a-z]{2})?\.json$/,
+  );
+  const descriptions = mapApiPageTranslations(req);
+
+  return {
+    descriptions,
+    pageContent: jsonPageContent,
+  };
+};

docs/pages/x/api/date-pickers/pickers-input.json

@@ -0,0 +1,35 @@
+{
+  "props": {
+    "areAllSectionsEmpty": { "type": { "name": "bool" }, "required": true },
+    "contentEditable": { "type": { "name": "bool" }, "required": true },
+    "elements": {
+      "type": {
+        "name": "arrayOf",
+        "description": "Array<{ after: object, before: object, container: object, content: object }>"
+      },
+      "required": true
+    },
+    "component": { "type": { "name": "elementType" } },
+    "slots": { "type": { "name": "object" }, "default": "{}" },
+    "sx": {
+      "type": {
+        "name": "union",
+        "description": "Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"
+      },
+      "additionalInfo": { "sx": true }
+    }
+  },
+  "slots": [
+    { "class": null, "name": "input", "description": "" },
+    { "class": null, "name": "root", "description": "" }
+  ],
+  "name": "PickersInput",
+  "imports": [
+    "import { PickersInput } from '@mui/x-date-pickers/PickersTextField';",
+    "import { PickersInput } from '@mui/x-date-pickers';",
+    "import { PickersInput } from '@mui/x-date-pickers-pro';"
+  ],
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiPickersInput" },
+  "filename": "/packages/x-date-pickers/src/PickersTextField/PickersInput/PickersInput.tsx",
+  "demos": "<ul></ul>"
+}

docs/pages/x/api/date-pickers/pickers-outlined-input.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 './pickers-outlined-input.json';
+
+export default function Page(props) {
+  const { descriptions, pageContent } = props;
+  return <ApiPage descriptions={descriptions} pageContent={pageContent} />;
+}
+
+Page.getInitialProps = () => {
+  const req = require.context(
+    'docsx/translations/api-docs/date-pickers',
+    false,
+    /\.\/pickers-outlined-input(-[a-z]{2})?\.json$/,
+  );
+  const descriptions = mapApiPageTranslations(req);
+
+  return {
+    descriptions,
+    pageContent: jsonPageContent,
+  };
+};

docs/pages/x/api/date-pickers/pickers-outlined-input.json

@@ -0,0 +1,35 @@
+{
+  "props": {
+    "areAllSectionsEmpty": { "type": { "name": "bool" }, "required": true },
+    "contentEditable": { "type": { "name": "bool" }, "required": true },
+    "elements": {
+      "type": {
+        "name": "arrayOf",
+        "description": "Array<{ after: object, before: object, container: object, content: object }>"
+      },
+      "required": true
+    },
+    "component": { "type": { "name": "elementType" } },
+    "slots": { "type": { "name": "object" }, "default": "{}" },
+    "sx": {
+      "type": {
+        "name": "union",
+        "description": "Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"
+      },
+      "additionalInfo": { "sx": true }
+    }
+  },
+  "slots": [
+    { "class": null, "name": "input", "description": "" },
+    { "class": null, "name": "root", "description": "" }
+  ],
+  "name": "PickersOutlinedInput",
+  "imports": [
+    "import { PickersOutlinedInput } from '@mui/x-date-pickers/PickersTextField';",
+    "import { PickersOutlinedInput } from '@mui/x-date-pickers';",
+    "import { PickersOutlinedInput } from '@mui/x-date-pickers-pro';"
+  ],
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiPickersOutlinedInput" },
+  "filename": "/packages/x-date-pickers/src/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.tsx",
+  "demos": "<ul></ul>"
+}

docs/pages/x/api/date-pickers/pickers-text-field.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 './pickers-text-field.json';
+
+export default function Page(props) {
+  const { descriptions, pageContent } = props;
+  return <ApiPage descriptions={descriptions} pageContent={pageContent} />;
+}
+
+Page.getInitialProps = () => {
+  const req = require.context(
+    'docsx/translations/api-docs/date-pickers',
+    false,
+    /\.\/pickers-text-field(-[a-z]{2})?\.json$/,
+  );
+  const descriptions = mapApiPageTranslations(req);
+
+  return {
+    descriptions,
+    pageContent: jsonPageContent,
+  };
+};

docs/pages/x/api/date-pickers/pickers-text-field.json

@@ -0,0 +1,64 @@
+{
+  "props": {
+    "areAllSectionsEmpty": { "type": { "name": "bool" }, "required": true },
+    "contentEditable": { "type": { "name": "bool" }, "required": true },
+    "elements": {
+      "type": {
+        "name": "arrayOf",
+        "description": "Array<{ after: object, before: object, container: object, content: object }>"
+      },
+      "required": true
+    },
+    "color": {
+      "type": {
+        "name": "enum",
+        "description": "'error'<br>&#124;&nbsp;'info'<br>&#124;&nbsp;'primary'<br>&#124;&nbsp;'secondary'<br>&#124;&nbsp;'success'<br>&#124;&nbsp;'warning'"
+      },
+      "default": "'primary'"
+    },
+    "focused": { "type": { "name": "bool" } },
+    "helperText": { "type": { "name": "node" } },
+    "hiddenLabel": { "type": { "name": "bool" }, "default": "false" },
+    "InputProps": { "type": { "name": "object" } },
+    "margin": {
+      "type": {
+        "name": "enum",
+        "description": "'dense'<br>&#124;&nbsp;'none'<br>&#124;&nbsp;'normal'"
+      },
+      "default": "'none'"
+    },
+    "required": { "type": { "name": "bool" }, "default": "false" },
+    "size": {
+      "type": { "name": "enum", "description": "'medium'<br>&#124;&nbsp;'small'" },
+      "default": "'medium'"
+    },
+    "sx": {
+      "type": {
+        "name": "union",
+        "description": "Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"
+      },
+      "additionalInfo": { "sx": true }
+    },
+    "variant": {
+      "type": {
+        "name": "enum",
+        "description": "'filled'<br>&#124;&nbsp;'outlined'<br>&#124;&nbsp;'standard'"
+      },
+      "default": "'outlined'"
+    }
+  },
+  "slots": [],
+  "name": "PickersTextField",
+  "imports": [
+    "import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';",
+    "import { PickersTextField } from '@mui/x-date-pickers';",
+    "import { PickersTextField } from '@mui/x-date-pickers-pro';"
+  ],
+  "styles": {
+    "classes": ["root", "marginNormal", "marginDense", "fullWidth"],
+    "globalClasses": {},
+    "name": "MuiPickersTextField"
+  },
+  "filename": "/packages/x-date-pickers/src/PickersTextField/PickersTextField.tsx",
+  "demos": "<ul></ul>"
+}

docs/translations/api-docs/date-pickers/pickers-filled-input.json

@@ -0,0 +1,37 @@
+{
+  "componentDescription": "",
+  "propDescriptions": {
+    "areAllSectionsEmpty": {
+      "description": "Is <code>true</code> if the current values equals the empty value. For a single item value, it means that <code>value === null</code> For a range value, it means that <code>value === [null, null]</code>",
+      "deprecated": "",
+      "typeDescriptions": {}
+    },
+    "component": {
+      "description": "The component used for the root node. Either a string to use a HTML element or a component.",
+      "deprecated": "",
+      "typeDescriptions": {}
+    },
+    "contentEditable": {
+      "description": "If true, the whole element is editable. Useful when all the sections are selected.",
+      "deprecated": "",
+      "typeDescriptions": {}
+    },
+    "elements": {
+      "description": "The elements to render. Each element contains the prop to edit a section of the value.",
+      "deprecated": "",
+      "typeDescriptions": {}
+    },
+    "slots": {
+      "description": "The components used for each slot inside.",
+      "deprecated": "",
+      "typeDescriptions": {}
+    },
+    "sx": {
+      "description": "The system prop that allows defining system overrides as well as additional CSS styles.",
+      "deprecated": "",
+      "typeDescriptions": {}
+    }
+  },
+  "classDescriptions": {},
+  "slotDescriptions": { "input": "", "root": "" }
+}