[examples] Use REST API for CRUD in themed example

[bharatkashyap]

• From [create-toolpad-app] Add CRUD to generated projects #4826 [create-toolpad-app] Add CRUD to generated projects #4826 (review)

[mui-bot]

Netlify deploy preview

https://deploy-preview-4834--mui-toolpad-docs.netlify.app/

Generated by 🚫 dangerJS against e5233b5

[apedroferreira]

Non-blocking and probably don't really have to be fixed quick if there's other priorities, but found 2 visual nitpicks:

1. Background color behind sidebar subtitles:

2. Border around date icon inside date inputs:

[bharatkashyap]

1. is a quick fix but 👇🏻 requires the ability to customise the date component being used specifically in the Edit component - not sure if we can do that with Crud at the moment. Is there a quick way I'm missing?

2. Border around date icon inside date inputs:

[apedroferreira]

1. is a quick fix but 👇🏻 requires the ability to customise the date component being used specifically in the Edit component - not sure if we can do that with Crud at the moment. Is there a quick way I'm missing?

I thought it was more of a theming issue and would happen in every input with icons, or can't we just target the icon in the MUI X date pickers somehow?

[bharatkashyap]

1. is a quick fix but 👇🏻 requires the ability to customise the date component being used specifically in the Edit component - not sure if we can do that with Crud at the moment. Is there a quick way I'm missing?

I thought it was more of a theming issue and would happen in every input with icons, or can't we just target the icon in the MUI X date pickers somehow?

It is an intentional choice for the other icon buttons so just this icon button is to be targeted - I can try and look more deeply if we can target just the MUI X Date Picker Icon button

[apedroferreira]

1. is a quick fix but 👇🏻 requires the ability to customise the date component being used specifically in the Edit component - not sure if we can do that with Crud at the moment. Is there a quick way I'm missing?

I thought it was more of a theming issue and would happen in every input with icons, or can't we just target the icon in the MUI X date pickers somehow?

It is an intentional choice for the other icon buttons so just this icon button is to be targeted - I can try and look more deeply if we can target just the MUI X Date Picker Icon button

If it's intentional we can keep it, I thought it was unintended just because the border gets a bit thicker on the right. Anyway it's a real nitpick probably :D

[bharatkashyap]

1. is a quick fix but 👇🏻 requires the ability to customise the date component being used specifically in the Edit component - not sure if we can do that with Crud at the moment. Is there a quick way I'm missing?

I thought it was more of a theming issue and would happen in every input with icons, or can't we just target the icon in the MUI X date pickers somehow?

It is an intentional choice for the other icon buttons so just this icon button is to be targeted - I can try and look more deeply if we can target just the MUI X Date Picker Icon button

If it's intentional we can keep it, I thought it was unintended just because the border gets a bit thicker on the right. Anyway it's a real nitpick probably :D

The borders on the general icon buttons are intentional, this one indeed is a bit problematic - I'll look into targeting it with some selectors and remove it. Nitpicks are always welcome 🕵🏻