<p dir="auto">I am trying to limit the maxlength of text type input field to specific number but it's not working.</p>
<p dir="auto">Here is what I am trying</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;TextField
        InputProps={{ placeholder: '#'}}
        type='text'
        value = { _some state_ }
        onChange = { _someFunction_ }) }
        maxLength = &quot;1&quot;
/&gt;"><pre class="notranslate"><span class="pl-c1">&lt;</span><span class="pl-ent">TextField</span>
        <span class="pl-c1">InputProps</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-kos">{</span> <span class="pl-c1">placeholder</span>: <span class="pl-s">'#'</span><span class="pl-kos">}</span><span class="pl-kos">}</span>
        <span class="pl-c1">type</span><span class="pl-c1">=</span><span class="pl-s">'text'</span>
        <span class="pl-c1">value</span> <span class="pl-c1">=</span> <span class="pl-kos">{</span> <span class="pl-s1">_some</span> <span class="pl-s1">state_</span> <span class="pl-kos">}</span>
        <span class="pl-c1">onChange</span> <span class="pl-c1">=</span> <span class="pl-kos">{</span> <span class="pl-s1">_someFunction_</span> <span class="pl-kos">}</span><span class="pl-kos">)</span> <span class="pl-kos">}</span>
        <span class="pl-c1">maxLength</span> <span class="pl-c1">=</span> <span class="pl-s">"1"</span>
<span class="pl-c1">/</span><span class="pl-c1">&gt;</span></pre></div>
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: 1.0.0-beta.3</li>
<li>React: 15.6.1</li>
<li>Browser: chrome</li>
</ul>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/mui-org/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<p dir="auto">Following the <a href="https://material-ui-next.com/api/button/" rel="nofollow">docs</a> it should be possible to overwrite the <code class="notranslate">fullWidth</code> class name on the Button component. However, the <code class="notranslate">fullWidth</code> key is missing from the <code class="notranslate">ButtonClassKey</code>. Resulting in the following error:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Object literal may only specify known properties, and 'fullWidth' does not exist in type 'Partial&lt;Record&lt;ButtonClassKey, CSSProperties&gt;&gt;'."><pre class="notranslate"><code class="notranslate">Object literal may only specify known properties, and 'fullWidth' does not exist in type 'Partial&lt;Record&lt;ButtonClassKey, CSSProperties&gt;&gt;'.
</code></pre></div>
<p dir="auto">Version: 1.0.0-beta.33</p>