updates

package.json

@@ -21,8 +21,8 @@
   },
   "private": true,
   "dependencies": {
-    "@angular-material-components/color-picker": "^16.0.1",
-    "@angular-material-components/datetime-picker": "^16.0.1",
+    "@angular-material-components/color-picker": "^17.0.1",
+    "@angular-material-components/datetime-picker": "^17.0.1",
     "@angular/animations": "^17.2.2",
     "@angular/cdk": "^17.2.1",
     "@angular/cli": "^17.2.1",
@@ -107,4 +107,4 @@
       "options": {}
     }
   }
-}
+}

src/styles.scss

@@ -28,8 +28,8 @@
 //  If you don't need the default component typographies but still want the hierarchy styles,
 //  you can delete this line and instead use:
 //    `@include mat.legacy-typography-hierarchy(mat.define-legacy-typography-config());`
-@include mat.all-legacy-component-typographies();
-@include mat.legacy-core();
+// @  x include mmmmmmmat.all-legacy-component-typographies();
+// @  x include mmmmmmat.legacy-core();
 
 // Define the palettes for your theme using the Material Design palettes available in palette.scss
 // (imported above). For each palette, you can optionally specify a default, lighter, and darker
@@ -71,4 +71,4 @@ body {
     --primary-btn-color     : rgb(245, 250, 203);
     --primary-btn-text-color: #333;
   }
-}
+}