title: How to change color of month/year label of material-ui datepicker in react using createMuiTheme?
body: <p>I want to change the color of the label circled here:</p>
  <p><a href="https://i.stack.imgur.com/67sjM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/67sjM.png" alt="enter image description here" /></a></p>
  <p>How would I go about doing so?
  I have tried changing the color of the primary colors on the palette. Also, there does not seem to be a way to do it through CSS without affecting other components.</p>
  <p>Here's my current code for the theme:</p>
  <pre><code>const calendarTheme = createMuiTheme({
      overrides: {
          MuiPickersDay: {
              day: {
                  color: &quot;#436E70&quot;,
              },
              daySelected: {
                  backgroundColor: &quot;#436E70&quot;,
              },
              dayDisabled: {
                  color: &quot;#436E70&quot;,
              },
              current: {
                  color: &quot;#436E70&quot;,
              },
          },
      },
  });
  </code></pre>
  <p>Material-UI pickers v3.3.10
  <a href="https://material-ui-pickers.dev/guides/css-overrides" rel="nofollow noreferrer">https://material-ui-pickers.dev/guides/css-overrides</a>
  Variant: static
  Npm package used: @material-ui/pickers</p>
  <p>Someone suggested this post: <a href="https://stackoverflow.com/questions/47488211/change-header-color-of-material-ui-date-picker">Change header color of Material-UI Date Picker</a></p>
  <p>That solution is 5+ years old already,getMuiTheme is not part of v3.3.10. Also the way described in that post does not work anymore, it does not matter where in the createMuiTheme object I put</p>
  <pre><code>datePicker: {
        color: palette.primary1Color,
        textColor: palette.alternateTextColor,
        calendarTextColor: palette.textColor,
        selectColor: palette.primary2Color,
        selectTextColor: palette.alternateTextColor,
        calendarYearBackgroundColor: palette.canvasColor,
        headerColor: palette.pickerHeaderColor || palette.primary1Color,
      },
  </code></pre>
  <p>It does not work, it doesn't have any effects. And the <a href="https://material-ui-pickers.dev/guides/css-overrides" rel="nofollow noreferrer">documentation</a> also doesn't bring much light to the case.</p>
  <p>Thanks in advance.</p>