build: initial setup for timepicker module

Sets up the boilerplate for the timepicker module.

Author: crisbeto

.ng-dev/commit-message.mts

@@ -81,6 +81,7 @@ export const commitMessage: CommitMessageConfig = {
     'material/sort',
     'material/stepper',
     'material/testing',
+    'material/timepicker',
     'material/theming',
     'material/toolbar',
     'material/tooltip',

src/components-examples/config.bzl

@@ -37,6 +37,7 @@ ALL_EXAMPLES = [
     "//src/components-examples/material/bottom-sheet",
     "//src/components-examples/material/badge",
     "//src/components-examples/material/autocomplete",
+    "//src/components-examples/material/timepicker",
     "//src/components-examples/material-experimental/column-resize",
     "//src/components-examples/material-experimental/popover-edit",
     "//src/components-examples/material-experimental/selection",

src/components-examples/material/timepicker/BUILD.bazel

@@ -0,0 +1,49 @@
+load("//tools:defaults.bzl", "ng_module", "ng_test_library", "ng_web_test_suite")
+
+package(default_visibility = ["//visibility:public"])
+
+ng_module(
+    name = "timepicker",
+    srcs = glob(
+        ["**/*.ts"],
+        exclude = ["**/*.spec.ts"],
+    ),
+    assets = glob([
+        "**/*.html",
+        "**/*.css",
+    ]),
+    deps = [
+        "//src/cdk/testing",
+        "//src/cdk/testing/testbed",
+        "//src/material/timepicker",
+        "//src/material/timepicker/testing",
+        "@npm//@angular/platform-browser",
+        "@npm//@types/jasmine",
+    ],
+)
+
+filegroup(
+    name = "source-files",
+    srcs = glob([
+        "**/*.html",
+        "**/*.css",
+        "**/*.ts",
+    ]),
+)
+
+ng_test_library(
+    name = "unit_tests_lib",
+    srcs = glob(["**/*.spec.ts"]),
+    deps = [
+        ":timepicker",
+        "//src/cdk/testing",
+        "//src/cdk/testing/testbed",
+        "//src/material/timepicker",
+        "//src/material/timepicker/testing",
+    ],
+)
+
+ng_web_test_suite(
+    name = "unit_tests",
+    deps = [":unit_tests_lib"],
+)

src/components-examples/material/timepicker/index.ts

@@ -0,0 +1 @@
+export const TEMP = true;

src/dev-app/BUILD.bazel

@@ -72,6 +72,7 @@ ng_module(
         "//src/dev-app/table-scroll-container",
         "//src/dev-app/tabs",
         "//src/dev-app/theme",
+        "//src/dev-app/timepicker",
         "//src/dev-app/toolbar",
         "//src/dev-app/tooltip",
         "//src/dev-app/tree",

src/dev-app/dev-app/dev-app-layout.ts

@@ -111,6 +111,7 @@ export class DevAppLayout {
     {name: 'Table', route: '/table'},
     {name: 'Tabs', route: '/tabs'},
     {name: 'Theme', route: '/theme'},
+    {name: 'Timepicker', route: '/timepicker'},
     {name: 'Toolbar', route: '/toolbar'},
     {name: 'Tooltip', route: '/tooltip'},
     {name: 'Tree', route: '/tree'},

src/dev-app/routes.ts

@@ -225,6 +225,10 @@ export const DEV_APP_ROUTES: Routes = [
     path: 'theme',
     loadComponent: () => import('./theme/theme-demo').then(m => m.ThemeDemo),
   },
+  {
+    path: 'timepicker',
+    loadComponent: () => import('./timepicker/timepicker-demo').then(m => m.TimepickerDemo),
+  },
   {
     path: 'toolbar',
     loadComponent: () => import('./toolbar/toolbar-demo').then(m => m.ToolbarDemo),

src/dev-app/timepicker/BUILD.bazel

@@ -0,0 +1,23 @@
+load("//tools:defaults.bzl", "ng_module", "sass_binary")
+
+package(default_visibility = ["//visibility:public"])
+
+ng_module(
+    name = "timepicker",
+    srcs = glob(["**/*.ts"]),
+    assets = [
+        "timepicker-demo.html",
+        ":timepicker_demo_scss",
+    ],
+    deps = [
+        "//src/material/button",
+        "//src/material/card",
+        "//src/material/icon",
+        "//src/material/timepicker",
+    ],
+)
+
+sass_binary(
+    name = "timepicker_demo_scss",
+    src = "timepicker-demo.scss",
+)

src/dev-app/timepicker/timepicker-demo.html

@@ -0,0 +1 @@
+<mat-timepicker/>

src/dev-app/timepicker/timepicker-demo.scss

@@ -0,0 +1 @@
+// TODO