title: How to change the format of Date in Reactive Forms?
body: <p>I want to change the default date format in one of my fields in Reactive forms. It is appearing in the following format &quot;16-03-1999&quot; but I want to change in following format &quot;March 16, 1999&quot;.</p>
  <p>Below is the code for the same :</p>
  <p>In type script file :</p>
  <pre><code>this.companyForms = this.fb.group({
  
  })
  </code></pre>
  <p>I am adding the control dynamically in the form using the response of API</p>
  <pre><code>this.companyForms.addControl(&quot;EFFECTIVE_DATE&quot;, new FormGroup({
          'DEFAULT VALUE': new FormControl(null)
  }))
  </code></pre>
  <p>In html file,</p>
  <pre><code>&lt;form [formGroup]=&quot;companyForms&quot;&gt;
     &lt;div class=&quot;row pt-2&quot; formGroupName=&quot;EFFECTIVE_DATE&quot;&gt;
        &lt;input type=&quot;date&quot; class=&quot;form-control bg-light&quot; name=&quot;DEFAULT VALUE&quot; formControlName=&quot;DEFAULT VALUE&quot; [value]=&quot;companyForms.get(['EFFECTIVE_DATE','DEFAULT VALUE'])| date:'longDate' &quot;&gt;
     &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  <p>I am trying to change the format of the date by using built in pipe longDate which is basically used to convert the date format into desired format. But after applying pipe also it is appearing in the same format 'dd-mm-yyyy'. I want it in &quot;mmmm dd, yyyy&quot; (June 26, 2019) format.</p>
  <p>The date field still showing the default format in placeholder that is dd-mm-yyyy.</p>
  <p>Any suggestions regarding this will be helpful. Thanks in advance.</p>