diff --git a/backend/.idea/workspace.xml b/backend/.idea/workspace.xml
index 8e36166..e58e44b 100644
--- a/backend/.idea/workspace.xml
+++ b/backend/.idea/workspace.xml
@@ -4,7 +4,13 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="3a869f59-290a-4ab2-b036-a878ce801bc4" name="Changes" comment="Datastructure for Tasks" />
+    <list default="true" id="3a869f59-290a-4ab2-b036-a878ce801bc4" name="Changes" comment="Datastructure for Tasks">
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../frontend/package-lock.json" beforeDir="false" afterPath="$PROJECT_DIR$/../frontend/package-lock.json" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../frontend/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/../frontend/package.json" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../frontend/src/app/app.module.ts" beforeDir="false" afterPath="$PROJECT_DIR$/../frontend/src/app/app.module.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../frontend/src/app/tasks/task-editor/task-editor.component.html" beforeDir="false" afterPath="$PROJECT_DIR$/../frontend/src/app/tasks/task-editor/task-editor.component.html" afterDir="false" />
+    </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -35,29 +41,30 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent"><![CDATA[{
-  "keyToString": {
-    "RequestMappingsPanelOrder0": "0",
-    "RequestMappingsPanelOrder1": "1",
-    "RequestMappingsPanelWidth0": "75",
-    "RequestMappingsPanelWidth1": "75",
-    "RunOnceActivity.OpenProjectViewOnStart": "true",
-    "RunOnceActivity.ShowReadmeOnStart": "true",
-    "WebServerToolWindowFactoryState": "false",
-    "git-widget-placeholder": "issue-10",
-    "last_directory_selection": "D:/Programmierprojekte/TimeManager/backend/src/main/java/core/api/models/timemanager",
-    "node.js.detected.package.eslint": "true",
-    "node.js.detected.package.tslint": "true",
-    "node.js.selected.package.eslint": "(autodetect)",
-    "node.js.selected.package.tslint": "(autodetect)",
-    "vue.rearranger.settings.migration": "true"
+  <component name="PropertiesComponent">{
+  &quot;keyToString&quot;: {
+    &quot;RequestMappingsPanelOrder0&quot;: &quot;0&quot;,
+    &quot;RequestMappingsPanelOrder1&quot;: &quot;1&quot;,
+    &quot;RequestMappingsPanelWidth0&quot;: &quot;75&quot;,
+    &quot;RequestMappingsPanelWidth1&quot;: &quot;75&quot;,
+    &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
+    &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
+    &quot;git-widget-placeholder&quot;: &quot;issue-11-angular-update&quot;,
+    &quot;last_directory_selection&quot;: &quot;D:/Programmierprojekte/TimeManager/backend/src/main/java/core/api/models/timemanager&quot;,
+    &quot;last_opened_file_path&quot;: &quot;D:/Programmierprojekte/Dicewars/client&quot;,
+    &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
+    &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
+    &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
+    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
+    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
   },
-  "keyToStringList": {
-    "DatabaseDriversLRU": [
-      "mariadb"
+  &quot;keyToStringList&quot;: {
+    &quot;DatabaseDriversLRU&quot;: [
+      &quot;mariadb&quot;
     ]
   }
-}]]></component>
+}</component>
   <component name="RunManager">
     <configuration name="DemoApplication" type="SpringBootApplicationConfigurationType" factoryName="Spring Boot" nameIsGenerated="true">
       <module name="demo" />
@@ -77,6 +84,8 @@
       <updated>1695647243767</updated>
       <workItem from="1695647249321" duration="397000" />
       <workItem from="1696183811713" duration="4994000" />
+      <workItem from="1696399523081" duration="666000" />
+      <workItem from="1696517800445" duration="1732000" />
     </task>
     <task id="LOCAL-00001" summary="Structure Taskgroups in Hierarchies">
       <option name="closed" value="true" />
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 7c9581d..3005d75 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -8,16 +8,19 @@
       "name": "frontend",
       "version": "0.0.0",
       "dependencies": {
+        "@angular-material-components/datetime-picker": "^16.0.1",
+        "@angular-material-components/moment-adapter": "^16.0.1",
         "@angular/animations": "^16.2.7",
-        "@angular/cdk": "^15.2.9",
+        "@angular/cdk": "^16.2.6",
         "@angular/common": "^16.2.7",
         "@angular/compiler": "^16.2.7",
         "@angular/core": "^16.2.7",
         "@angular/forms": "^16.2.7",
-        "@angular/material": "^15.2.9",
+        "@angular/material": "^16.2.6",
         "@angular/platform-browser": "^16.2.7",
         "@angular/platform-browser-dynamic": "^16.2.7",
         "@angular/router": "^16.2.7",
+        "moment": "^2.29.4",
         "rxjs": "~7.5.0",
         "tslib": "^2.3.0",
         "zone.js": "~0.13.3"
@@ -352,6 +355,34 @@
         }
       }
     },
+    "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
     "node_modules/@angular-devkit/build-angular/node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
@@ -449,6 +480,35 @@
         "tslib": "^2.1.0"
       }
     },
