From 1a173cb519d5e5f21f67c53a4a9468bc115e41ce Mon Sep 17 00:00:00 2001 From: Wagner Maciel Date: Wed, 2 Jul 2025 16:35:40 +0000 Subject: [PATCH 01/32] 20.1.x - 3f7b6b7 release: cut the v20.1.0-rc.0 release --- package.json | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/package.json b/package.json index 189217dd5..2ab00c63d 100755 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@angular/components-examples", - "version": "20.1.0-next.2+sha-d1c8e1a", + "version": "20.1.0-rc.0+sha-3f7b6b7", "description": "Angular Components Examples", "private": true, "repository": { @@ -259,15 +259,15 @@ }, "homepage": "https://github.com/angular/components#readme", "peerDependencies": { - "@angular/cdk": "20.1.0-next.2+sha-d1c8e1a", - "@angular/cdk-experimental": "20.1.0-next.2+sha-d1c8e1a", + "@angular/cdk": "20.1.0-rc.0+sha-3f7b6b7", + "@angular/cdk-experimental": "20.1.0-rc.0+sha-3f7b6b7", "@angular/core": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0", "@angular/common": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0", - "@angular/material": "20.1.0-next.2+sha-d1c8e1a", - "@angular/material-experimental": "20.1.0-next.2+sha-d1c8e1a", - "@angular/material-moment-adapter": "20.1.0-next.2+sha-d1c8e1a", - "@angular/material-luxon-adapter": "20.1.0-next.2+sha-d1c8e1a", - "@angular/material-date-fns-adapter": "20.1.0-next.2+sha-d1c8e1a" + "@angular/material": "20.1.0-rc.0+sha-3f7b6b7", + "@angular/material-experimental": "20.1.0-rc.0+sha-3f7b6b7", + "@angular/material-moment-adapter": "20.1.0-rc.0+sha-3f7b6b7", + "@angular/material-luxon-adapter": "20.1.0-rc.0+sha-3f7b6b7", + "@angular/material-date-fns-adapter": "20.1.0-rc.0+sha-3f7b6b7" }, "devDependencies": { "@angular/cdk": "workspace:*", From 34f3ae7dd70bdde3be54d0dfee0c4ece3742aa52 Mon Sep 17 00:00:00 2001 From: Andrew Scott Date: Tue, 8 Jul 2025 07:19:39 +0000 Subject: [PATCH 02/32] 20.1.x - 405a0d2 test(cdk/scrolling): Change test spying on tick (#31247) --- package.json | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/package.json b/package.json index 2ab00c63d..92edc430d 100755 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@angular/components-examples", - "version": "20.1.0-rc.0+sha-3f7b6b7", + "version": "20.1.0-rc.0+sha-405a0d2", "description": "Angular Components Examples", "private": true, "repository": { @@ -259,15 +259,15 @@ }, "homepage": "https://github.com/angular/components#readme", "peerDependencies": { - "@angular/cdk": "20.1.0-rc.0+sha-3f7b6b7", - "@angular/cdk-experimental": "20.1.0-rc.0+sha-3f7b6b7", + "@angular/cdk": "20.1.0-rc.0+sha-405a0d2", + "@angular/cdk-experimental": "20.1.0-rc.0+sha-405a0d2", "@angular/core": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0", "@angular/common": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0", - "@angular/material": "20.1.0-rc.0+sha-3f7b6b7", - "@angular/material-experimental": "20.1.0-rc.0+sha-3f7b6b7", - "@angular/material-moment-adapter": "20.1.0-rc.0+sha-3f7b6b7", - "@angular/material-luxon-adapter": "20.1.0-rc.0+sha-3f7b6b7", - "@angular/material-date-fns-adapter": "20.1.0-rc.0+sha-3f7b6b7" + "@angular/material": "20.1.0-rc.0+sha-405a0d2", + "@angular/material-experimental": "20.1.0-rc.0+sha-405a0d2", + "@angular/material-moment-adapter": "20.1.0-rc.0+sha-405a0d2", + "@angular/material-luxon-adapter": "20.1.0-rc.0+sha-405a0d2", + "@angular/material-date-fns-adapter": "20.1.0-rc.0+sha-405a0d2" }, "devDependencies": { "@angular/cdk": "workspace:*", From dbc0ac56f46d49f02efe038717f2f188aa7dcdd3 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 8 Jul 2025 17:15:23 +0000 Subject: [PATCH 03/32] 20.1.x - 01e09d1 build: clean up animations references in build files (#31498) --- package.json | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/package.json b/package.json index 92edc430d..07e7bd5b0 100755 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@angular/components-examples", - "version": "20.1.0-rc.0+sha-405a0d2", + "version": "20.1.0-rc.0+sha-01e09d1", "description": "Angular Components Examples", "private": true, "repository": { @@ -259,15 +259,15 @@ }, "homepage": "https://github.com/angular/components#readme", "peerDependencies": { - "@angular/cdk": "20.1.0-rc.0+sha-405a0d2", - "@angular/cdk-experimental": "20.1.0-rc.0+sha-405a0d2", + "@angular/cdk": "20.1.0-rc.0+sha-01e09d1", + "@angular/cdk-experimental": "20.1.0-rc.0+sha-01e09d1", "@angular/core": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0", "@angular/common": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0", - "@angular/material": "20.1.0-rc.0+sha-405a0d2", - "@angular/material-experimental": "20.1.0-rc.0+sha-405a0d2", - "@angular/material-moment-adapter": "20.1.0-rc.0+sha-405a0d2", - "@angular/material-luxon-adapter": "20.1.0-rc.0+sha-405a0d2", - "@angular/material-date-fns-adapter": "20.1.0-rc.0+sha-405a0d2" + "@angular/material": "20.1.0-rc.0+sha-01e09d1", + "@angular/material-experimental": "20.1.0-rc.0+sha-01e09d1", + "@angular/material-moment-adapter": "20.1.0-rc.0+sha-01e09d1", + "@angular/material-luxon-adapter": "20.1.0-rc.0+sha-01e09d1", + "@angular/material-date-fns-adapter": "20.1.0-rc.0+sha-01e09d1" }, "devDependencies": { "@angular/cdk": "workspace:*", From d914df08288eaa1015155413d175dd407ccb275a Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 8 Jul 2025 18:19:43 +0000 Subject: [PATCH 04/32] 20.1.x - 2bfe12e fix(material/tabs): remove delay on touch devices (#31489) --- package.json | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/package.json b/package.json index 07e7bd5b0..43efd8aff 100755 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@angular/components-examples", - "version": "20.1.0-rc.0+sha-01e09d1", + "version": "20.1.0-rc.0+sha-2bfe12e", "description": "Angular Components Examples", "private": true, "repository": { @@ -259,15 +259,15 @@ }, "homepage": "https://github.com/angular/components#readme", "peerDependencies": { - "@angular/cdk": "20.1.0-rc.0+sha-01e09d1", - "@angular/cdk-experimental": "20.1.0-rc.0+sha-01e09d1", + "@angular/cdk": "20.1.0-rc.0+sha-2bfe12e", + "@angular/cdk-experimental": "20.1.0-rc.0+sha-2bfe12e", "@angular/core": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0", "@angular/common": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0", - "@angular/material": "20.1.0-rc.0+sha-01e09d1", - "@angular/material-experimental": "20.1.0-rc.0+sha-01e09d1", - "@angular/material-moment-adapter": "20.1.0-rc.0+sha-01e09d1", - "@angular/material-luxon-adapter": "20.1.0-rc.0+sha-01e09d1", - "@angular/material-date-fns-adapter": "20.1.0-rc.0+sha-01e09d1" + "@angular/material": "20.1.0-rc.0+sha-2bfe12e", + "@angular/material-experimental": "20.1.0-rc.0+sha-2bfe12e", + "@angular/material-moment-adapter": "20.1.0-rc.0+sha-2bfe12e", + "@angular/material-luxon-adapter": "20.1.0-rc.0+sha-2bfe12e", + "@angular/material-date-fns-adapter": "20.1.0-rc.0+sha-2bfe12e" }, "devDependencies": { "@angular/cdk": "workspace:*", From 883fcef060eb059e44b8c43769372bac428511f2 Mon Sep 17 00:00:00 2001 From: Andrew Seguin Date: Wed, 9 Jul 2025 17:49:47 +0000 Subject: [PATCH 05/32] 20.1.x - 24f86fd release: cut the v20.1.0 release --- package.json | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/package.json b/package.json index 43efd8aff..35b1671f7 100755 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@angular/components-examples", - "version": "20.1.0-rc.0+sha-2bfe12e", + "version": "20.1.0+sha-24f86fd", "description": "Angular Components Examples", "private": true, "repository": { @@ -259,15 +259,15 @@ }, "homepage": "https://github.com/angular/components#readme", "peerDependencies": { - "@angular/cdk": "20.1.0-rc.0+sha-2bfe12e", - "@angular/cdk-experimental": "20.1.0-rc.0+sha-2bfe12e", - "@angular/core": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0", - "@angular/common": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0", - "@angular/material": "20.1.0-rc.0+sha-2bfe12e", - "@angular/material-experimental": "20.1.0-rc.0+sha-2bfe12e", - "@angular/material-moment-adapter": "20.1.0-rc.0+sha-2bfe12e", - "@angular/material-luxon-adapter": "20.1.0-rc.0+sha-2bfe12e", - "@angular/material-date-fns-adapter": "20.1.0-rc.0+sha-2bfe12e" + "@angular/cdk": "20.1.0+sha-24f86fd", + "@angular/cdk-experimental": "20.1.0+sha-24f86fd", + "@angular/core": "^20.0.0 || ^21.0.0", + "@angular/common": "^20.0.0 || ^21.0.0", + "@angular/material": "20.1.0+sha-24f86fd", + "@angular/material-experimental": "20.1.0+sha-24f86fd", + "@angular/material-moment-adapter": "20.1.0+sha-24f86fd", + "@angular/material-luxon-adapter": "20.1.0+sha-24f86fd", + "@angular/material-date-fns-adapter": "20.1.0+sha-24f86fd" }, "devDependencies": { "@angular/cdk": "workspace:*", From f9e11e87bddab5c57a1258055f92b48c77670083 Mon Sep 17 00:00:00 2001 From: Miles Malerba Date: Wed, 9 Jul 2025 19:45:12 +0000 Subject: [PATCH 06/32] 20.1.x - 4515f24 ci: add gemini code assist config (#31512) --- package.json | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/package.json b/package.json index 35b1671f7..7cc3bad01 100755 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@angular/components-examples", - "version": "20.1.0+sha-24f86fd", + "version": "20.1.0+sha-4515f24", "description": "Angular Components Examples", "private": true, "repository": { @@ -259,15 +259,15 @@ }, "homepage": "https://github.com/angular/components#readme", "peerDependencies": { - "@angular/cdk": "20.1.0+sha-24f86fd", - "@angular/cdk-experimental": "20.1.0+sha-24f86fd", + "@angular/cdk": "20.1.0+sha-4515f24", + "@angular/cdk-experimental": "20.1.0+sha-4515f24", "@angular/core": "^20.0.0 || ^21.0.0", "@angular/common": "^20.0.0 || ^21.0.0", - "@angular/material": "20.1.0+sha-24f86fd", - "@angular/material-experimental": "20.1.0+sha-24f86fd", - "@angular/material-moment-adapter": "20.1.0+sha-24f86fd", - "@angular/material-luxon-adapter": "20.1.0+sha-24f86fd", - "@angular/material-date-fns-adapter": "20.1.0+sha-24f86fd" + "@angular/material": "20.1.0+sha-4515f24", + "@angular/material-experimental": "20.1.0+sha-4515f24", + "@angular/material-moment-adapter": "20.1.0+sha-4515f24", + "@angular/material-luxon-adapter": "20.1.0+sha-4515f24", + "@angular/material-date-fns-adapter": "20.1.0+sha-4515f24" }, "devDependencies": { "@angular/cdk": "workspace:*", From 8318da0976e77ec2b1f22807b7d9eb930d50648d Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Thu, 10 Jul 2025 19:20:20 +0000 Subject: [PATCH 07/32] 20.1.x - 8572953 docs: remove formatting from theming guide headers (#31491) --- docs-content/guides/theming.md.html | 46 ++++++++++++++--------------- package.json | 16 +++++----- 2 files changed, 31 insertions(+), 31 deletions(-) diff --git a/docs-content/guides/theming.md.html b/docs-content/guides/theming.md.html index d8c58c5f9..ffd1c964c 100755 --- a/docs-content/guides/theming.md.html +++ b/docs-content/guides/theming.md.html @@ -2,11 +2,11 @@ defining a custom theme. Angular Material’s theming system is inspired by Google’s Material Design.

