Fix: date selector

src/app/app.component.html

@@ -20,8 +20,8 @@
       <input
         type="date"
         id="date"
-        [ngModel]="selectedDate | date:'yyyy-MM-dd'"
+        [value]="formattedDate"
-        (ngModelChange)="onDateChange($event)"
+        (change)="onDateChange($event)"
         [max]="maxDate">
     </div>
   </div>
@@ -67,3 +67,4 @@
       </table>
     </div>
   }
+</div>

src/app/app.component.ts

@@ -58,13 +58,21 @@ export class AppComponent implements OnInit {
     this.loadPriceData();
   }
 
-  onDateChange(event: any) {
+  onDateChange(event: Event) {
-    this.selectedDate = new Date(event.target.value);
+    // Fix: properly handle date input event
-    this.loadPriceData();
+    const inputElement = event.target as HTMLInputElement;
+    if (inputElement.value) {
+      this.selectedDate = new Date(inputElement.value);
+      this.loadPriceData();
+    }
   }
 
   get maxDate(): string {
     const today = new Date();
     return today.toISOString().split('T')[0];
   }
+
+  get formattedDate(): string {
+    return this.selectedDate.toISOString().split('T')[0];
+  }
 }