Skip to content

Commit 19072aa

Browse files
committed
feat(deps): angular 19 upgrade
BREAKING CHANGE: Requires `@angular/core@>=19.0.0`.
1 parent bd951a6 commit 19072aa

39 files changed

+3624
-3163
lines changed

.editorconfig

Lines changed: 0 additions & 13 deletions
This file was deleted.

.eslintrc.json

Lines changed: 0 additions & 51 deletions
This file was deleted.

.lintstagedrc.json

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,5 @@
11
{
2-
"{,e2e/**/,projects/**/,src/**/}*.{js,ts,tsx,css}": [
3-
"eslint --fix",
4-
"prettier --write -u"
5-
],
2+
"{,e2e/**/,projects/**/,src/**/}*.{js,ts,tsx,css}": ["prettier --write -u"],
63
"{,e2e/**/,projects/**/,src/**/}*.{md,json,html,css,scss}": [
74
"prettier --write -u"
85
]

README.md

Lines changed: 20 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -58,9 +58,24 @@ imports: [
5858
<form [formGroup]="group">
5959
<mat-form-field>
6060
<mat-placeholder>Start DateTime</mat-placeholder>
61-
<mat-datetimepicker-toggle [for]="datetimePicker" matSuffix></mat-datetimepicker-toggle>
62-
<mat-datetimepicker #datetimePicker type="datetime" openOnFocus="true" timeInterval="5"> </mat-datetimepicker>
63-
<input matInput formControlName="start" [matDatetimepicker]="datetimePicker" required autocomplete="false" />
61+
<mat-datetimepicker-toggle
62+
[for]="datetimePicker"
63+
matSuffix
64+
></mat-datetimepicker-toggle>
65+
<mat-datetimepicker
66+
#datetimePicker
67+
type="datetime"
68+
openOnFocus="true"
69+
timeInterval="5"
70+
>
71+
</mat-datetimepicker>
72+
<input
73+
matInput
74+
formControlName="start"
75+
[matDatetimepicker]="datetimePicker"
76+
required
77+
autocomplete="false"
78+
/>
6479
</mat-form-field>
6580
</form>
6681
```
@@ -178,10 +193,10 @@ providers: [
178193
## Theming
179194

180195
```scss
181-
@import '@mat-datetimepicker/core/datetimepicker/datetimepicker-theme.scss';
196+
@use '@mat-datetimepicker/core/datetimepicker/datetimepicker-theme.scss';
182197

183198
// Using the $theme variable from the pre-built theme you can call the theming function
184-
@include mat-datetimepicker-theme($theme);
199+
@include datetimepicker-theme.mat-datetimepicker-theme($theme);
185200
```
186201

187202
@see [src/styles.scss](src/styles.scss)

angular.json

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -103,7 +103,7 @@
103103
"root": "projects/core",
104104
"sourceRoot": "projects/core/src",
105105
"projectType": "library",
106-
"prefix": "lib",
106+
"prefix": "mat-datetimepicker",
107107
"architect": {
108108
"build": {
109109
"builder": "@angular-devkit/build-angular:ng-packagr",
@@ -131,7 +131,8 @@
131131
"lintFilePatterns": [
132132
"projects/core/**/*.ts",
133133
"projects/core/**/*.html"
134-
]
134+
],
135+
"eslintConfig": "projects/core/eslint.config.js"
135136
}
136137
}
137138
}
@@ -140,7 +141,7 @@
140141
"root": "projects/moment",
141142
"sourceRoot": "projects/moment/src",
142143
"projectType": "library",
143-
"prefix": "lib",
144+
"prefix": "mat-datetimepicker-moment",
144145
"architect": {
145146
"build": {
146147
"builder": "@angular-devkit/build-angular:ng-packagr",
@@ -168,7 +169,8 @@
168169
"lintFilePatterns": [
169170
"projects/moment/**/*.ts",
170171
"projects/moment/**/*.html"
171-
]
172+
],
173+
"eslintConfig": "projects/moment/eslint.config.js"
172174
}
173175
}
174176
}

eslint.config.js

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
// @ts-check
2+
const eslint = require('@eslint/js');
3+
const tseslint = require('typescript-eslint');
4+
const angular = require('angular-eslint');
5+
6+
module.exports = tseslint.config(
7+
{
8+
files: ['**/*.ts'],
9+
extends: [
10+
eslint.configs.recommended,
11+
...tseslint.configs.recommended,
12+
...tseslint.configs.stylistic,
13+
...angular.configs.tsRecommended,
14+
],
15+
processor: angular.processInlineTemplates,
16+
rules: {
17+
'@angular-eslint/directive-selector': [
18+
'error',
19+
{
20+
type: 'attribute',
21+
prefix: 'app',
22+
style: 'camelCase',
23+
},
24+
],
25+
'@angular-eslint/component-selector': [
26+
'error',
27+
{
28+
type: 'element',
29+
prefix: 'app',
30+
style: 'kebab-case',
31+
},
32+
],
33+
'@typescript-eslint/no-explicit-any': ['off'],
34+
},
35+
},
36+
{
37+
files: ['**/*.html'],
38+
extends: [
39+
...angular.configs.templateRecommended,
40+
...angular.configs.templateAccessibility,
41+
],
42+
rules: {
43+
'@angular-eslint/template/interactive-supports-focus': ['warn'],
44+
},
45+
}
46+
);

0 commit comments

Comments
 (0)