feat: add date adapter for luxon

Adds the `LuxonDateAdapter` that can be used to work with Luxon dates in the `MatDatepicker`.

Author: crisbeto

.github/CODEOWNERS

@@ -82,6 +82,9 @@
 # Moment adapter package
 /src/material-moment-adapter/**                    @mmalerba
 
+# Luxon adapter package
+/src/material-luxon-adapter/**                     @mmalerba @crisbeto
+
 # Material experimental package
 /src/material-experimental/**                      @jelbourn
 

package.json

@@ -72,6 +72,7 @@
     "@types/hammerjs": "^2.0.35",
     "@types/inquirer": "^0.0.43",
     "@types/jasmine": "^3.0.0",
+    "@types/luxon": "^1.4.1",
     "@types/marked": "^0.4.2",
     "@types/merge2": "^0.3.30",
     "@types/minimist": "^1.2.0",
@@ -114,6 +115,7 @@
     "karma-parallel": "^0.3.0",
     "karma-sauce-launcher": "^2.0.2",
     "karma-sourcemap-loader": "^0.3.7",
+    "luxon": "^1.8.3",
     "magic-string": "^0.22.4",
     "marked": "^0.5.1",
     "merge2": "^1.2.3",

packages.bzl

@@ -89,6 +89,7 @@ VERSION_PLACEHOLDER_REPLACEMENTS = {
 ROLLUP_GLOBALS = {
   'tslib': 'tslib',
   'moment': 'moment',
+  'luxon': 'luxon',
   '@angular/cdk': 'ng.cdk',
   '@angular/cdk-experimental': 'ng.cdkExperimental',
   '@angular/material': 'ng.material',

scripts/deploy/publish-build-artifacts.sh

@@ -16,7 +16,9 @@ if [ -z ${MATERIAL2_BUILDS_TOKEN} ]; then
 fi
 
 # Material packages that need to published.
-PACKAGES=(cdk material material-moment-adapter)
+PACKAGES=(cdk material material-moment-adapter material-luxon-adapter)
+
+## TODO(crisbeto): add luxon to this once we have a repo for `material-luxon-adapter` builds.
 REPOSITORIES=(cdk-builds material2-builds material2-moment-adapter-builds)
 
 # Command line arguments.

src/dev-app/system-config.ts

@@ -18,6 +18,7 @@ System.config({
     'main': 'main.js',
     'tslib': 'node:tslib/tslib.js',
     'moment': 'node:moment/min/moment-with-locales.min.js',
+    'luxon': 'node:luxon/build/amd/luxon.js',
 
     'rxjs': 'node_modules/rxjs/bundles/rxjs.umd.min.js',
     'rxjs/operators': 'system-rxjs-operators.js',
@@ -43,6 +44,7 @@ System.config({
     '@angular/material-experimental': 'dist/packages/material-experimental/index.js',
     '@angular/material-examples': 'dist/packages/material-examples/index.js',
     '@angular/material-moment-adapter': 'dist/packages/material-moment-adapter/index.js',
+    '@angular/material-luxon-adapter': 'dist/packages/material-luxon-adapter/index.js',
     '@angular/cdk': 'dist/packages/cdk/index.js',
     '@angular/cdk-experimental': 'dist/packages/cdk-experimental/index.js',
 

src/dev-app/tsconfig-aot.json

@@ -29,6 +29,7 @@
       "@angular/cdk-experimental/*": ["../../dist/releases/cdk-experimental/*"],
       "@angular/cdk-experimental": ["../../dist/releases/cdk-experimental"],
       "@angular/material-moment-adapter": ["../../dist/releases/material-moment-adapter"],
+      "@angular/material-luxon-adapter": ["../../dist/releases/material-luxon-adapter"],
       "@angular/material-examples": ["../../dist/releases/material-examples"]
     }
   },

src/dev-app/tsconfig-build.json

@@ -36,6 +36,7 @@
       "@angular/cdk-experimental/*": ["../../dist/packages/cdk-experimental/*"],
       "@angular/cdk-experimental": ["../../dist/packages/cdk-experimental"],
       "@angular/material-moment-adapter": ["../../dist/packages/material-moment-adapter"],
+      "@angular/material-luxon-adapter": ["../../dist/packages/material-luxon-adapter"],
       "@angular/material-examples": ["../../dist/packages/material-examples"]
     }
   },

src/dev-app/tsconfig.json

@@ -15,6 +15,7 @@
       "@angular/cdk-experimental/*": ["../cdk-experimental/*"],
       "@angular/cdk-experimental": ["../cdk-experimental"],
       "@angular/material-moment-adapter": ["../material-moment-adapter/public-api.ts"],
+      "@angular/material-luxon-adapter": ["../material-luxon-adapter/public-api.ts"],
       "@angular/material-examples": ["../../dist/packages/material-examples"]
     }
   },

src/e2e-app/tsconfig.json

@@ -13,6 +13,7 @@
       "@angular/cdk-experimental/*": ["../cdk-experimental/*"],
       "@angular/cdk-experimental": ["../cdk-experimental/"],
       "@angular/material-moment-adapter": ["../material-moment-adapter/"],
+      "@angular/material-luxon-adapter": ["../material-luxon-adapter/"],
       "@angular/material-examples": ["../material-examples/"]
     }
   },

src/lib/datepicker/datepicker.md

@@ -212,16 +212,15 @@ with a variety of different date implementations. However it also means that dev
 sure to provide the appropriate pieces for the datepicker to work with their chosen implementation.
 The easiest way to ensure this is just to import one of the pre-made modules:
 
-|Module               |Date type|Supported locales                                                      |Dependencies                      |Import from                       |
-|---------------------|---------|-----------------------------------------------------------------------|----------------------------------|----------------------------------|
-|`MatNativeDateModule`|`Date`   |en-US                                                                  |None                              |`@angular/material`               |
-|`MatMomentDateModule`|`Moment` |[See project](https://github.com/moment/moment/tree/develop/src/locale)|[Moment.js](https://momentjs.com/)|`@angular/material-moment-adapter`|
+|Module               |Date type  |Supported locales                                                      |Dependencies                            |Import from                       |
+|---------------------|-----------|-----------------------------------------------------------------------|----------------------------------------|----------------------------------|
+|`MatNativeDateModule`|`Date`     |en-US                                                                  |None                                    |`@angular/material`               |
+|`MatMomentDateModule`|`Moment`   |[See project](https://github.com/moment/moment/tree/develop/src/locale)|[Moment.js](https://momentjs.com/)      |`@angular/material-moment-adapter`|
+|`MatLuxonDateModule` |`DateTime` |[See project](https://moment.github.io/luxon/docs/manual/intl.html)    |[Luxon](https://moment.github.io/luxon/)|`@angular/material-luxon-adapter`|
 
 *Please note: `MatNativeDateModule` is based off of the functionality available in JavaScript's
-native `Date` object, and is thus not suitable for many locales. One of the biggest shortcomings of
-the native `Date` object is the inability to set the parse format. We highly recommend using the
-`MomentDateAdapter` or a custom `DateAdapter` that works with the formatting/parsing library of your
-choice.*
+native `Date` object, and is thus not suitable for many locales. It is highly recommended to use
+one of the alternative adapters or to create your own custom adapter*
 
 These modules include providers for `DateAdapter` and `MAT_DATE_FORMATS`