diff --git a/src/app/app.component.html b/src/app/app.component.html
index 2c16ce5..f7d1143 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -20,8 +20,8 @@
       <input
         type="date"
         id="date"
-        [ngModel]="selectedDate | date:'yyyy-MM-dd'"
-        (ngModelChange)="onDateChange($event)"
+        [value]="formattedDate"
+        (change)="onDateChange($event)"
         [max]="maxDate">
     </div>
   </div>
@@ -67,3 +67,4 @@
       </table>
     </div>
   }
+</div>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 8e98ba0..d99bab6 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -58,13 +58,21 @@ export class AppComponent implements OnInit {
     this.loadPriceData();
   }
 
-  onDateChange(event: any) {
-    this.selectedDate = new Date(event.target.value);
-    this.loadPriceData();
+  onDateChange(event: Event) {
+    // Fix: properly handle date input event
+    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];
+  }
 }