toSignal via Gemini

bookie/src/app/sales/bill-number/bill-number.component.ts

@@ -1,6 +1,6 @@
 import { ScrollingModule } from '@angular/cdk/scrolling';
-import { Component, OnInit, inject } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { Component, OnInit, inject, signal } from '@angular/core';
+import { form, FormField } from '@angular/forms/signals';
 import { MatButtonModule } from '@angular/material/button';
 import { MatOptionModule } from '@angular/material/core';
 import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
@@ -10,6 +10,11 @@ import { MatSelectModule } from '@angular/material/select';
 
 import { Regime } from '../../core/regime';
 
+export interface BillNumberFormData {
+  regime: Regime | null;
+  billNumber: number | null;
+}
+
 @Component({
   selector: 'app-bill-number',
   templateUrl: './bill-number.component.html',
@@ -21,18 +26,19 @@ import { Regime } from '../../core/regime';
     MatInputModule,
     MatOptionModule,
     MatSelectModule,
-    ReactiveFormsModule,
+    FormField,
     ScrollingModule,
   ],
 })
 export class BillNumberComponent implements OnInit {
-  dialogRef = inject<MatDialogRef<BillNumberComponent>>(MatDialogRef);
   data = inject(MAT_DIALOG_DATA);
+  dialogRef = inject<MatDialogRef<BillNumberComponent>>(MatDialogRef);
+  formModel = signal<BillNumberFormData>({
+    regime: null,
+    billNumber: null,
+  });
 
-  form: FormGroup<{
-    regime: FormControl<Regime | null>;
-    billNumber: FormControl<number>;
-  }>;
+  form = form(this.formModel);
 
   regimes: Regime[] = [];
 
@@ -41,21 +47,17 @@ export class BillNumberComponent implements OnInit {
 
     this.regimes = data;
     // Create form
-    this.form = new FormGroup({
-      regime: new FormControl<Regime | null>(null),
-      billNumber: new FormControl<number>(0, { nonNullable: true }),
-    });
   }
 
   ngOnInit() {
-    this.form.setValue({
+    this.formModel.set({
       regime: null,
       billNumber: 0,
     });
   }
 
   accept(): void {
-    const formValue = this.form.value;
+    const formValue = this.formModel();
     const billNumber = formValue.billNumber ?? 0;
     const regime = formValue.regime ?? null;
     if (regime == null) {