<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>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">When page is reloaded, the render should be stable. It is correct in the development build, i.e when I do <code class="notranslate">npm run dev</code></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/19644931/34405331-c72bfa00-ebd8-11e7-9d76-019091158ad2.gif"><img src="https://user-images.githubusercontent.com/19644931/34405331-c72bfa00-ebd8-11e7-9d76-019091158ad2.gif" alt="development" data-animated-image="" style="max-width: 100%;"></a></p>

<h2 dir="auto">Current Behavior</h2>
<p dir="auto">When page is loaded, the render is unstable. It happens when I run <code class="notranslate">npm run build</code> and <code class="notranslate">npm run start</code></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/19644931/34405407-3b5caa1e-ebd9-11e7-9156-50c9e027d55f.gif"><img src="https://user-images.githubusercontent.com/19644931/34405407-3b5caa1e-ebd9-11e7-9156-50c9e027d55f.gif" alt="production" data-animated-image="" style="max-width: 100%;"></a></p>

<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto">Following the instructions at <a href="https://github.com/zeit/next.js/tree/canary/examples/with-material-ui-next">https://github.com/zeit/next.js/tree/canary/examples/with-material-ui-next</a></p>
<ol dir="auto">
<li>curl <a href="https://codeload.github.com/callemall/material-ui/tar.gz/v1-beta">https://codeload.github.com/callemall/material-ui/tar.gz/v1-beta</a> | tar -xz --strip=2  material-ui-1-beta/examples/nextjs</li>
<li>cd nextjs</li>
<li>npm run build</li>
<li>npm run start</li>
</ol>
<h2 dir="auto">Context</h2>

<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>1.0.0-beta.25</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 63.0.3239 on MacBook</td>
</tr>
<tr>
<td>Next</td>
<td>4.2.1</td>
</tr>
</tbody>
</table>
<ul dir="auto">
<li>[x ] 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>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">If I choose a date, this date should correctly displayed</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">For the year 1979 and longer ago, the localized version interpretes the months wrongly, e.g. July will be August, August will be September and so on. Sorry, it is difficult to explain for me in english, but luckily easy to reproduce ;-)</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">You can reproduce the bug here:  <a href="http://www.material-ui.com/#/components/date-picker" rel="nofollow">http://www.material-ui.com/#/components/date-picker</a>. Use the localized example (I tried the french version), as this bug only appears in the localized version</p>
<p dir="auto">Try to set the datepicker to the "19 July in 1968", the date in the output-field will show "19 August in 1968"</p>
<p dir="auto">This could be helpful for bugfixing:<br>
If you click on the arrows for the months, You will see, that the month "march" ("mars") appears two times, only after the second click the next month is shown</p>