This guide describes how to set up theming for your application using -Sass APIs introduced in Angular Material v19.

+Sass APIs introduced in Angular Material v19.

If your application depends on a version before v19, or if your application's -theme is applied using a theme config created with mat.define-theme, +theme is applied using a theme config created with mat.define-theme, mat.define-light-theme, or mat.define-dark-theme, -then you can refer to the theming guides at +then you can refer to the theming guides at v18.material.angular.dev/guides.

The theme‘s color determines the component color styles, such as the fill color of checkboxes or ripple color of buttons. It depends on color palettes of @@ -62,7 +62,7 @@

If you provide a single color palette, Angular Material uses its values for the theme’s primary, secondary, and tertiary colors. The CSS color values will be @@ -71,7 +71,7 @@

If you provide a color map, then the tertiary color palette can be configured separately from the primary palette. The tertiary palette can be used to add a @@ -107,7 +107,7 @@

The mat.theme ‘s typography determines the text styles used in components, such as the font for dialog titles or menu list items.

@@ -116,7 +116,7 @@

If you provide a font family, Angular Material uses it for all the text in its components. The font weights used in components are set to 700 for bold text, @@ -124,7 +124,7 @@

If you provide a typography map, then distinct font families are set for plain and brand text. The plain font family is typically used for most of the @@ -153,7 +153,7 @@

