title: How can I format the Angular Material datepicker without moment.js dependency
body: <p><strong>What do I want to achieve?</strong></p>
  <p>I want my Angular Material(v11) datepicker to use the DD-MM-YYYY format in an Angular version 11 project.</p>
  <p><strong>What have I tried?</strong></p>
  <p>I tried using the <code>MatMomentDateModule</code> but this uses the moment.js library. This in turn will use all the locales in the bundle, which inceases the bundle size with 400kb. I have added <code>CUSTOM_DATE_FORMATS</code> to the providers of my <code>app.module.ts</code> which looks like this:</p>
  <pre><code>const CUSTOM_DATE_FORMATS = {
      parse: {
          dateInput: 'DD-MM-YYYY',
      },
      display: {
          dateInput: 'DD-MM-YYYY',
          monthYearLabel: 'MMMM YYYY',
          dateA11yLabel: 'LL',
          monthYearA11yLabel: 'MMMM YYYY',
      },
  };
  </code></pre>
  <p>And this works but as mentioned before, the bundle size increases severely and i don't use any locales.</p>
  <p><strong>Is there a way to do format my date DD-MM-YYYY, without the use of the moment.js library?</strong></p>
  <p>or</p>
  <p><strong>Is the moment.js treeshakable in a way so that i only use the stuff that i need?</strong></p>