main - 34bcffb fix(material/timepicker): make it easier to style timepicker panel (#32711)

Author: crisbeto

docs-content/api-docs/material-timepicker.html

@@ -189,6 +189,19 @@ <h4 id="MatTimepicker" class="docs-header-link docs-api-h4 docs-api-class-name">
 
 
 
+<tr class="docs-api-properties-row">
+  <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
+      <code>panelClass: <code class="docs-api-property-type">input&lt;string | string[]&gt;()</code></code>
+    </p>
+  </td>
+  <td class="docs-api-property-description"><p>Classes to be passed to the timepicker panel.</p>
+</td>
+</tr>
+
+
+      
+        
+
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
       <code>panelId: <code class="docs-api-property-type">string</code></code>

fesm2022/material-timepicker.mjs

@@ -68,7 +68,7 @@ class TimepickerOverviewExample {
       kind: "component",
       type: i3.MatTimepicker,
       selector: "mat-timepicker",
-      inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"],
+      inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby", "panelClass"],
       outputs: ["selected", "opened", "closed"],
       exportAs: ["matTimepicker"]
     }, {
@@ -163,7 +163,7 @@ class TimepickerFormsExample {
       kind: "component",
       type: i3.MatTimepicker,
       selector: "mat-timepicker",
-      inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"],
+      inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby", "panelClass"],
       outputs: ["selected", "opened", "closed"],
       exportAs: ["matTimepicker"]
     }, {
@@ -273,7 +273,7 @@ class TimepickerDatepickerIntegrationExample {
       kind: "component",
       type: i3.MatTimepicker,
       selector: "mat-timepicker",
-      inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"],
+      inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby", "panelClass"],
       outputs: ["selected", "opened", "closed"],
       exportAs: ["matTimepicker"]
     }, {
@@ -408,7 +408,7 @@ class TimepickerValidationExample {
       kind: "component",
       type: i3.MatTimepicker,
       selector: "mat-timepicker",
-      inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"],
+      inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby", "panelClass"],
       outputs: ["selected", "opened", "closed"],
       exportAs: ["matTimepicker"]
     }, {
@@ -530,7 +530,7 @@ class TimepickerOptionsExample {
       kind: "component",
       type: i3.MatTimepicker,
       selector: "mat-timepicker",
-      inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"],
+      inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby", "panelClass"],
       outputs: ["selected", "opened", "closed"],
       exportAs: ["matTimepicker"]
     }, {
@@ -619,7 +619,7 @@ class TimepickerCustomIconExample {
       kind: "component",
       type: i3.MatTimepicker,
       selector: "mat-timepicker",
-      inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"],
+      inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby", "panelClass"],
       outputs: ["selected", "opened", "closed"],
       exportAs: ["matTimepicker"]
     }, {
@@ -719,7 +719,7 @@ class TimepickerLocaleExample {
       kind: "component",
       type: i3.MatTimepicker,
       selector: "mat-timepicker",
-      inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"],
+      inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby", "panelClass"],
       outputs: ["selected", "opened", "closed"],
       exportAs: ["matTimepicker"]
     }, {
@@ -815,7 +815,7 @@ class TimepickerHarnessExample {
       kind: "component",
       type: i3.MatTimepicker,
       selector: "mat-timepicker",
-      inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"],
+      inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby", "panelClass"],
       outputs: ["selected", "opened", "closed"],
       exportAs: ["matTimepicker"]
     }, {

fesm2022/material-timepicker.mjs.map

@@ -1,6 +1,6 @@
 {
   "name": "@angular/components-examples",
-  "version": "21.2.0-next.1+sha-0395ca2",
+  "version": "21.2.0-next.1+sha-34bcffb",
   "description": "Angular Components Examples",
   "private": true,
   "repository": {
@@ -255,15 +255,15 @@
   },
   "homepage": "https://github.com/angular/components#readme",
   "peerDependencies": {
-    "@angular/aria": "21.2.0-next.1+sha-0395ca2",
-    "@angular/cdk": "21.2.0-next.1+sha-0395ca2",
-    "@angular/cdk-experimental": "21.2.0-next.1+sha-0395ca2",
+    "@angular/aria": "21.2.0-next.1+sha-34bcffb",
+    "@angular/cdk": "21.2.0-next.1+sha-34bcffb",
+    "@angular/cdk-experimental": "21.2.0-next.1+sha-34bcffb",
     "@angular/core": "^21.0.0-0 || ^21.1.0-0 || ^21.2.0-0 || ^21.3.0-0 || ^22.0.0-0",
     "@angular/common": "^21.0.0-0 || ^21.1.0-0 || ^21.2.0-0 || ^21.3.0-0 || ^22.0.0-0",
-    "@angular/material": "21.2.0-next.1+sha-0395ca2",
-    "@angular/material-experimental": "21.2.0-next.1+sha-0395ca2",
-    "@angular/material-luxon-adapter": "21.2.0-next.1+sha-0395ca2",
-    "@angular/material-date-fns-adapter": "21.2.0-next.1+sha-0395ca2"
+    "@angular/material": "21.2.0-next.1+sha-34bcffb",
+    "@angular/material-experimental": "21.2.0-next.1+sha-34bcffb",
+    "@angular/material-luxon-adapter": "21.2.0-next.1+sha-34bcffb",
+    "@angular/material-date-fns-adapter": "21.2.0-next.1+sha-34bcffb"
   },
   "devDependencies": {
     "@angular/aria": "workspace:*",