The mat.theme ‘s density value determines the spacing within components, such as how much padding is used around a button’s text or the height of form fields.

@@ -181,7 +181,7 @@

A color palette is a set of similar colors with different hues ranging from light to dark. The Angular Material theme uses color palettes to create a color @@ -189,7 +189,7 @@

Angular Material provides twelve prebuilt color palettes that can be used for your application’s theme:

@@ -210,7 +210,7 @@

The Angular Material palette generation schematic @@ -220,7 +220,7 @@

You can use Google Fonts as one option to load fonts in your application. For example, the following code in an application’s <head> loads the font family @@ -235,7 +235,7 @@

By default, the mat.theme mixin defines colors using the CSS color function light-dark to make it easy for your application to switch between light and @@ -280,14 +280,14 @@

You can call the mat.theme mixin more than once to apply multiple different color schemes in your application.

The following example theme file customizes the theme for components in different contexts. In this case, a cyan-based palette is applied to a container @@ -310,7 +310,7 @@

An application’s custom components can use the CSS variables defined by mat.theme to apply the theme’s colors and typography.

@@ -333,7 +333,7 @@

Angular Material components also allow for narrowly targeted customization of specific tokens through the overrides mixins. This enables fine-grained @@ -345,7 +345,7 @@

System-level tokens can be changed to different values through the mat.theme-overrides mixin, which will redefine CSS variables that are used in @@ -383,7 +383,7 @@

Each Angular Material component defines an overrides mixin that can be used to customize tokenized styles for their color, typography, and density.

@@ -402,7 +402,7 @@

Angular Material supports customizing color, typography, and density as outlined in this document. Angular strongly discourages, and does not directly support, @@ -413,7 +413,7 @@

Angular Material assumes that, by default, all theme styles are loaded as global CSS. If you want to use diff --git a/package.json b/package.json index 7cc3bad01..b28d9bbdb 100755 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@angular/components-examples", - "version": "20.1.0+sha-4515f24", + "version": "20.1.0+sha-8572953", "description": "Angular Components Examples", "private": true, "repository": { @@ -259,15 +259,15 @@ }, "homepage": "https://github.com/angular/components#readme", "peerDependencies": { - "@angular/cdk": "20.1.0+sha-4515f24", - "@angular/cdk-experimental": "20.1.0+sha-4515f24", + "@angular/cdk": "20.1.0+sha-8572953", + "@angular/cdk-experimental": "20.1.0+sha-8572953", "@angular/core": "^20.0.0 || ^21.0.0", "@angular/common": "^20.0.0 || ^21.0.0", - "@angular/material": "20.1.0+sha-4515f24", - "@angular/material-experimental": "20.1.0+sha-4515f24", - "@angular/material-moment-adapter": "20.1.0+sha-4515f24", - "@angular/material-luxon-adapter": "20.1.0+sha-4515f24", - "@angular/material-date-fns-adapter": "20.1.0+sha-4515f24" + "@angular/material": "20.1.0+sha-8572953", + "@angular/material-experimental": "20.1.0+sha-8572953", + "@angular/material-moment-adapter": "20.1.0+sha-8572953", + "@angular/material-luxon-adapter": "20.1.0+sha-8572953", + "@angular/material-date-fns-adapter": "20.1.0+sha-8572953" }, "devDependencies": { "@angular/cdk": "workspace:*", From 20b47ae3f604a45b68d033cb5561d1d517253994 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Thu, 10 Jul 2025 20:04:22 +0000 Subject: [PATCH 08/32] 20.1.x - 6a0578f fix(material/timepicker): allow timepicker to opt out of opening on click (#31492) --- docs-content/api-docs/material-timepicker.html | 15 +++++++++++++++ fesm2022/material/timepicker.mjs | 16 ++++++++-------- fesm2022/material/timepicker.mjs.map | 2 +- package.json | 16 ++++++++-------- 4 files changed, 32 insertions(+), 17 deletions(-) diff --git a/docs-content/api-docs/material-timepicker.html b/docs-content/api-docs/material-timepicker.html index 6094a800e..230ed0933 100755 --- a/docs-content/api-docs/material-timepicker.html +++ b/docs-content/api-docs/material-timepicker.html @@ -487,6 +487,21 @@

