[ADF-4342] Create localized pipe and centralize date format (#4813)

* [ADF-4342] Date Format defined in app config

* [ADF-4342] Create localized pipe and centralize date format

* Add unit test for new date pipe

* Add info internationalization docs

* Fix lining

* Fix linting

* Fix date pipe unit test

* [ADF-4342] Add supported language files

* Fix e2e tests

docs/user-guide/internationalization.md

@@ -18,6 +18,7 @@ fairly straightforward to maintain.
 -   [I18n concepts](#i18n-concepts)
 -   [ADF support for i18n](#adf-support-for-i18n)
 -   [Using the translate pipe](#using-the-translate-pipe)
+-   [Using the localized date pipe](#using-the-localized-date-pipe)
 -   [Adding and replacing messages](#adding-and-replacing-messages)
 -   [Interpolations](#interpolations)
 -   [How the display language is selected](#how-the-display-language-is-selected)
@@ -153,6 +154,30 @@ component's `.ts` file:
 
 <!-- {% endraw %} -->
 
+## Using the localized date pipe
+
+Date values are also localized in your ADF app. By default they are localized to en-US, although you can easily change this by adding the localization files provided by Angular.
+
+If you want to use a different locale simply add the locale file for your region in your `app.module.ts`.
+
+<!-- {% raw %} -->
+
+    import { registerLocaleData } from '@angular/common';
+    import localeFr from '@angular/common/locales/fr';
+
+    registerLocaleData(localeFr);
+
+<!-- {% endraw %} -->
+
+Usage of the [localized date pipe](../core/pipes/localized-date.pipe.md).
+<!-- {% raw %} -->
+
+    {{ date | adfLocalizedDate: format : locale }}
+
+<!-- {% endraw %} -->
+
+Find more info about this in the [Angular sDocs](https://angular.io/guide/i18n#setting-up-the-locale-of-your-app).
+
 ## Adding and replacing messages
 
 The built-in translations certainly won't cover everything you will need for