title: how to disable "--tw-ring-shadow", using tailwindCss for @mui/TimePicker?
body: <p>if I disable --tw-ring-shadow it works ok
  you can see in image <a href="https://i.stack.imgur.com/gcO2I.png" rel="nofollow noreferrer">!! show image !!</a></p>
  <p><strong>TimePicker Code</strong></p>
  <pre><code>&lt;LocalizationProvider dateAdapter={AdapterDateFns}&gt;
        &lt;Stack spacing={3}&gt;
          &lt;TimePicker
            renderInput={(params) =&gt; &lt;TextField {...params}/&gt;}
            value={value}
            label=&quot;min/max time&quot;
            onChange={(newValue) =&gt; {
              setValue(newValue);
            }}
            minTime={new Date(0, 0, 0, 8)}
            maxTime={new Date(0, 0, 0, 18, 45)}
          /&gt;
        &lt;/Stack&gt;
      &lt;/LocalizationProvider&gt;
  </code></pre>