+

+ openOnClick: InputSignalWithTransform<boolean, unknown> +

+ +

Whether to open the timepicker overlay when clicking on the input. Enabled by default. +Note that when disabling this option, you'll have to provide your own logic for opening +the overlay.

+ + + + + + +

timepicker: InputSignal<MatTimepicker<D>> diff --git a/fesm2022/material/timepicker.mjs b/fesm2022/material/timepicker.mjs index df6f0e9dd..570daabce 100755 --- a/fesm2022/material/timepicker.mjs +++ b/fesm2022/material/timepicker.mjs @@ -19,7 +19,7 @@ import { MatButtonModule } from '@angular/material/button'; /** @title Basic timepicker */ class TimepickerOverviewExample { static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TimepickerOverviewExample, deps: [], target: i0.ɵɵFactoryTarget.Component }); - static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: TimepickerOverviewExample, isStandalone: true, selector: "timepicker-overview-example", providers: [provideNativeDateAdapter()], ngImport: i0, template: "\n Pick a time\n\n \n \n \n\n\n", dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: i3.MatTimepickerToggle, selector: "mat-timepicker-toggle", inputs: ["for", "aria-label", "aria-labelledby", "disabled", "tabIndex", "disableRipple"], exportAs: ["matTimepickerToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); + static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: TimepickerOverviewExample, isStandalone: true, selector: "timepicker-overview-example", providers: [provideNativeDateAdapter()], ngImport: i0, template: "\n Pick a time\n\n \n \n \n\n\n", dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "matTimepickerOpenOnClick", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: i3.MatTimepickerToggle, selector: "mat-timepicker-toggle", inputs: ["for", "aria-label", "aria-labelledby", "disabled", "tabIndex", "disableRipple"], exportAs: ["matTimepickerToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TimepickerOverviewExample, decorators: [{ type: Component, @@ -35,7 +35,7 @@ class TimepickerFormsExample { this.formControl = new FormControl(initialValue); } static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TimepickerFormsExample, deps: [], target: i0.ɵɵFactoryTarget.Component }); - static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: TimepickerFormsExample, isStandalone: true, selector: "timepicker-forms-example", providers: [provideNativeDateAdapter()], ngImport: i0, template: "\n Pick a time\n \n \n \n\n\n

Value: {{formControl.value}}

\n

Touched: {{formControl.touched}}

\n

Dirty: {{formControl.dirty}}

\n", dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: i3.MatTimepickerToggle, selector: "mat-timepicker-toggle", inputs: ["for", "aria-label", "aria-labelledby", "disabled", "tabIndex", "disableRipple"], exportAs: ["matTimepickerToggle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); + static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: TimepickerFormsExample, isStandalone: true, selector: "timepicker-forms-example", providers: [provideNativeDateAdapter()], ngImport: i0, template: "\n Pick a time\n \n \n \n\n\n

Value: {{formControl.value}}

\n

Touched: {{formControl.touched}}

\n

Dirty: {{formControl.dirty}}

