Add list, datepicker and textfield component guides

[prakhargupta1]

List: https://deploy-preview-2827--mui-toolpad-docs.netlify.app/toolpad/components/list/
DatePicker: https://deploy-preview-2827--mui-toolpad-docs.netlify.app/toolpad/components/date-picker/
TextField: https://deploy-preview-2827--mui-toolpad-docs.netlify.app/toolpad/components/text-field/

• Information about isInvalid prop needs to be added. It's use is unclear as discussed here: DatePicker validation issue in a form component #2826
• Clicking on datepicker and textfiled throws an error
• Remove demo for list component

[Janpot]

I believe in the reference docs we used a hyphen to split words in the file name, date-picker. Can you verify?

[prakhargupta1]

Yes, the file names are data-grid, date-picker, and file-picker. Ok, so I'll follow the same here.

[Janpot]

I pushed a fix, to allow the datePicker to be rendered in a SSR context

[prakhargupta1]

Date picker, text field still break:

Screen.Recording.2024-02-27.at.3.37.49.PM.mov

[Janpot]

Date picker, text field still break:

fix added. Also fixed the format in the format demo (had to be uppercase)

[prakhargupta1]

About the missing demo in the list component, I guess we can't add it. So I should just remove it?

[Janpot]

About the missing demo in the list component, I guess we can't add it. So I should just remove it?

I don't know what it would look like. @bharatkashyap if you have an idea, otherwise we can omit.

• Can you add links to the PR preview
• Can you address the vale comments

[apedroferreira]

Should we remove the isInvalid prop from all components for now as discussed in #2826? I can remove it if we agree.

I'll create an issue about finding a better solution for that sort of thing.

Edit: done and merged #3260, and issue here #3261

[Janpot]

Let's merge, I'll add this in the release