<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[ X ] bug report
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[ X ] bug report
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong></p>
<p dir="auto">( dateVariable | date:'yMMMMdjm') is producing '2016May1311 AM0'</p>
<p dir="auto"><strong>Expected/desired behavior</strong></p>
<p dir="auto">should produce May 13, 2016 11:00 AM like it was before updating</p>
<p dir="auto"><strong>Please tell us about your environment:</strong></p>
<ul dir="auto">
<li><strong>Angular version:</strong> 2.0.0-rc.2</li>
<li><strong>Browser:</strong> [Chrome 51.0.2704.103 m]</li>
<li><strong>Language:</strong> [TypeScript 1.8.10]</li>
</ul>
<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong><br>
Date pipe keeps the order of date components when using a custom format. According to the docs (<a href="https://angular.io/docs/ts/latest/api/common/index/DatePipe-pipe.html" rel="nofollow">https://angular.io/docs/ts/latest/api/common/index/DatePipe-pipe.html</a>) this shouldn't be the case: 'In javascript, only the components specified will be respected (not the ordering, punctuations, ...) and details of the formatting will be dependent on the locale.'</p>
<p dir="auto"><strong>Expected behavior</strong><br>
The date pipe should ignore ordering and whitespaces etc, it should only care about the date components and format the output date according to the locale.</p>
<p dir="auto"><strong>Reproduction of the problem</strong><br>
<a href="http://plnkr.co/edit/fCZ4oVcn5qsnNssvSnar?p=preview" rel="nofollow">http://plnkr.co/edit/fCZ4oVcn5qsnNssvSnar?p=preview</a></p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong><br>
To be able to use custom date formats.</p>
<p dir="auto"><strong>Please tell us about your environment:</strong><br>
macOS Sierra, Visual Studio Code, NPM 3.10.3</p>
<ul dir="auto">
<li><strong>Angular version:</strong> 2.0.0 (Final release)</li>
<li><strong>Browser:</strong> all</li>
<li><strong>Language:</strong> TypeScript 2.0.2</li>
<li><strong>Node (for AoT issues):</strong> <code class="notranslate">node --version</code> =   v6.3.0</li>
</ul>