feat(material-date-fns-adapter): add date adapter for date-fns (#23262)

* feat(material-date-fns-adapter): add date adapter for date-fns Adds a new date adapter that supports the `date-fns` library. * fixup! feat(material-date-fns-adapter): add date adapter for date-fns Fix saucelabs unit tests and the integration test for partial compilation. * fixup! feat(material-date-fns-adapter): add date adapter for date-fns
angular · Jul 30, 2021 · e8dd070 · e8dd070
1 parent 769996e
commit e8dd070
Show file tree

Hide file tree

Showing 36 changed files with 925 additions and 16 deletions.
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
@@ -91,6 +91,7 @@
 # Date adapters
 /src/material-moment-adapter/**                    @mmalerba
 /src/material-luxon-adapter/**                     @crisbeto
+/src/material-date-fns-adapter/**                  @crisbeto
 
 # Material experimental package
 /src/material-experimental/*                       @jelbourn

diff --git a/.ng-dev/commit-message.ts b/.ng-dev/commit-message.ts
@@ -72,6 +72,7 @@ export const commitMessage: CommitMessageConfig = {
     'material-experimental/popover-edit',
     'material-experimental/selection',
     'material-moment-adapter',
+    'material-date-fns-adapter',
     'material-luxon-adapter',
     'material/autocomplete',
     'material/badge',

diff --git a/WORKSPACE b/WORKSPACE
@@ -96,3 +96,7 @@ load(
 )
 
 _dev_infra_browser_repositories()
+
+load("@npm//@bazel/esbuild:esbuild_repositories.bzl", "esbuild_repositories")
+
+esbuild_repositories()
diff --git a/angular-tsconfig.json b/angular-tsconfig.json
@@ -38,6 +38,7 @@
     "node_modules/@angular/material-experimental/**",
     "node_modules/@angular/material-moment-adapter/**",
     "node_modules/@angular/material-luxon-adapter/**",
+    "node_modules/@angular/material-date-fns-adapter/**",
     "node_modules/@angular/youtube-player/**"
   ]
 }
diff --git a/package.json b/package.json
@@ -88,6 +88,7 @@
     "@bazel/bazelisk": "1.9.0",
     "@bazel/buildifier": "4.0.1",
     "@bazel/concatjs": "4.0.0-beta.0",
+    "@bazel/esbuild": "4.0.0-beta.0",
     "@bazel/ibazel": "0.15.10",
     "@bazel/jasmine": "4.0.0-beta.0",
     "@bazel/protractor": "4.0.0-beta.0",
@@ -171,6 +172,7 @@
     "chalk": "^4.1.0",
     "codelyzer": "^6.0.2",
     "conventional-changelog": "^3.0.5",
+    "date-fns": "^2.23.0",
     "dgeni": "^0.4.11",
     "dgeni-packages": "^0.28.4",
     "diff": "^5.0.0",
@@ -195,13 +197,13 @@
     "karma-requirejs": "^1.1.0",
     "karma-sauce-launcher": "^4.3.6",
     "karma-sourcemap-loader": "^0.3.7",
+    "luxon": "^2.0.0",
     "madge": "^4.0.0",
     "marked": "^2.0.0",
     "merge2": "^1.2.3",
     "minimatch": "^3.0.4",
     "minimist": "^1.2.0",
     "moment": "^2.18.1",
-    "luxon": "^2.0.0",
     "node-fetch": "^2.6.0",
     "parse5": "^6.0.1",
     "postcss": "^8.2.1",

diff --git a/rollup-globals.bzl b/rollup-globals.bzl
@@ -36,6 +36,7 @@ ROLLUP_GLOBALS = {
     "@angular/material-experimental": "ng.materialExperimental",
     "@angular/material-moment-adapter": "ng.materialMomentAdapter",
     "@angular/material-luxon-adapter": "ng.materialLuxonAdapter",
+    "@angular/material-date-fns-adapter": "ng.materialDateFnsAdapter",
     "@angular/youtube-player": "ng.youtubePlayer",
 
     # This UMD module name would not match with anything that MDC provides, but we just
@@ -48,6 +49,7 @@ ROLLUP_GLOBALS = {
     "moment/locale/fr": "moment.locale.fr",
     "moment/locale/ja": "moment.locale.ja",
     "luxon": "luxon",
+    "date-fns": "dateFns",
     "protractor": "protractor",
     "rxjs": "rxjs",
     "rxjs/operators": "rxjs.operators",

diff --git a/scripts/deploy/publish-build-artifacts.sh b/scripts/deploy/publish-build-artifacts.sh
@@ -23,6 +23,7 @@ PACKAGES=(
   material-experimental
   material-moment-adapter
   # material-luxon-adapter TODO(crisbeto): enable this once we have a builds repo
+  # material-date-fns-adapter TODO(crisbeto): enable this once we have a builds repo
   google-maps
   youtube-player
 )

diff --git a/src/components-examples/package.json b/src/components-examples/package.json
@@ -26,7 +26,8 @@
     "@angular/material": "0.0.0-PLACEHOLDER",
     "@angular/material-experimental": "0.0.0-PLACEHOLDER",
     "@angular/material-moment-adapter": "0.0.0-PLACEHOLDER",
-    "@angular/material-luxon-adapter": "0.0.0-PLACEHOLDER"
+    "@angular/material-luxon-adapter": "0.0.0-PLACEHOLDER",
+    "@angular/material-date-fns-adapter": "0.0.0-PLACEHOLDER"
   },
   "dependencies": {
     "tslib": "0.0.0-TSLIB"

diff --git a/src/components-examples/tsconfig.json b/src/components-examples/tsconfig.json
@@ -12,7 +12,8 @@
       "@angular/material/*": ["../material/*"],
       "@angular/material-experimental/*": ["../material-experimental/*"],
       "@angular/material-moment-adapter": ["../material-moment-adapter/public-api.ts"],
-      "@angular/material-luxon-adapter": ["../material-luxon-adapter/public-api.ts"]
+      "@angular/material-luxon-adapter": ["../material-luxon-adapter/public-api.ts"],
+      "@angular/material-date-fns-adapter": ["../material-date-fns-adapter/public-api.ts"]
     }
   },
   "include": ["./**/*.ts"]

diff --git a/src/dev-app/tsconfig.json b/src/dev-app/tsconfig.json
@@ -15,6 +15,7 @@
       "@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-date-fns-adapter": ["../material-date-fns-adapter/public-api.ts"],
       "@angular/google-maps": ["../google-maps"],
       "@angular/components-examples": ["../components-examples"],
       "@angular/components-examples/*": ["../components-examples/*"],

diff --git a/src/e2e-app/tsconfig.json b/src/e2e-app/tsconfig.json
@@ -13,6 +13,7 @@
       "@angular/cdk-experimental": ["../cdk-experimental/"],
       "@angular/material-moment-adapter": ["../material-moment-adapter/"],
       "@angular/material-luxon-adapter": ["../material-luxon-adapter/"],
+      "@angular/material-date-fns-adapter": ["../material-date-fns-adapter/"],
       "@angular/components-examples": ["../components-examples/"],
       "@angular/components-examples/*": ["../components-examples/*"]
     }