\n", dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "matTimepickerOpenOnClick", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: i3.MatTimepickerToggle, selector: "mat-timepicker-toggle", inputs: ["for", "aria-label", "aria-labelledby", "disabled", "tabIndex", "disableRipple"], exportAs: ["matTimepickerToggle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TimepickerFormsExample, decorators: [{ type: Component, @@ -46,7 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor class TimepickerDatepickerIntegrationExample { value; static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TimepickerDatepickerIntegrationExample, deps: [], target: i0.ɵɵFactoryTarget.Component }); - static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: TimepickerDatepickerIntegrationExample, isStandalone: true, selector: "timepicker-datepicker-integration-example", providers: [provideNativeDateAdapter()], ngImport: i0, template: "\n Meeting date\n \n \n \n\n\n\n Meeting time\n \n \n \n\n\n

Value: {{value}}

\n", styles: ["mat-form-field {\n margin-right: 16px;\n}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: i3.MatTimepickerToggle, selector: "mat-timepicker-toggle", inputs: ["for", "aria-label", "aria-labelledby", "disabled", "tabIndex", "disableRipple"], exportAs: ["matTimepickerToggle"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3$2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3$2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i3$2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); + static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: TimepickerDatepickerIntegrationExample, isStandalone: true, selector: "timepicker-datepicker-integration-example", providers: [provideNativeDateAdapter()], ngImport: i0, template: "\n Meeting date\n \n \n \n\n\n\n Meeting time\n \n \n \n\n\n

Value: {{value}}

\n", styles: ["mat-form-field {\n margin-right: 16px;\n}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "matTimepickerOpenOnClick", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: i3.MatTimepickerToggle, selector: "mat-timepicker-toggle", inputs: ["for", "aria-label", "aria-labelledby", "disabled", "tabIndex", "disableRipple"], exportAs: ["matTimepickerToggle"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3$2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3$2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i3$2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TimepickerDatepickerIntegrationExample, decorators: [{ type: Component, @@ -63,7 +63,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor class TimepickerValidationExample { formControl = new FormControl(null); static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TimepickerValidationExample, deps: [], target: i0.ɵɵFactoryTarget.Component }); - static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: TimepickerValidationExample, isStandalone: true, selector: "timepicker-validation-example", providers: [provideNativeDateAdapter()], ngImport: i0, template: "\n Pick a time\n \n \n \n\n @if (formControl.errors?.['matTimepickerParse']) {\n Value isn't a valid time\n }\n\n @if (formControl.errors?.['matTimepickerMin']) {\n Value is too early\n }\n\n @if (formControl.errors?.['matTimepickerMax']) {\n Value is too late\n }\n\n\n

Enter a value before 12:30 PM or after 5:30 PM to see the errors

\n

Errors: {{formControl.errors | json}}

\n", styles: ["mat-form-field {\n margin-bottom: 30px;\n}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: i3.MatTimepickerToggle, selector: "mat-timepicker-toggle", inputs: ["for", "aria-label", "aria-labelledby", "disabled", "tabIndex", "disableRipple"], exportAs: ["matTimepickerToggle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); + static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: TimepickerValidationExample, isStandalone: true, selector: "timepicker-validation-example", providers: [provideNativeDateAdapter()], ngImport: i0, template: "\n Pick a time\n \n \n \n\n @if (formControl.errors?.['matTimepickerParse']) {\n Value isn't a valid time\n }\n\n @if (formControl.errors?.['matTimepickerMin']) {\n Value is too early\n }\n\n @if (formControl.errors?.['matTimepickerMax']) {\n Value is too late\n }\n\n\n

Enter a value before 12:30 PM or after 5:30 PM to see the errors

\n

Errors: {{formControl.errors | json}}

\n", styles: ["mat-form-field {\n margin-bottom: 30px;\n}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "matTimepickerOpenOnClick", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: i3.MatTimepickerToggle, selector: "mat-timepicker-toggle", inputs: ["for", "aria-label", "aria-labelledby", "disabled", "tabIndex", "disableRipple"], exportAs: ["matTimepickerToggle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TimepickerValidationExample, decorators: [{ type: Component, @@ -78,7 +78,7 @@ class TimepickerOptionsExample { { label: 'Evening', value: new Date(2024, 0, 1, 22, 0, 0) }, ]; static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TimepickerOptionsExample, deps: [], target: i0.ɵɵFactoryTarget.Component }); - static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: TimepickerOptionsExample, isStandalone: true, selector: "timepicker-options-example", providers: [provideNativeDateAdapter()], ngImport: i0, template: "

Interval examples

\n\n
\n \n Every 45 minutes\n \n \n \n \n
\n\n
\n \n Every 3.5 hours\n \n \n \n \n
\n\n

Custom list of options

\n\n
\n \n Pick a time of day\n \n \n \n \n
\n", dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: i3.MatTimepickerToggle, selector: "mat-timepicker-toggle", inputs: ["for", "aria-label", "aria-labelledby", "disabled", "tabIndex", "disableRipple"], exportAs: ["matTimepickerToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); + static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: TimepickerOptionsExample, isStandalone: true, selector: "timepicker-options-example", providers: [provideNativeDateAdapter()], ngImport: i0, template: "

Interval examples

\n\n
\n \n Every 45 minutes\n \n \n \n \n
\n\n
\n \n Every 3.5 hours\n \n \n \n \n
\n\n

Custom list of options

\n\n
\n \n Pick a time of day\n \n \n \n \n
\n", dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "matTimepickerOpenOnClick", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: i3.MatTimepickerToggle, selector: "mat-timepicker-toggle", inputs: ["for", "aria-label", "aria-labelledby", "disabled", "tabIndex", "disableRipple"], exportAs: ["matTimepickerToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TimepickerOptionsExample, decorators: [{ type: Component, @@ -88,7 +88,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor /** @title Timepicker with custom toggle icon */ class TimepickerCustomIconExample { static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TimepickerCustomIconExample, deps: [], target: i0.ɵɵFactoryTarget.Component }); - static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: TimepickerCustomIconExample, isStandalone: true, selector: "timepicker-custom-icon-example", providers: [provideNativeDateAdapter()], ngImport: i0, template: "\n Pick a time\n \n \n keyboard_arrow_down\n \n \n\n", dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: i3.MatTimepickerToggle, selector: "mat-timepicker-toggle", inputs: ["for", "aria-label", "aria-labelledby", "disabled", "tabIndex", "disableRipple"], exportAs: ["matTimepickerToggle"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); + static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: TimepickerCustomIconExample, isStandalone: true, selector: "timepicker-custom-icon-example", providers: [provideNativeDateAdapter()], ngImport: i0, template: "\n Pick a time\n \n \n keyboard_arrow_down\n \n \n\n", dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "matTimepickerOpenOnClick", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: i3.MatTimepickerToggle, selector: "mat-timepicker-toggle", inputs: ["for", "aria-label", "aria-labelledby", "disabled", "tabIndex", "disableRipple"], exportAs: ["matTimepickerToggle"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TimepickerCustomIconExample, decorators: [{ type: Component, @@ -103,7 +103,7 @@ class TimepickerLocaleExample { this._adapter.setLocale('bg-BG'); } static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TimepickerLocaleExample, deps: [], target: i0.ɵɵFactoryTarget.Component }); - static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: TimepickerLocaleExample, isStandalone: true, selector: "timepicker-locale-example", providers: [provideNativeDateAdapter()], ngImport: i0, template: "\n Pick a time\n \n \n \n\n\n\n", dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: i3.MatTimepickerToggle, selector: "mat-timepicker-toggle", inputs: ["for", "aria-label", "aria-labelledby", "disabled", "tabIndex", "disableRipple"], exportAs: ["matTimepickerToggle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); + static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: TimepickerLocaleExample, isStandalone: true, selector: "timepicker-locale-example", providers: [provideNativeDateAdapter()], ngImport: i0, template: "\n Pick a time\n \n \n \n\n\n\n", dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "matTimepickerOpenOnClick", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: i3.MatTimepickerToggle, selector: "mat-timepicker-toggle", inputs: ["for", "aria-label", "aria-labelledby", "disabled", "tabIndex", "disableRipple"], exportAs: ["matTimepickerToggle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TimepickerLocaleExample, decorators: [{ type: Component, @@ -120,7 +120,7 @@ class TimepickerHarnessExample { this.date = signal(new Date(today.getFullYear(), today.getMonth(), today.getDate(), 11, 45)); } static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TimepickerHarnessExample, deps: [], target: i0.ɵɵFactoryTarget.Component }); - static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: TimepickerHarnessExample, isStandalone: true, selector: "timepicker-harness-example", providers: [provideNativeDateAdapter()], ngImport: i0, template: "\n\n", dependencies: [{ kind: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); + static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: TimepickerHarnessExample, isStandalone: true, selector: "timepicker-harness-example", providers: [provideNativeDateAdapter()], ngImport: i0, template: "\n\n", dependencies: [{ kind: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "matTimepickerOpenOnClick", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: TimepickerHarnessExample, decorators: [{ type: Component, diff --git a/fesm2022/material/timepicker.mjs.map b/fesm2022/material/timepicker.mjs.map index 9a35c9ab0..67a26ccc7 100755 --- a/fesm2022/material/timepicker.mjs.map +++ b/fesm2022/material/timepicker.mjs.map @@ -1 +1 @@ -{"version":3,"file":"timepicker.mjs","sources":["../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-overview/timepicker-overview-example.ts","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-overview/timepicker-overview-example.html","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-forms/timepicker-forms-example.ts","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-forms/timepicker-forms-example.html","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-datepicker-integration/timepicker-datepicker-integration-example.ts","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-datepicker-integration/timepicker-datepicker-integration-example.html","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-validation/timepicker-validation-example.ts","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-validation/timepicker-validation-example.html","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-options/timepicker-options-example.ts","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-options/timepicker-options-example.html","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-custom-icon/timepicker-custom-icon-example.ts","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-custom-icon/timepicker-custom-icon-example.html","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-locale/timepicker-locale-example.ts","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-locale/timepicker-locale-example.html","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-harness/timepicker-harness-example.ts","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-harness/timepicker-harness-example.html"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {MatTimepickerModule} from '@angular/material/timepicker';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {provideNativeDateAdapter} from '@angular/material/core';\n\n/** @title Basic timepicker */\n@Component({\n selector: 'timepicker-overview-example',\n templateUrl: 'timepicker-overview-example.html',\n providers: [provideNativeDateAdapter()],\n imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimepickerOverviewExample {}\n","\n Pick a time\n\n \n \n \n\n\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {FormControl, ReactiveFormsModule} from '@angular/forms';\nimport {MatTimepickerModule} from '@angular/material/timepicker';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {provideNativeDateAdapter} from '@angular/material/core';\n\n/** @title Timepicker forms integration */\n@Component({\n selector: 'timepicker-forms-example',\n templateUrl: 'timepicker-forms-example.html',\n providers: [provideNativeDateAdapter()],\n imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule, ReactiveFormsModule],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimepickerFormsExample {\n formControl: FormControl;\n\n constructor() {\n const initialValue = new Date();\n initialValue.setHours(12, 30, 0);\n this.formControl = new FormControl(initialValue);\n }\n}\n","\n Pick a time\n \n \n \n\n\n

Value: {{formControl.value}}

\n

Touched: {{formControl.touched}}

\n

Dirty: {{formControl.dirty}}

\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {MatTimepickerModule} from '@angular/material/timepicker';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {provideNativeDateAdapter} from '@angular/material/core';\nimport {MatDatepickerModule} from '@angular/material/datepicker';\n\n/** @title Timepicker integration with datepicker */\n@Component({\n selector: 'timepicker-datepicker-integration-example',\n templateUrl: 'timepicker-datepicker-integration-example.html',\n styleUrl: './timepicker-datepicker-integration-example.css',\n providers: [provideNativeDateAdapter()],\n imports: [\n MatFormFieldModule,\n MatInputModule,\n MatTimepickerModule,\n MatDatepickerModule,\n FormsModule,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimepickerDatepickerIntegrationExample {\n value: Date;\n}\n","\n Meeting date\n \n \n \n\n\n\n Meeting time\n \n \n \n\n\n

Value: {{value}}

\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {JsonPipe} from '@angular/common';\nimport {FormControl, ReactiveFormsModule} from '@angular/forms';\nimport {MatTimepickerModule} from '@angular/material/timepicker';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {provideNativeDateAdapter} from '@angular/material/core';\n\n/** @title Timepicker validation */\n@Component({\n selector: 'timepicker-validation-example',\n templateUrl: 'timepicker-validation-example.html',\n styleUrl: './timepicker-validation-example.css',\n providers: [provideNativeDateAdapter()],\n imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule, ReactiveFormsModule, JsonPipe],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimepickerValidationExample {\n formControl = new FormControl(null);\n}\n","\n Pick a time\n \n \n \n\n @if (formControl.errors?.['matTimepickerParse']) {\n Value isn't a valid time\n }\n\n @if (formControl.errors?.['matTimepickerMin']) {\n Value is too early\n }\n\n @if (formControl.errors?.['matTimepickerMax']) {\n Value is too late\n }\n\n\n

Enter a value before 12:30 PM or after 5:30 PM to see the errors

\n

Errors: {{formControl.errors | json}}

\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {MatTimepickerModule, MatTimepickerOption} from '@angular/material/timepicker';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {provideNativeDateAdapter} from '@angular/material/core';\n\n/** @title Timepicker options customization */\n@Component({\n selector: 'timepicker-options-example',\n templateUrl: 'timepicker-options-example.html',\n providers: [provideNativeDateAdapter()],\n imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimepickerOptionsExample {\n customOptions: MatTimepickerOption[] = [\n {label: 'Morning', value: new Date(2024, 0, 1, 9, 0, 0)},\n {label: 'Noon', value: new Date(2024, 0, 1, 12, 0, 0)},\n {label: 'Evening', value: new Date(2024, 0, 1, 22, 0, 0)},\n ];\n}\n","

Interval examples

\n\n
\n \n Every 45 minutes\n \n \n \n \n
\n\n
\n \n Every 3.5 hours\n \n \n \n \n
\n\n

Custom list of options

\n\n
\n \n Pick a time of day\n \n \n \n \n
\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {MatTimepickerModule} from '@angular/material/timepicker';\nimport {MatIcon} from '@angular/material/icon';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {provideNativeDateAdapter} from '@angular/material/core';\n\n/** @title Timepicker with custom toggle icon */\n@Component({\n selector: 'timepicker-custom-icon-example',\n templateUrl: 'timepicker-custom-icon-example.html',\n providers: [provideNativeDateAdapter()],\n imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule, MatIcon],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimepickerCustomIconExample {}\n","\n Pick a time\n \n \n keyboard_arrow_down\n \n \n\n","import {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {MatTimepickerModule} from '@angular/material/timepicker';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {DateAdapter, provideNativeDateAdapter} from '@angular/material/core';\nimport {MatButtonModule} from '@angular/material/button';\n\n/** @title Timepicker with different locale */\n@Component({\n selector: 'timepicker-locale-example',\n templateUrl: 'timepicker-locale-example.html',\n providers: [provideNativeDateAdapter()],\n imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule, FormsModule, MatButtonModule],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimepickerLocaleExample {\n private readonly _adapter = inject>(DateAdapter);\n value = new Date(2024, 0, 1, 13, 45, 0);\n\n protected switchLocale() {\n this._adapter.setLocale('bg-BG');\n }\n}\n","\n Pick a time\n \n \n \n\n\n\n","import {ChangeDetectionStrategy, Component, Signal, signal} from '@angular/core';\nimport {provideNativeDateAdapter} from '@angular/material/core';\nimport {MatTimepickerModule} from '@angular/material/timepicker';\n\n/**\n * @title Testing with MatTimepickerInputHarness\n */\n@Component({\n selector: 'timepicker-harness-example',\n templateUrl: 'timepicker-harness-example.html',\n providers: [provideNativeDateAdapter()],\n imports: [MatTimepickerModule],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimepickerHarnessExample {\n date: Signal;\n\n constructor() {\n const today = new Date();\n this.date = signal(new Date(today.getFullYear(), today.getMonth(), today.getDate(), 11, 45));\n }\n}\n","\n\n"],"names":["i4","i5","i1"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"timepicker.mjs","sources":["../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-overview/timepicker-overview-example.ts","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-overview/timepicker-overview-example.html","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-forms/timepicker-forms-example.ts","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-forms/timepicker-forms-example.html","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-datepicker-integration/timepicker-datepicker-integration-example.ts","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-datepicker-integration/timepicker-datepicker-integration-example.html","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-validation/timepicker-validation-example.ts","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-validation/timepicker-validation-example.html","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-options/timepicker-options-example.ts","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-options/timepicker-options-example.html","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-custom-icon/timepicker-custom-icon-example.ts","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-custom-icon/timepicker-custom-icon-example.html","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-locale/timepicker-locale-example.ts","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-locale/timepicker-locale-example.html","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-harness/timepicker-harness-example.ts","../../../../../../k8-fastbuild-ST-46c76129e412/bin/src/components-examples/material/timepicker/timepicker-harness/timepicker-harness-example.html"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {MatTimepickerModule} from '@angular/material/timepicker';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {provideNativeDateAdapter} from '@angular/material/core';\n\n/** @title Basic timepicker */\n@Component({\n selector: 'timepicker-overview-example',\n templateUrl: 'timepicker-overview-example.html',\n providers: [provideNativeDateAdapter()],\n imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimepickerOverviewExample {}\n","\n Pick a time\n\n \n \n \n\n\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {FormControl, ReactiveFormsModule} from '@angular/forms';\nimport {MatTimepickerModule} from '@angular/material/timepicker';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {provideNativeDateAdapter} from '@angular/material/core';\n\n/** @title Timepicker forms integration */\n@Component({\n selector: 'timepicker-forms-example',\n templateUrl: 'timepicker-forms-example.html',\n providers: [provideNativeDateAdapter()],\n imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule, ReactiveFormsModule],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimepickerFormsExample {\n formControl: FormControl;\n\n constructor() {\n const initialValue = new Date();\n initialValue.setHours(12, 30, 0);\n this.formControl = new FormControl(initialValue);\n }\n}\n","\n Pick a time\n \n \n \n\n\n

Value: {{formControl.value}}

\n

Touched: {{formControl.touched}}

\n

Dirty: {{formControl.dirty}}

\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {MatTimepickerModule} from '@angular/material/timepicker';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {provideNativeDateAdapter} from '@angular/material/core';\nimport {MatDatepickerModule} from '@angular/material/datepicker';\n\n/** @title Timepicker integration with datepicker */\n@Component({\n selector: 'timepicker-datepicker-integration-example',\n templateUrl: 'timepicker-datepicker-integration-example.html',\n styleUrl: './timepicker-datepicker-integration-example.css',\n providers: [provideNativeDateAdapter()],\n imports: [\n MatFormFieldModule,\n MatInputModule,\n MatTimepickerModule,\n MatDatepickerModule,\n FormsModule,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimepickerDatepickerIntegrationExample {\n value: Date;\n}\n","\n Meeting date\n \n \n \n\n\n\n Meeting time\n \n \n \n\n\n

Value: {{value}}

\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {JsonPipe} from '@angular/common';\nimport {FormControl, ReactiveFormsModule} from '@angular/forms';\nimport {MatTimepickerModule} from '@angular/material/timepicker';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {provideNativeDateAdapter} from '@angular/material/core';\n\n/** @title Timepicker validation */\n@Component({\n selector: 'timepicker-validation-example',\n templateUrl: 'timepicker-validation-example.html',\n styleUrl: './timepicker-validation-example.css',\n providers: [provideNativeDateAdapter()],\n imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule, ReactiveFormsModule, JsonPipe],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimepickerValidationExample {\n formControl = new FormControl(null);\n}\n","\n Pick a time\n \n \n \n\n @if (formControl.errors?.['matTimepickerParse']) {\n Value isn't a valid time\n }\n\n @if (formControl.errors?.['matTimepickerMin']) {\n Value is too early\n }\n\n @if (formControl.errors?.['matTimepickerMax']) {\n Value is too late\n }\n\n\n

Enter a value before 12:30 PM or after 5:30 PM to see the errors

\n

Errors: {{formControl.errors | json}}

\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {MatTimepickerModule, MatTimepickerOption} from '@angular/material/timepicker';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {provideNativeDateAdapter} from '@angular/material/core';\n\n/** @title Timepicker options customization */\n@Component({\n selector: 'timepicker-options-example',\n templateUrl: 'timepicker-options-example.html',\n providers: [provideNativeDateAdapter()],\n imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimepickerOptionsExample {\n customOptions: MatTimepickerOption[] = [\n {label: 'Morning', value: new Date(2024, 0, 1, 9, 0, 0)},\n {label: 'Noon', value: new Date(2024, 0, 1, 12, 0, 0)},\n {label: 'Evening', value: new Date(2024, 0, 1, 22, 0, 0)},\n ];\n}\n","

Interval examples

\n\n
\n \n Every 45 minutes\n \n \n \n \n
\n\n
\n \n Every 3.5 hours\n \n \n \n \n
\n\n

Custom list of options

\n\n
\n \n Pick a time of day\n \n \n \n \n
\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {MatTimepickerModule} from '@angular/material/timepicker';\nimport {MatIcon} from '@angular/material/icon';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {provideNativeDateAdapter} from '@angular/material/core';\n\n/** @title Timepicker with custom toggle icon */\n@Component({\n selector: 'timepicker-custom-icon-example',\n templateUrl: 'timepicker-custom-icon-example.html',\n providers: [provideNativeDateAdapter()],\n imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule, MatIcon],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimepickerCustomIconExample {}\n","\n Pick a time\n \n \n keyboard_arrow_down\n \n \n\n","import {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {MatTimepickerModule} from '@angular/material/timepicker';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {DateAdapter, provideNativeDateAdapter} from '@angular/material/core';\nimport {MatButtonModule} from '@angular/material/button';\n\n/** @title Timepicker with different locale */\n@Component({\n selector: 'timepicker-locale-example',\n templateUrl: 'timepicker-locale-example.html',\n providers: [provideNativeDateAdapter()],\n imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule, FormsModule, MatButtonModule],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimepickerLocaleExample {\n private readonly _adapter = inject>(DateAdapter);\n value = new Date(2024, 0, 1, 13, 45, 0);\n\n protected switchLocale() {\n this._adapter.setLocale('bg-BG');\n }\n}\n","\n Pick a time\n \n \n \n\n\n\n","import {ChangeDetectionStrategy, Component, Signal, signal} from '@angular/core';\nimport {provideNativeDateAdapter} from '@angular/material/core';\nimport {MatTimepickerModule} from '@angular/material/timepicker';\n\n/**\n * @title Testing with MatTimepickerInputHarness\n */\n@Component({\n selector: 'timepicker-harness-example',\n templateUrl: 'timepicker-harness-example.html',\n providers: [provideNativeDateAdapter()],\n imports: [MatTimepickerModule],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimepickerHarnessExample {\n date: Signal;\n\n constructor() {\n const today = new Date();\n this.date = signal(new Date(today.getFullYear(), today.getMonth(), today.getDate(), 11, 45));\n }\n}\n","\n\n"],"names":["i4","i5","i1"],"mappings":"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"} \ No newline at end of file diff --git a/package.json b/package.json index b28d9bbdb..e826d1854 100755 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@angular/components-examples", - "version": "20.1.0+sha-8572953", + "version": "20.1.0+sha-6a0578f", "description": "Angular Components Examples", "private": true, "repository": { @@ -259,15 +259,15 @@ }, "homepage": "https://github.com/angular/components#readme", "peerDependencies": { - "@angular/cdk": "20.1.0+sha-8572953", - "@angular/cdk-experimental": "20.1.0+sha-8572953", + "@angular/cdk": "20.1.0+sha-6a0578f", + "@angular/cdk-experimental": "20.1.0+sha-6a0578f", "@angular/core": "^20.0.0 || ^21.0.0", "@angular/common": "^20.0.0 || ^21.0.0", - "@angular/material": "20.1.0+sha-8572953", - "@angular/material-experimental": "20.1.0+sha-8572953", - "@angular/material-moment-adapter": "20.1.0+sha-8572953", - "@angular/material-luxon-adapter": "20.1.0+sha-8572953", - "@angular/material-date-fns-adapter": "20.1.0+sha-8572953" + "@angular/material": "20.1.0+sha-6a0578f", + "@angular/material-experimental": "20.1.0+sha-6a0578f", + "@angular/material-moment-adapter": "20.1.0+sha-6a0578f", + "@angular/material-luxon-adapter": "20.1.0+sha-6a0578f", + "@angular/material-date-fns-adapter": "20.1.0+sha-6a0578f" }, "devDependencies": { "@angular/cdk": "workspace:*", From 1176031e4ea4f8f6a518642f375c0a66ffda75ae Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Fri, 11 Jul 2025 15:10:32 +0000 Subject: [PATCH 09/32] 20.1.x - d432818 docs: specify language in code snippets (#31523) --- docs-content/guides/schematics.md.html | 18 +-- docs-content/guides/theming.md.html | 188 ++++++++++++------------- package.json | 16 +-- 3 files changed, 111 insertions(+), 111 deletions(-) diff --git a/docs-content/guides/schematics.md.html b/docs-content/guides/schematics.md.html index a6882ca39..2c71619e3 100755 --- a/docs-content/guides/schematics.md.html +++ b/docs-content/guides/schematics.md.html @@ -10,8 +10,8 @@

The table schematic will create a component that renders an Angular Material <table> which has been pre-configured with a datasource for sorting and pagination.

-
ng generate @angular/material:table
+
ng generate @angular/material:table <component-name>

The dashboard schematic will create a new component that contains a dynamic grid list of Material Design cards.

-
ng generate @angular/material:dashboard
+
ng generate @angular/material:dashboard <component-name>

The tree schematic can be used to quickly generate an Angular component that uses the Angular Material <mat-tree> component to visualize a nested folder structure.

-
ng generate @angular/material:tree
+
ng generate @angular/material:tree <component-name>

The drag-drop schematic is provided by the @angular/cdk and can be used to generate a component that uses the CDK drag and drop directives.

-
ng generate @angular/cdk:drag-drop
+
ng generate @angular/cdk:drag-drop <component-name>