title: Angular: How to display a date in French format
body: <p>I am an Angular beginner, I read the documentation of Angular, and it's hard for such an elementary thing... I want that the dates and other things in my application have the French locale, and not the default 'en-US'...</p>
  
  <p>I started to read this Angular <a href="https://angular.io/guide/i18n" rel="noreferrer">documentation</a>, that seems a little bit incomplete, cause, I did the doc states, and failed: </p>
  
  <pre><code>&gt;...\ClientApp&gt;ng serve --configuration=fr
  Configuration 'fr' could not be found in project 'ClientApp'.
  </code></pre>
  
  <p>OK, now I look on another <a href="https://angular.io/api/common/DatePipe" rel="noreferrer">documentation page</a> on the Date pipe. It states:</p>
  
  <pre><code>{{ value_expression | date [ : format [ : timezone [ : locale ] ] ] }}
  </code></pre>
  
  <p>but ANY example on how to use the <code>locale</code>, so, I tried to do it in a test application <a href="https://stackblitz.com/edit/angular-gitter-vjjuas" rel="noreferrer">link</a>, like this <code>{{myDate | date: 'medium': undefined : 'fr'}}</code> but it displays nothing... I have in the console: </p>
  
  <pre><code>ERROR
  Error: InvalidPipeArgument: 'Missing locale data for the locale "fr".' for pipe 'DatePipe'
  </code></pre>
  
  <p>what else should I do or install to display in Angular a date in the French format?</p>
  
  <pre><code>Angular CLI: 6.1.5
  Node: 8.11.1
  OS: win32 x64
  Angular: 6.1.8
  </code></pre>