+    "node_modules/@angular-material-components/datetime-picker": {
+      "version": "16.0.1",
+      "resolved": "https://registry.npmjs.org/@angular-material-components/datetime-picker/-/datetime-picker-16.0.1.tgz",
+      "integrity": "sha512-dbkwWiC8qL7NVlMclb1hvuZvuP2l1nvfnnmijEc/zGsoWeoLNDXn/+z/UQtMcbUphcwCzFt9CfHhhpGUGgQLgw==",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "peerDependencies": {
+        "@angular/cdk": "^16.0.0",
+        "@angular/common": "^16.0.0",
+        "@angular/core": "^16.0.0",
+        "@angular/forms": "^16.0.0",
+        "@angular/material": "^16.0.0",
+        "@angular/platform-browser": "^16.0.0"
+      }
+    },
+    "node_modules/@angular-material-components/moment-adapter": {
+      "version": "16.0.1",
+      "resolved": "https://registry.npmjs.org/@angular-material-components/moment-adapter/-/moment-adapter-16.0.1.tgz",
+      "integrity": "sha512-ijqi57Sf+nksfdDQ82rYFKOnMzuYXbbq6pGsSEvXkDyckcwcKdeNM3ETC7f45sQVIz+iUw0r5IkpiLgDzS6lYQ==",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "peerDependencies": {
+        "@angular/common": "^16.0.0",
+        "@angular/core": "^16.0.0",
+        "moment": "^2.18.1"
+      }
+    },
     "node_modules/@angular/animations": {
       "version": "16.2.7",
       "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-16.2.7.tgz",
@@ -464,9 +524,9 @@
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "15.2.9",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-15.2.9.tgz",
-      "integrity": "sha512-koaM07N1AIQ5oHU27l0/FoQSSoYAwlAYwVZ4Di3bYrJsTBNCN2Xsby7wI8gZxdepMnV4Fe9si382BDBov+oO4Q==",
+      "version": "16.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-16.2.6.tgz",
+      "integrity": "sha512-vSaPs69xutbxc6IbZz4I5fMzZhlypsMg5JKKNAufmyYNNHQYgSQytpUd1/RxHhPF/JoEvj/J8QjauRriZFN+SA==",
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -474,8 +534,8 @@
         "parse5": "^7.1.2"
       },
       "peerDependencies": {
-        "@angular/common": "^15.0.0 || ^16.0.0",
-        "@angular/core": "^15.0.0 || ^16.0.0",
+        "@angular/common": "^16.0.0 || ^17.0.0",
+        "@angular/core": "^16.0.0 || ^17.0.0",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -641,66 +701,66 @@
       }
     },
     "node_modules/@angular/material": {
-      "version": "15.2.9",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-15.2.9.tgz",
-      "integrity": "sha512-emuFF/7+91Jq+6kVCl3FiVoFLtAZoh+woFQWNuK8nhx0HmD4ckLFI8d9a6ERYR3zRuKhq5deSRE2kYsfpjrrsQ==",
+      "version": "16.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-16.2.6.tgz",
+      "integrity": "sha512-JFP12dLrsKwrQ4zZtSRJarYosnxikxLD2M9hfUtHVxgTJr7rdSQ8eE7G2l2zPALSUt+d44MWgQ79xu6inuvEOw==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/auto-init": "15.0.0-canary.684e33d25.0",
-        "@material/banner": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/button": "15.0.0-canary.684e33d25.0",
-        "@material/card": "15.0.0-canary.684e33d25.0",
-        "@material/checkbox": "15.0.0-canary.684e33d25.0",
-        "@material/chips": "15.0.0-canary.684e33d25.0",
-        "@material/circular-progress": "15.0.0-canary.684e33d25.0",
-        "@material/data-table": "15.0.0-canary.684e33d25.0",
-        "@material/density": "15.0.0-canary.684e33d25.0",
-        "@material/dialog": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/drawer": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/fab": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/floating-label": "15.0.0-canary.684e33d25.0",
-        "@material/form-field": "15.0.0-canary.684e33d25.0",
-        "@material/icon-button": "15.0.0-canary.684e33d25.0",
-        "@material/image-list": "15.0.0-canary.684e33d25.0",
-        "@material/layout-grid": "15.0.0-canary.684e33d25.0",
-        "@material/line-ripple": "15.0.0-canary.684e33d25.0",
-        "@material/linear-progress": "15.0.0-canary.684e33d25.0",
-        "@material/list": "15.0.0-canary.684e33d25.0",
-        "@material/menu": "15.0.0-canary.684e33d25.0",
-        "@material/menu-surface": "15.0.0-canary.684e33d25.0",
-        "@material/notched-outline": "15.0.0-canary.684e33d25.0",
-        "@material/radio": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/segmented-button": "15.0.0-canary.684e33d25.0",
-        "@material/select": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/slider": "15.0.0-canary.684e33d25.0",
-        "@material/snackbar": "15.0.0-canary.684e33d25.0",
-        "@material/switch": "15.0.0-canary.684e33d25.0",
-        "@material/tab": "15.0.0-canary.684e33d25.0",
-        "@material/tab-bar": "15.0.0-canary.684e33d25.0",
-        "@material/tab-indicator": "15.0.0-canary.684e33d25.0",
-        "@material/tab-scroller": "15.0.0-canary.684e33d25.0",
-        "@material/textfield": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tooltip": "15.0.0-canary.684e33d25.0",
-        "@material/top-app-bar": "15.0.0-canary.684e33d25.0",
-        "@material/touch-target": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/auto-init": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/banner": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/button": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/card": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/checkbox": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/chips": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/circular-progress": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/data-table": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/density": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dialog": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/drawer": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/fab": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/floating-label": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/form-field": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/icon-button": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/image-list": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/layout-grid": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/line-ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/linear-progress": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/list": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/menu": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/menu-surface": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/notched-outline": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/radio": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/segmented-button": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/select": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/slider": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/snackbar": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/switch": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tab": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tab-bar": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tab-indicator": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tab-scroller": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/textfield": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tooltip": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/top-app-bar": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/touch-target": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/animations": "^15.0.0 || ^16.0.0",
-        "@angular/cdk": "15.2.9",
-        "@angular/common": "^15.0.0 || ^16.0.0",
-        "@angular/core": "^15.0.0 || ^16.0.0",
-        "@angular/forms": "^15.0.0 || ^16.0.0",
-        "@angular/platform-browser": "^15.0.0 || ^16.0.0",
+        "@angular/animations": "^16.0.0 || ^17.0.0",
+        "@angular/cdk": "16.2.6",
+        "@angular/common": "^16.0.0 || ^17.0.0",
+        "@angular/core": "^16.0.0 || ^17.0.0",
+        "@angular/forms": "^16.0.0 || ^17.0.0",
+        "@angular/platform-browser": "^16.0.0 || ^17.0.0",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -3128,753 +3188,754 @@
       "dev": true
     },
     "node_modules/@material/animation": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-5osi1z4JQIXcklPALbH/zTfOm2pDzHt9Fxm7ZyURy250xIZj6QjULRzPTnzOhC2ropfix9ra2Cfggbf0dcRbEQ==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-leRf+BcZTfC/iSigLXnYgcHAGvFVQveoJT5+2PIRdyPI/bIG7hhciRgacHRsCKC0sGya81dDblLgdkjSUemYLw==",
       "dependencies": {
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/auto-init": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/auto-init/-/auto-init-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-OigQTmrVzkcGvxNjOaIe5oItTFPgrO9xLewvharDI6m6yvO1z7OBnkcW+sFN6ggLNYNxd0O1u9v64vMsmeDABQ==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/auto-init/-/auto-init-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-uxzDq7q3c0Bu1pAsMugc1Ik9ftQYQqZY+5e2ybNplT8gTImJhNt4M2mMiMHbMANk2l3UgICmUyRSomgPBWCPIA==",
       "dependencies": {
-        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/banner": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/banner/-/banner-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-PqtGp3KWzdu58rWv/DIvSfe38m5YKOBbAAbBinSvgadBb/da+IE1t5F7YPNKE1T5lJsQBGVUYx6QBIeXm+aI/A==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/banner/-/banner-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-SHeVoidCUFVhXANN6MNWxK9SZoTSgpIP8GZB7kAl52BywLxtV+FirTtLXkg/8RUkxZRyRWl7HvQ0ZFZa7QQAyA==",
       "dependencies": {
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/button": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tokens": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/button": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tokens": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/base": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/base/-/base-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-oOaqb/SfjWwTKsdJUZmeh/Qrs41nIJI0N+zELsxnvbGjSIN1ZMAKYZFPMahqvC68OJ6+5CvJM8PoTNs5l+B8IQ==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/base/-/base-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-Fc3vGuOf+duGo22HTRP6dHdc+MUe0VqQfWOuKrn/wXKD62m0QQR2TqJd3rRhCumH557T5QUyheW943M3E+IGfg==",
       "dependencies": {
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/button": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/button/-/button-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-Nkekk4edeX+ObVOa7UlwavaHdmckPV5wU4SAJf3iA3R61cmz+KsgAgpzfcwv5WfNhIlc2nLu8QYEecpHdo9d/w==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/button/-/button-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-3AQgwrPZCTWHDJvwgKq7Cj+BurQ4wTjDdGL+FEnIGUAjJDskwi1yzx5tW2Wf/NxIi7IoPFyOY3UB41jwMiOrnw==",
       "dependencies": {
-        "@material/density": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tokens": "15.0.0-canary.684e33d25.0",
-        "@material/touch-target": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/focus-ring": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tokens": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/touch-target": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/card": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/card/-/card-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-xhyB7XX5KkEiCEqwSPkl58ZGYL6xFdnY62zimyBXJRG/Eaa0Swj3kW20hVCpt4f7c9Zmp8Se27rg8vnKmhvO3g==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/card/-/card-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-nPlhiWvbLmooTnBmV5gmzB0eLWSgLKsSRBYAbIBmO76Okgz1y+fQNLag+lpm/TDaHVsn5fmQJH8e0zIg0rYsQA==",
       "dependencies": {
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tokens": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/checkbox": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/checkbox/-/checkbox-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-NFpM3TS924PmVsk2KQLNU95OYCf8ZwYgzeqfnAexU0bEfjUJXINBun2Go0AaeOUMjuvWUe+byjrXgv8SFYbMUA==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/checkbox/-/checkbox-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-4tpNnO1L0IppoMF3oeQn8F17t2n0WHB0D7mdJK9rhrujen/fLbekkIC82APB3fdGtLGg3qeNqDqPsJm1YnmrwA==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/density": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/density": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/focus-ring": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/touch-target": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/chips": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/chips/-/chips-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-z4ajQ4NnsAQ/Si9tZ4xmxzjj2Qb+vW++4QjCjjjwAGIZbCe0xglAnMh2t66XLJUxt7RoKZuZVEO7ZqcFZpvJFQ==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/chips/-/chips-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-fqHKvE5bSWK0bXVkf57MWxZtytGqYBZvvHIOs4JI9HPHEhaJy4CpSw562BEtbm3yFxxALoQknvPW2KYzvADnmA==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/checkbox": "15.0.0-canary.684e33d25.0",
-        "@material/density": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tokens": "15.0.0-canary.684e33d25.0",
-        "@material/touch-target": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/checkbox": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/density": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/focus-ring": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tokens": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/touch-target": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "safevalues": "^0.3.4",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/circular-progress": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/circular-progress/-/circular-progress-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-G6qD0nGNtEUwWnAMJuA9INYFpZoKtx7KFjBaPF4Ol2YLHtmShALNAYyn54TMAK8AZ2IpW08PXjGS7Ye88vrdEQ==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/circular-progress/-/circular-progress-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-Lxe8BGAxQwCQqrLhrYrIP0Uok10h7aYS3RBXP41ph+5GmwJd5zdyE2t93qm2dyThvU6qKuXw9726Dtq/N+wvZQ==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/progress-indicator": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/progress-indicator": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/data-table": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/data-table/-/data-table-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-+wDw1DDDFfAsKAMzs84f/5GCjux39zjNfW8tL4wFbkWNwewmQrG9zaQMJhBpVOtLCrM8Gj6SOgOANqgqoCjvGg==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/data-table/-/data-table-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-j/7qplT9+sUpfe4pyWhPbl01qJA+OoNAG3VMJruBBR461ZBKyTi7ssKH9yksFGZ8eCEPkOsk/+kDxsiZvRWkeQ==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/checkbox": "15.0.0-canary.684e33d25.0",
-        "@material/density": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/icon-button": "15.0.0-canary.684e33d25.0",
-        "@material/linear-progress": "15.0.0-canary.684e33d25.0",
-        "@material/list": "15.0.0-canary.684e33d25.0",
-        "@material/menu": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/select": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tokens": "15.0.0-canary.684e33d25.0",
-        "@material/touch-target": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/checkbox": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/density": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/icon-button": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/linear-progress": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/list": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/menu": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/select": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tokens": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/touch-target": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/density": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/density/-/density-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-661yEVRMGrlq6S6WuSbPRO+ZwpdUOg2glCc7y96doM6itSLOa3UEAldjOLfsYZVB74GnKCiuDp//QmfoRyYTfA==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/density/-/density-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-Zt3u07fXrBWLW06Tl5fgvjicxNQMkFdawLyNTzZ5TvbXfVkErILLePwwGaw8LNcvzqJP6ABLA8jiR+sKNoJQCg==",
       "dependencies": {
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/dialog": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/dialog/-/dialog-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-szn0dHnfeQTSOC6SSRSGAzX6Tnx+4NnSMUwNkXm+3bwjds8ZVK26+DXwLrP5f3ID5F1K5sFsRf2INo5/TNTHyQ==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/dialog/-/dialog-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-o+9a/fmwJ9+gY3Z/uhj/PMVJDq7it1NTWKJn2GwAKdB+fDkT4hb9qEdcxMPyvJJ5ups+XiKZo03+tZrD+38c1w==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/button": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/icon-button": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tokens": "15.0.0-canary.684e33d25.0",
-        "@material/touch-target": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/button": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/icon-button": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tokens": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/touch-target": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/dom": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-7pEJLYov+tGgfuD8mZxoVU6rWtPI8ppjTAhz+F27Hz9FG0JETMWTKpDPBXLnKvX7vhIxL83GvZ9geNHCe8Hfog==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-ly78R7aoCJtundSUu0UROU+5pQD5Piae0Y1MkN6bs0724azeazX1KeXFeaf06JOXnlr5/41ol+fSUPowjoqnOg==",
       "dependencies": {
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/drawer": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-/KMckLf1PYU/H3PXnS4e0aFl03qG3JlSv4LGgX6juJufcONqGTl/m63EMO/L/eUy6H1CRrXmVDjik/jzHLyDhg==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-PFL4cEFnt7VTxDsuspFVNhsFDYyumjU0VWfj3PWB7XudsEfQ3lo85D3HCEtTTbRsCainGN8bgYNDNafLBqiigw==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/list": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/list": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/elevation": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-WDF8SsRtq3rXUbVVbd9K4DUijIPH0bUFSOreVYxudpuxAfTlDS5+aeS1EK9UIBFYLuba4u5wVT2tDv6e1RTfrQ==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-Ro+Pk8jFuap+T0B0shA3xI1hs2b89dNQ2EIPCNjNMp87emHKAzJfhKb7EZGIwv3+gFLlVaLyIVkb94I89KLsyg==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/fab": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/fab/-/fab-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-KCu87rWOKEAe9vZcAm6K8XazYSWPNjMG+OhrbPjHW6bCO7as1YCgtmkBkhff7csY/rFmcVpIy884xtUfLmSudQ==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/fab/-/fab-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-dvU0KWMRglwJEQwmQtFAmJcAjzg9VFF6Aqj78bJYu/DAIGFJ1VTTTSgoXM/XCm1YyQEZ7kZRvxBO37CH54rSDg==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tokens": "15.0.0-canary.684e33d25.0",
-        "@material/touch-target": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/focus-ring": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tokens": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/touch-target": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/feature-targeting": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-HyH1erNTSjS63sigNSUMaCd0nJhTNdDFeC+myrxwtDaQm+uYJ8troCNtQM3g6mx0XATNtX5aTOoPmrM6yVVi1A==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-wkDjVcoVEYYaJvun28IXdln/foLgPD7n9ZC9TY76GErGCwTq+HWpU6wBAAk+ePmpRFDayw4vI4wBlaWGxLtysQ==",
       "dependencies": {
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/floating-label": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-f7TPp6bKpGvV3sYYiZHSGlrixXKkXXITW3Esp7KB9jRq42c0H82novmdwvY0eTef4ootmA2JEysr78KQfHBUPg==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-bUWPtXzZITOD/2mkvLkEPO1ngDWmb74y0Kgbz6llHLOQBtycyJIpuoQJ1q2Ez0NM/tFLwPphhAgRqmL3YQ/Kzw==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/focus-ring": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/focus-ring/-/focus-ring-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-ikw2RVUfgzXChpWIzPH1VzRvTjYb5ZKj4H+CZf7jqPUXMstFOZg90Bp7ARLZHqYiyNMuUq3zUTHozS6iHorSqg==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/focus-ring/-/focus-ring-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-cZHThVose3GvAlJzpJoBI1iqL6d1/Jj9hXrR+r8Mwtb1hBIUEG3hxfsRd4vGREuzROPlf0OgNf/V+YHoSwgR5w==",
       "dependencies": {
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0"
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0"
       }
     },
     "node_modules/@material/form-field": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/form-field/-/form-field-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-vpF9N/uq5no/7+8GAbEH0868FhOuBgxAWRr1Sfb+jthKfBr8OS/wPU/AHzZHdHdAm7PQynbeOXfDsX2dI//PDA==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/form-field/-/form-field-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-+JFXy5X44Gue1CbZZAQ6YejnI203lebYwL0i6k0ylDpWHEOdD5xkF2PyHR28r9/65Ebcbwbff6q7kI1SGoT7MA==",
       "dependencies": {
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/icon-button": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/icon-button/-/icon-button-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-wMI+XGzmIN/o2ePBKg2hLyx7H4pXCRAyyIKMQS1FMp1UKa2tYmiHVX/V8skhKwCqxg3i6Ls/LxMjfPxTR18WvQ==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/icon-button/-/icon-button-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-1a0MHgyIwOs4RzxrVljsqSizGYFlM1zY2AZaLDsgT4G3kzsplTx8HZQ022GpUCjAygW+WLvg4z1qAhQHvsbqlw==",
       "dependencies": {
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/density": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/density": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/focus-ring": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/touch-target": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/image-list": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/image-list/-/image-list-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-Ol+uaHYBe5R/cgzlfh5ONnMVX0wO6fV74JMUcQCQlxP6lXau/edARo4tkRc7A7UJUkU3VRv0EpEjLoCRNUPGaA==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/image-list/-/image-list-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-WKWmiYap2iu4QdqmeUSliLlN4O2Ueqa0OuVAYHn/TCzmQ2xmnhZ1pvDLbs6TplpOmlki7vFfe+aSt5SU9gwfOQ==",
       "dependencies": {
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/layout-grid": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/layout-grid/-/layout-grid-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-ALXE1mqFNb/RB2lVRQ3/r1Aufw2mFZnOjRE+boYDVepmAG/xWyPCyaGoavELJF5l4GAb0tXi8wA/8HeGbLOpuA==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/layout-grid/-/layout-grid-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-5GqmT6oTZhUGWIb+CLD0ZNyDyTiJsr/rm9oRIi3+vCujACwxFkON9tzBlZohdtFS16nuzUusthN6Jt9UrJcN6Q==",
       "dependencies": {
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/line-ripple": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-7hRx8C/e9i0P6pgQpNOMfTwSS2r1fwEvBL72QDVGLtLuoKKwsjjgP6Z0Jat/GeHJe87u9LQvGBoD4upt+of/HA==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-8S30WXEuUdgDdBulzUDlPXD6qMzwCX9SxYb5mGDYLwl199cpSGdXHtGgEcCjokvnpLhdZhcT1Dsxeo1g2Evh5Q==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/linear-progress": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/linear-progress/-/linear-progress-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-iJclt7mKmcMk6pqD7ocXKfCWZhqBoODp7N593jYlxVpTJuEz2wiVAjZUDn/YGj/Uz3CRH+2YFfOiLr9pwWjhDg==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/linear-progress/-/linear-progress-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-6EJpjrz6aoH2/gXLg9iMe0yF2C42hpQyZoHpmcgTLKeci85ktDvJIjwup8tnk8ULQyFiGiIrhXw2v2RSsiFjvQ==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/progress-indicator": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/progress-indicator": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/list": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/list/-/list-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-rQ+FCSdzmwTcT00IYE0uRV3CS4oGSccKFl9hkcF+aHFW61L7ORh/SCGUDPrEfQFrFkMn5f8qroVJjpUAMXBz4g==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/list/-/list-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-TQ1ppqiCMQj/P7bGD4edbIIv4goczZUoiUAaPq/feb1dflvrFMzYqJ7tQRRCyBL8nRhJoI2x99tk8Q2RXvlGUQ==",
       "dependencies": {
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/density": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tokens": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/density": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tokens": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/menu": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/menu/-/menu-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-r7wzDLSGSI9629/mfpvsMzkVxpmV75kcD3IrW0Pcu6/Bv/1xi0EvjcUXzNJJoQlwN4Zj35Ymz/PCjZkIDIz68Q==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/menu/-/menu-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-IlAh61xzrzxXs38QZlt74UYt8J431zGznSzDtB1Fqs6YFNd11QPKoiRXn1J2Qu/lUxbFV7i8NBKMCKtia0n6/Q==",
       "dependencies": {
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/list": "15.0.0-canary.684e33d25.0",
-        "@material/menu-surface": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/list": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/menu-surface": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tokens": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/menu-surface": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/menu-surface/-/menu-surface-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-RVO5GAYcfWPaKwxsF/NhUAmrYXQCQBKvRQW0TIlbmAJz6lcFeTs6YZqF3u1C7qrL3ZQGz+sur/7ywj6QU0oMow==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/menu-surface/-/menu-surface-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-dMtSPN+olTWE+08M5qe4ea1IZOhVryYqzK0Gyb2u1G75rSArUxCOB5rr6OC/ST3Mq3RS6zGuYo7srZt4534K9Q==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/notched-outline": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-9YHcBkvJLPVYzkHcWoTpBZAFrEd+j1hjhGxLhh0LuNrZe8VroUkZD1TTnUAPHRG3os6EqEWWaKb0RN+aPIF2yQ==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-WuurMg44xexkvLTBTnsO0A+qnzFjpcPdvgWBGstBepYozsvSF9zJGdb1x7Zv1MmqbpYh/Ohnuxtb/Y3jOh6irg==",
       "dependencies": {
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/floating-label": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/floating-label": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/progress-indicator": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/progress-indicator/-/progress-indicator-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-c0icji4faeNWUoqGENGC7Hav0Puxh0RwXIDVizffaUxKIGbajpIp5+4Zop73fK/xFLGMB/npg7TbP+aCGjQ3fw==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/progress-indicator/-/progress-indicator-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-uOnsvqw5F2fkeTnTl4MrYzjI7KCLmmLyZaM0cgLNuLsWVlddQE+SGMl28tENx7DUK3HebWq0FxCP8f25LuDD+w==",
       "dependencies": {
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/radio": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/radio/-/radio-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-U3Eh8sNUA8trDla1Bq8Bo02foxYvtoewaKeF8A8tAju81XZ4jRiftfOsOWZDZEHCVbbCB2QwvutvFlnay5n+Aw==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/radio/-/radio-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-ehzOK+U1IxQN+OQjgD2lsnf1t7t7RAwQzeO6Czkiuid29ookYbQynWuLWk7NW8H8ohl7lnmfqTP1xSNkkL/F0g==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/density": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/density": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/focus-ring": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/touch-target": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/ripple": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-RyePu7SjIm/OuyyEieZ/gxiPYkNZOZHeid72WRcN9ofdlljj2pifcdPvcfZA+v/DMS33xo5GjG2L/Qj6ClWrKw==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-JfLW+g3GMVDv4cruQ19+HUxpKVdWCldFlIPw1UYezz2h3WTNDy05S3uP2zUdXzZ01C3dkBFviv4nqZ0GCT16MA==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/rtl": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-NqdJl8Ayupp1Th+vCNCpVQHbUFOuF7TCte9LD1norTIBUF/QizIxWby2W5uUEiPbnh5j9PmE1CJtfLwKun3pcw==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-SkKLNLFp5QtG7/JEFg9R92qq4MzTcZ5As6sWbH7rRg6ahTHoJEuqE+pOb9Vrtbj84k5gtX+vCYPvCILtSlr2uw==",
       "dependencies": {
-        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/segmented-button": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/segmented-button/-/segmented-button-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-bEGgg8vgXNLyukyV8HRjFMuQ6t6nm5LQ4Pgm22um61Yc8qyi0BOqV41OR4SVdUrUqZxh1aVD+p+4NN03+LfQXw==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/segmented-button/-/segmented-button-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-YDwkCWP9l5mIZJ7pZJZ2hMDxfBlIGVJ+deNzr8O+Z7/xC5LGXbl4R5aPtUVHygvXAXxpf5096ZD+dSXzYzvWlw==",
       "dependencies": {
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/touch-target": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/touch-target": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/select": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/select/-/select-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-kf178/2TeEinTv0mgmSBcmmExQ2h7a7dtR1E3WuqQgisJ/R6+zVLMkC2CnfIyzxYX2vkuUTG0ue3Reh/6XiqSg==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/select/-/select-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-unfOWVf7T0sixVG+3k3RTuATfzqvCF6QAzA6J9rlCh/Tq4HuIBNDdV4z19IVu4zwmgWYxY0iSvqWUvdJJYwakQ==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/density": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/floating-label": "15.0.0-canary.684e33d25.0",
-        "@material/line-ripple": "15.0.0-canary.684e33d25.0",
-        "@material/list": "15.0.0-canary.684e33d25.0",
-        "@material/menu": "15.0.0-canary.684e33d25.0",
-        "@material/menu-surface": "15.0.0-canary.684e33d25.0",
-        "@material/notched-outline": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tokens": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/density": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/floating-label": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/line-ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/list": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/menu": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/menu-surface": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/notched-outline": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tokens": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/shape": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-aEelpaTFmpnCji3TUGP9bVCS/bRVjUmLTHBPZtuu1gOrUVVtJ6kYOg73dZNJF+XOoNL2yOX/LRcKwsop29tptA==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-Dsvr771ZKC46ODzoixLdGwlLEQLfxfLrtnRojXABoZf5G3o9KtJU+J+5Ld5aa960OAsCzzANuaub4iR88b1guA==",
       "dependencies": {
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/slider": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/slider/-/slider-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-WVyK+2pSNSZmj07M2K/a3TADoQ9FBCndfNC/vE7/wGIg4dddJJK5KvQ+yruf9R2cSzTL/S1sZ5WpyyeM8E9HTw==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/slider/-/slider-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-3AEu+7PwW4DSNLndue47dh2u7ga4hDJRYmuu7wnJCIWJBnLCkp6C92kNc4Rj5iQY2ftJio5aj1gqryluh5tlYg==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tokens": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tokens": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/snackbar": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/snackbar/-/snackbar-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-itO+DCkOannZzR1/cCHcqAm7ifhuFvXmDItNoA8qLEcAyJDJJRkhpwj3XQ01yuo9gBFcSctp7Txt7e+Hncm/Jg==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/snackbar/-/snackbar-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-TwwQSYxfGK6mc03/rdDamycND6o+1p61WNd7ElZv1F1CLxB4ihRjbCoH7Qo+oVDaP8CTpjeclka+24RLhQq0mA==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/button": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/icon-button": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tokens": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/button": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/icon-button": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tokens": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/switch": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/switch/-/switch-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-Jxi0gl92yvvZZsAPxvVHzXx2ga+T/djMow98jvEczmpUorWnAhgiCr9CsSSRoosahWyRB8NLZOxUQrACxvffjw==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/switch/-/switch-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-OjUjtT0kRz1ASAsOS+dNzwMwvsjmqy5edK57692qmrP6bL4GblFfBDoiNJ6t0AN4OaKcmL5Hy/xNrTdOZW7Qqw==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/density": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/density": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/focus-ring": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tokens": "15.0.0-canary.bc9ae6c9c.0",
         "safevalues": "^0.3.4",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/tab": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/tab/-/tab-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-WQL3wj9syHNcfe8KbgGGUcA34M8C/xZ+n0Fkkh8Kk6puVwaU+xqUNihsxPY6YzKpmh4PZ4oJaBdiN8zvFT1zqQ==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/tab/-/tab-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-s/L9otAwn/pZwVQZBRQJmPqYeNbjoEbzbjMpDQf/VBG/6dJ+aP03ilIBEkqo8NVnCoChqcdtVCoDNRtbU+yp6w==",
       "dependencies": {
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/tab-indicator": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tokens": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/focus-ring": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tab-indicator": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tokens": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/tab-bar": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/tab-bar/-/tab-bar-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-SW/cMaDsIGGkM1ag3A7GJRlmr8eXmObWsvitQJzh6Azr5zzZtSI+GQygkMesAEE1gbpqOVN8d40rh3H7VVIAcA==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/tab-bar/-/tab-bar-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-Xmtq0wJGfu5k+zQeFeNsr4bUKv7L+feCmUp/gsapJ655LQKMXOUQZtSv9ZqWOfrCMy55hoF1CzGFV+oN3tyWWQ==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/density": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/tab": "15.0.0-canary.684e33d25.0",
-        "@material/tab-indicator": "15.0.0-canary.684e33d25.0",
-        "@material/tab-scroller": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tokens": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/density": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tab": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tab-indicator": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tab-scroller": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tokens": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/tab-indicator": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/tab-indicator/-/tab-indicator-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-kKICqSPqOlaf0lzaFFCmuOqPXJC+cK48Qmsc+m5o6fJhkmuZRCYpIwB2JeP+uZSOq/bTH+SrPtCtnVlgWg6ksA==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/tab-indicator/-/tab-indicator-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-despCJYi1GrDDq7F2hvLQkObHnSLZPPDxnOzU16zJ6FNYvIdszgfzn2HgAZ6pl5hLOexQ8cla6cAqjTDuaJBhQ==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/tab-scroller": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/tab-scroller/-/tab-scroller-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-H6EU/TSiK/M2DyyORX5GEtXD9rKYxTMHC2VxsNWARPMFJGzgeW2ugYkFv+rKI1/c0bs0CJ4e+qFnOlBsQXZvyQ==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/tab-scroller/-/tab-scroller-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-QWHG/EWxirj4V9u2IHz+OSY9XCWrnNrPnNgEufxAJVUKV/A8ma1DYeFSQqxhX709R8wKGdycJksg0Flkl7Gq7w==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/tab": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tab": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/textfield": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-OvgpDXjvpyJTtAWskO69IDybFvDNzr9w2PN/Fk7yFm+uNVupaWz1Ew8lZ4gGslaTNSVmh2XcsvmzxcLINSiiNg==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-R3qRex9kCaZIAK8DuxPnVC42R0OaW7AB7fsFknDKeTeVQvRcbnV8E+iWSdqTiGdsi6QQHifX8idUrXw+O45zPw==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/density": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/floating-label": "15.0.0-canary.684e33d25.0",
-        "@material/line-ripple": "15.0.0-canary.684e33d25.0",
-        "@material/notched-outline": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tokens": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/density": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/floating-label": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/line-ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/notched-outline": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tokens": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/theme": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-AZxaXXAvRKzAi20RlMxzt2U5UmkCWyv7DMWEBXsxtG5Tk54mi1HsbVUp3fxDPTlmL7Pq8p1/DESg/o7TgRCVlw==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-CpUwXGE0dbhxQ45Hu9r9wbJtO/MAlv5ER4tBHA9tp/K+SU+lDgurBE2touFMg5INmdfVNtdumxb0nPPLaNQcUg==",
       "dependencies": {
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/tokens": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/tokens/-/tokens-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-wVwbQOTCXDPKYPdHQHLr026y36MMFelID1CmbfRk6mSol4O8yE9U0fXcShfRDW8Qo5E3X31w9c2A6T3neJY7wQ==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/tokens/-/tokens-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-nbEuGj05txWz6ZMUanpM47SaAD7soyjKILR+XwDell9Zg3bGhsnexCNXPEz2fD+YgomS+jM5XmIcaJJHg/H93Q==",
       "dependencies": {
-        "@material/elevation": "15.0.0-canary.684e33d25.0"
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0"
       }
     },
     "node_modules/@material/tooltip": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/tooltip/-/tooltip-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-dtm26QjxyQdinc8btgz6yys07b7bUW4FZgNF2EBPeGrICrPg7jf+JEvDziz5g8VMaTBQLOQRSCGy0MKuRlOjLw==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/tooltip/-/tooltip-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-UzuXp0b9NuWuYLYpPguxrjbJnCmT/Cco8CkjI/6JajxaeA3o2XEBbQfRMTq8PTafuBjCHTc0b0mQY7rtxUp1Gg==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/button": "15.0.0-canary.684e33d25.0",
-        "@material/dom": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/tokens": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/button": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/tokens": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "safevalues": "^0.3.4",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/top-app-bar": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/top-app-bar/-/top-app-bar-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-1M+oupUxflfW7u81P1XlxoLZB8bLzwtpKofIfDNRbEsiKhlLTERJR3Yak3BGE9xakNMysAaBHlkb5MrN5bNPFw==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/top-app-bar/-/top-app-bar-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-vJWjsvqtdSD5+yQ/9vgoBtBSCvPJ5uF/DVssv8Hdhgs1PYaAcODUi77kdi0+sy/TaWyOsTkQixqmwnFS16zesA==",
       "dependencies": {
-        "@material/animation": "15.0.0-canary.684e33d25.0",
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/elevation": "15.0.0-canary.684e33d25.0",
-        "@material/ripple": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/shape": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
-        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/touch-target": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-zdE69Slg8+T7sTn1OwqZ6H7WBYac9mxJ/JlJqfTqthzIjZRcCxBSYymQJcDHjsrPnUojOtr9U4Tpm5YZ96TEkQ==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-AqYh9fjt+tv4ZE0C6MeYHblS2H+XwLbDl2mtyrK0DOEnCVQk5/l5ImKDfhrUdFWHvS4a5nBM4AA+sa7KaroLoA==",
       "dependencies": {
-        "@material/base": "15.0.0-canary.684e33d25.0",
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/rtl": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/typography": {
-      "version": "15.0.0-canary.684e33d25.0",
-      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-15.0.0-canary.684e33d25.0.tgz",
-      "integrity": "sha512-aVnvgMwcfNa/K4wujzpKDIxjGl2hbkEL+m+OKDSQqWYjKcP9QrbzCXJruJBqxrBoPRHLbqo47k5f9uT8raSgjw==",
+      "version": "15.0.0-canary.bc9ae6c9c.0",
+      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-15.0.0-canary.bc9ae6c9c.0.tgz",
+      "integrity": "sha512-CKsG1zyv34AKPNyZC8olER2OdPII64iR2SzQjpqh1UUvmIFiMPk23LvQ1OnC5aCB14pOXzmVgvJt31r9eNdZ6Q==",
       "dependencies": {
-        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
-        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+        "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
         "tslib": "^2.1.0"
       }
     },
@@ -9472,6 +9533,14 @@
         "mkdirp": "bin/cmd.js"
       }
     },
+    "node_modules/moment": {
+      "version": "2.29.4",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
+      "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/mrmime": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 50c9873..54bddaa 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -10,16 +10,19 @@
   },
   "private": true,
   "dependencies": {
+    "@angular-material-components/datetime-picker": "^16.0.1",
+    "@angular-material-components/moment-adapter": "^16.0.1",
     "@angular/animations": "^16.2.7",
-    "@angular/cdk": "^15.2.9",
+    "@angular/cdk": "^16.2.6",
     "@angular/common": "^16.2.7",
     "@angular/compiler": "^16.2.7",
     "@angular/core": "^16.2.7",
     "@angular/forms": "^16.2.7",
-    "@angular/material": "^15.2.9",
+    "@angular/material": "^16.2.6",
     "@angular/platform-browser": "^16.2.7",
     "@angular/platform-browser-dynamic": "^16.2.7",
     "@angular/router": "^16.2.7",
+    "moment": "^2.29.4",
     "rxjs": "~7.5.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.13.3"
@@ -38,4 +41,4 @@
     "karma-jasmine-html-reporter": "~1.7.0",
     "typescript": "~5.1.6"
   }
-}
\ No newline at end of file
+}
diff --git a/frontend/src/app/admin-dashboard/usermanagement/edit/edit.component.ts b/frontend/src/app/admin-dashboard/usermanagement/edit/edit.component.ts
index 1850ecc..dc503a4 100644
--- a/frontend/src/app/admin-dashboard/usermanagement/edit/edit.component.ts
+++ b/frontend/src/app/admin-dashboard/usermanagement/edit/edit.component.ts
@@ -1,7 +1,7 @@
 import {Component, Inject, OnInit} from '@angular/core';
-import {MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA, MatLegacyDialogRef as MatDialogRef} from "@angular/material/legacy-dialog";
+import {MAT_DIALOG_DATA as MAT_DIALOG_DATA, MatDialogRef as MatDialogRef} from "@angular/material/dialog";
 import {UserInfo, UsersService} from "../../../../api";
-import {MatLegacySnackBar as MatSnackBar} from "@angular/material/legacy-snack-bar";
+import {MatSnackBar as MatSnackBar} from "@angular/material/snack-bar";
 import {AbstractControl, UntypedFormControl, ValidationErrors, Validators} from "@angular/forms";
 import {EditData} from "./edit-data";
 
diff --git a/frontend/src/app/admin-dashboard/usermanagement/usermanagement.component.ts b/frontend/src/app/admin-dashboard/usermanagement/usermanagement.component.ts
index 08f978a..bf74018 100644
--- a/frontend/src/app/admin-dashboard/usermanagement/usermanagement.component.ts
+++ b/frontend/src/app/admin-dashboard/usermanagement/usermanagement.component.ts
@@ -1,11 +1,11 @@
 import {ChangeDetectorRef, Component, OnInit} from '@angular/core';
 import {UserInfo, UsersService} from "../../../api";
-import {MatLegacyDialog as MatDialog} from "@angular/material/legacy-dialog";
+import {MatDialog as MatDialog} from "@angular/material/dialog";
 import {LoginComponent} from "../../auth/login/login.component";
 import {DeleteConfirmationComponent} from "./delete-confirmation/delete-confirmation.component";
 import {CollectionViewer, DataSource} from "@angular/cdk/collections";
 import {Observable} from "rxjs";
-import {MatLegacyTableDataSource as MatTableDataSource} from "@angular/material/legacy-table";
+import {MatTableDataSource as MatTableDataSource} from "@angular/material/table";
 import {EditComponent} from "./edit/edit.component";
 import {EditData} from "./edit/edit-data";
 
diff --git a/frontend/src/app/app.module.ts b/frontend/src/app/app.module.ts
index aa32a02..045f1ff 100644
--- a/frontend/src/app/app.module.ts
+++ b/frontend/src/app/app.module.ts
@@ -9,25 +9,22 @@ import {HttpClient, HttpClientModule, HttpHandler} from "@angular/common/http";
 import {ApiModule, Configuration} from "../api";
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import {MatToolbarModule} from "@angular/material/toolbar";
-import {MatLegacyButtonModule as MatButtonModule} from "@angular/material/legacy-button";
 import {MatIconModule} from "@angular/material/icon";
-import {MatLegacyDialogModule as MatDialogModule} from "@angular/material/legacy-dialog";
-import {MatLegacyFormFieldModule as MatFormFieldModule} from "@angular/material/legacy-form-field";
-import {MatLegacyInputModule as MatInputModule} from "@angular/material/legacy-input";
-import {MatLegacyProgressSpinnerModule as MatProgressSpinnerModule} from "@angular/material/legacy-progress-spinner";
-import {MatLegacySnackBar as MatSnackBar, MatLegacySnackBarModule as MatSnackBarModule} from "@angular/material/legacy-snack-bar";
-import {MatLegacyMenuModule as MatMenuModule} from "@angular/material/legacy-menu";
+import {MatDialogModule as MatDialogModule} from "@angular/material/dialog";
+import {MatFormFieldModule as MatFormFieldModule} from "@angular/material/form-field";
+import {MatInputModule as MatInputModule} from "@angular/material/input";
+import {MatProgressSpinnerModule as MatProgressSpinnerModule} from "@angular/material/progress-spinner";
+import {MatSnackBar as MatSnackBar, MatSnackBarModule as MatSnackBarModule} from "@angular/material/snack-bar";
 import { AdminDashboardComponent } from './admin-dashboard/admin-dashboard.component';
 import { MainComponent } from './main/main.component';
 import { UsermanagementComponent } from './admin-dashboard/usermanagement/usermanagement.component';
-import {MatLegacyTabsModule as MatTabsModule} from "@angular/material/legacy-tabs";
+
 import {AuthService} from "./auth.service";
 import {environment} from "../environments/environment";
-import {MatLegacyTableModule as MatTableModule} from "@angular/material/legacy-table";
-import {MatLegacyCheckboxModule as MatCheckboxModule} from "@angular/material/legacy-checkbox";
+
 import { DeleteConfirmationComponent } from './admin-dashboard/usermanagement/delete-confirmation/delete-confirmation.component';
 import { EditComponent } from './admin-dashboard/usermanagement/edit/edit.component';
-import {MatLegacyCardModule as MatCardModule} from "@angular/material/legacy-card";
+
 import {UserSettingsComponent} from "./user-settings/user-settings.component";
 import {AccountSettingsComponent} from "./user-settings/account-settings/account-settings.component";
 import { ChangePasswordComponent } from './user-settings/account-settings/change-password/change-password.component';
@@ -35,12 +32,24 @@ import { ManageEmailComponent } from './user-settings/account-settings/manage-em
 import { DeleteAccountComponent } from './user-settings/account-settings/delete-account/delete-account.component';
 import { RegistrationComponent } from './auth/registration/registration.component';
 import { SettingsComponent } from './admin-dashboard/settings/settings.component';
-import {MatLegacyListModule as MatListModule} from "@angular/material/legacy-list";
+
 import { TaskgroupDashboardComponent } from './taskgroups/taskgroup-dashboard/taskgroup-dashboard.component';
 import { TaskgroupCreationComponent } from './taskgroups/taskgroup-creation/taskgroup-creation.component';
 import { TaskgroupDeletionComponent } from './taskgroups/taskgroup-deletion/taskgroup-deletion.component';
 import { TaskEditorComponent } from './tasks/task-editor/task-editor.component';
 import {MatDatepickerModule} from "@angular/material/datepicker";
+import {
+  NgxMatMomentAdapter,
+  NgxMatMomentModule,
+  NgxMomentDateModule
+} from "@angular-material-components/moment-adapter";
+import {MatButtonModule} from "@angular/material/button";
+import {MatMenuModule} from "@angular/material/menu";
+import {MatTabsModule} from "@angular/material/tabs";
+import {MatTableModule} from "@angular/material/table";
+import {MatCheckboxModule} from "@angular/material/checkbox";
+import {MatCardModule} from "@angular/material/card";
+import {MatListModule} from "@angular/material/list";
 
 @NgModule({
   declarations: [
@@ -85,10 +94,14 @@ import {MatDatepickerModule} from "@angular/material/datepicker";
         MatCardModule,
         ReactiveFormsModule,
         MatListModule,
-        MatDatepickerModule
+        MatDatepickerModule,
+        MatInputModule,
+        MatDatepickerModule,
+        MatMomentDateModule,
     ],
   providers: [
     HttpClientModule,
+    {provide: MAT_MOMENT_DATE_ADAPTER_OPTIONS, useValue: {useUtc: true}},
     /*
      This is the configuration for the code generated by OpenApiGenerator.
      It specifies that the API code should use our `AuthService` to get the currently stored
diff --git a/frontend/src/app/auth/login/login.component.ts b/frontend/src/app/auth/login/login.component.ts
index f26b867..a338619 100644
--- a/frontend/src/app/auth/login/login.component.ts
+++ b/frontend/src/app/auth/login/login.component.ts
@@ -1,8 +1,8 @@
 import {Component, Inject, OnInit} from '@angular/core';
 import {LoginService, PropertiesService} from "../../../api";
-import {MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA, MatLegacyDialog as MatDialog, MatLegacyDialogRef as MatDialogRef} from "@angular/material/legacy-dialog";
+import {MAT_DIALOG_DATA as MAT_DIALOG_DATA, MatDialog as MatDialog, MatDialogRef as MatDialogRef} from "@angular/material/dialog";
 import {Router} from "@angular/router";
-import {MatLegacySnackBar as MatSnackBar} from "@angular/material/legacy-snack-bar";
+import {MatSnackBar as MatSnackBar} from "@angular/material/snack-bar";
 import {AuthService} from "../../auth.service";
 import {RegistrationComponent} from "../registration/registration.component";
 
diff --git a/frontend/src/app/auth/registration/registration.component.ts b/frontend/src/app/auth/registration/registration.component.ts
index 9f2229c..0682697 100644
--- a/frontend/src/app/auth/registration/registration.component.ts
+++ b/frontend/src/app/auth/registration/registration.component.ts
@@ -1,8 +1,8 @@
 import { Component, OnInit } from '@angular/core';
-import {MatLegacyDialog as MatDialog, MatLegacyDialogRef as MatDialogRef} from "@angular/material/legacy-dialog";
+import {MatDialog as MatDialog, MatDialogRef as MatDialogRef} from "@angular/material/dialog";
 import {LoginService} from "../../../api";
 import {Router} from "@angular/router";
-import {MatLegacySnackBar as MatSnackBar} from "@angular/material/legacy-snack-bar";
+import {MatSnackBar as MatSnackBar} from "@angular/material/snack-bar";
 import {AuthService} from "../../auth.service";
 import {LoginComponent} from "../login/login.component";
 import {LoginDialogServiceService} from "../../login-dialog-service.service";
diff --git a/frontend/src/app/login-dialog-service.service.ts b/frontend/src/app/login-dialog-service.service.ts
index fdfb816..6035533 100644
--- a/frontend/src/app/login-dialog-service.service.ts
+++ b/frontend/src/app/login-dialog-service.service.ts
@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import {MatLegacyDialog as MatDialog} from "@angular/material/legacy-dialog";
+import {MatDialog as MatDialog} from "@angular/material/dialog";
 import {LoginComponent, LoginInfoTypes} from "./auth/login/login.component";
 import {Observable} from "rxjs";
 
diff --git a/frontend/src/app/taskgroups/taskgroup-creation/taskgroup-creation.component.ts b/frontend/src/app/taskgroups/taskgroup-creation/taskgroup-creation.component.ts
index 4a9c4c1..2a93d3c 100644
--- a/frontend/src/app/taskgroups/taskgroup-creation/taskgroup-creation.component.ts
+++ b/frontend/src/app/taskgroups/taskgroup-creation/taskgroup-creation.component.ts
@@ -1,8 +1,8 @@
 import {Component, Inject, OnInit} from '@angular/core';
 import {UntypedFormControl, Validators} from "@angular/forms";
-import {MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA, MatLegacyDialogRef as MatDialogRef} from "@angular/material/legacy-dialog";
+import {MAT_DIALOG_DATA as MAT_DIALOG_DATA, MatDialogRef as MatDialogRef} from "@angular/material/dialog";
 import {TaskgroupService} from "../../../api";
-import {MatLegacySnackBar as MatSnackBar} from "@angular/material/legacy-snack-bar";
+import {MatSnackBar as MatSnackBar} from "@angular/material/snack-bar";
 import {TaskgroupCreationData} from "./TaskgroupCreationData";
 
 
diff --git a/frontend/src/app/taskgroups/taskgroup-dashboard/taskgroup-dashboard.component.ts b/frontend/src/app/taskgroups/taskgroup-dashboard/taskgroup-dashboard.component.ts
index 71c5a1c..8c7ff90 100644
--- a/frontend/src/app/taskgroups/taskgroup-dashboard/taskgroup-dashboard.component.ts
+++ b/frontend/src/app/taskgroups/taskgroup-dashboard/taskgroup-dashboard.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import {MatLegacyDialog as MatDialog} from "@angular/material/legacy-dialog";
+import {MatDialog as MatDialog} from "@angular/material/dialog";
 import {TaskgroupCreationComponent} from "../taskgroup-creation/taskgroup-creation.component";
 import {TaskgroupEntityInfo, TaskgroupService} from "../../../api";
 import {TaskgroupDeletionComponent} from "../taskgroup-deletion/taskgroup-deletion.component";
diff --git a/frontend/src/app/taskgroups/taskgroup-deletion/taskgroup-deletion.component.ts b/frontend/src/app/taskgroups/taskgroup-deletion/taskgroup-deletion.component.ts
index abef95c..3eab9c0 100644
--- a/frontend/src/app/taskgroups/taskgroup-deletion/taskgroup-deletion.component.ts
+++ b/frontend/src/app/taskgroups/taskgroup-deletion/taskgroup-deletion.component.ts
@@ -1,7 +1,7 @@
 import {Component, Inject, OnInit} from '@angular/core';
-import {MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA, MatLegacyDialogRef as MatDialogRef} from "@angular/material/legacy-dialog";
+import {MAT_DIALOG_DATA as MAT_DIALOG_DATA, MatDialogRef as MatDialogRef} from "@angular/material/dialog";
 import {TaskgroupEntityInfo, TaskgroupService} from "../../../api";
-import {MatLegacySnackBar as MatSnackBar} from "@angular/material/legacy-snack-bar";
+import {MatSnackBar as MatSnackBar} from "@angular/material/snack-bar";
 
 @Component({
   selector: 'app-taskgroup-deletion',
diff --git a/frontend/src/app/tasks/task-editor/task-editor.component.html b/frontend/src/app/tasks/task-editor/task-editor.component.html
index f5af9a7..7f531cf 100644
--- a/frontend/src/app/tasks/task-editor/task-editor.component.html
+++ b/frontend/src/app/tasks/task-editor/task-editor.component.html
@@ -9,7 +9,6 @@
     <mat-label>ETA</mat-label>
     <input matInput type="number" [formControl]="etaCtrl" min="0">
   </mat-form-field>
- <!--
   <mat-form-field>
     <mat-label>Startdate</mat-label>
     <input matInput [matDatepicker]="startpicker">
@@ -23,5 +22,5 @@
     <mat-hint>MM/DD/YYYY</mat-hint>
     <mat-datepicker-toggle matIconSuffix [for]="deadlinepicker"></mat-datepicker-toggle>
     <mat-datepicker #deadlinepicker></mat-datepicker>
-  </mat-form-field>-->
+  </mat-form-field>
 </div>
diff --git a/frontend/src/app/user-settings/account-settings/change-password/change-password.component.ts b/frontend/src/app/user-settings/account-settings/change-password/change-password.component.ts
index 804bd75..1796a8e 100644
--- a/frontend/src/app/user-settings/account-settings/change-password/change-password.component.ts
+++ b/frontend/src/app/user-settings/account-settings/change-password/change-password.component.ts
@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import {AbstractControl, UntypedFormControl, ValidationErrors, Validators} from "@angular/forms";
 import {AccountService} from "../../../../api";
-import {MatLegacySnackBar as MatSnackBar} from "@angular/material/legacy-snack-bar";
+import {MatSnackBar as MatSnackBar} from "@angular/material/snack-bar";
 
 @Component({
   selector: 'app-change-password',
diff --git a/frontend/src/app/user-settings/account-settings/delete-account/delete-account.component.ts b/frontend/src/app/user-settings/account-settings/delete-account/delete-account.component.ts
index 8d6f61a..bbb6154 100644
--- a/frontend/src/app/user-settings/account-settings/delete-account/delete-account.component.ts
+++ b/frontend/src/app/user-settings/account-settings/delete-account/delete-account.component.ts
@@ -3,7 +3,7 @@ import {UntypedFormControl, Validators} from "@angular/forms";
 import {AccountService} from "../../../../api";
 import {Router} from "@angular/router";
 import {AuthService} from "../../../auth.service";
-import {MatLegacySnackBar as MatSnackBar} from "@angular/material/legacy-snack-bar";
+import {MatSnackBar as MatSnackBar} from "@angular/material/snack-bar";
 
 @Component({
   selector: 'app-delete-account',
diff --git a/frontend/src/app/user-settings/account-settings/manage-email/manage-email.component.ts b/frontend/src/app/user-settings/account-settings/manage-email/manage-email.component.ts
index ac21a2f..2cfcec3 100644
--- a/frontend/src/app/user-settings/account-settings/manage-email/manage-email.component.ts
+++ b/frontend/src/app/user-settings/account-settings/manage-email/manage-email.component.ts
@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import {AccountService} from "../../../../api";
 import {UntypedFormControl, Validators} from "@angular/forms";
-import {MatLegacySnackBar as MatSnackBar} from "@angular/material/legacy-snack-bar";
+import {MatSnackBar as MatSnackBar} from "@angular/material/snack-bar";
 
 @Component({
   selector: 'app-manage-email',