diff --git a/src/material-date-fns-adapter/BUILD.bazel b/src/material-date-fns-adapter/BUILD.bazel
@@ -0,0 +1,64 @@
+load("//tools:defaults.bzl", "ng_module", "ng_package", "ng_test_library", "ng_web_test_suite")
+load(":esbuild-amd.bzl", "esbuild_amd")
+
+package(default_visibility = ["//visibility:public"])
+
+ng_module(
+    name = "material-date-fns-adapter",
+    srcs = glob(
+        ["**/*.ts"],
+        exclude = ["**/*.spec.ts"],
+    ),
+    deps = [
+        "//src:dev_mode_types",
+        "//src/material/core",
+        "@npm//@angular/core",
+        "@npm//date-fns",
+    ],
+)
+
+ng_test_library(
+    name = "unit_test_sources",
+    srcs = glob(
+        ["**/*.spec.ts"],
+        exclude = ["**/*.e2e.spec.ts"],
+    ),
+    deps = [
+        ":material-date-fns-adapter",
+        "//src/material/core",
+        "@npm//date-fns",
+    ],
+)
+
+ng_web_test_suite(
+    name = "unit_tests",
+    deps = [
+        ":amd_date_fns",
+        ":amd_date_fns_locales",
+        ":unit_test_sources",
+    ],
+)
+
+esbuild_amd(
+    name = "amd_date_fns",
+    testonly = True,
+    entry_point = "@npm//:node_modules/date-fns/esm/index.js",
+    module_name = "date-fns",
+    deps = ["@npm//date-fns"],
+)
+
+esbuild_amd(
+    name = "amd_date_fns_locales",
+    testonly = True,
+    entry_point = "@npm//:node_modules/date-fns/esm/locale/index.js",
+    module_name = "date-fns/locale",
+    deps = ["@npm//date-fns"],
+)
+
+ng_package(
+    name = "npm_package",
+    srcs = ["package.json"],
+    entry_point = ":public-api.ts",
+    tags = ["release-package"],
+    deps = [":material-date-fns-adapter"],
+)