title: How can i change the color of the Calender Icon in a mui Datagrid
body: <p>Hi how can I do this? I`ve tried to get the CSS Class of the Icon in the dev Tools, but there is no no additional html item for the icon.</p>
  <pre><code>import {DataGrid, GridColDef} from &quot;@mui/x-data-grid&quot;;
  
  export const Data = () =&gt; {
      const columns: GridColDef[] = [
          {
              field: 'date',
              headerName: 'Date',
              width: 150,
              editable: true,
              type: 'dateTime'
          },
      ]
      const data = [
          {id: 1, date: new Date()},
      ]
  
      return(
          &lt;div style={{height: '100vh'}}&gt;
              &lt;DataGrid columns={columns} rows={data}/&gt;
          &lt;/div&gt;
      )
  }
  </code></pre>