Feature: Open bill using bill number

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

@@ -0,0 +1,37 @@
+<mat-dialog-content>
+  <form [formGroup]="form">
+    <div
+      fxLayout="row"
+      fxLayoutAlign="space-around start"
+      fxLayout.lt-md="column"
+      fxLayoutGap="20px"
+      fxLayoutGap.lt-md="0px"
+    >
+      <mat-form-field fxFlex="15">
+        <mat-select formControlName="billType">
+          <mat-option value="0">KOT</mat-option>
+          <mat-option value="1">Regular Bill</mat-option>
+          <mat-option value="4">Staff</mat-option>
+          <mat-option value="2">No Charge</mat-option>
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field fxFlex>
+        <mat-label>Bill Number</mat-label>
+        <input
+          type="text"
+          matInput
+          #billNumber
+          placeholder="Bill Number"
+          formControlName="billNumber"
+          autocomplete="off"
+          (focus)="billNumber.select()"
+          cdkFocusInitial
+        />
+      </mat-form-field>
+    </div>
+  </form>
+</mat-dialog-content>
+<mat-dialog-actions>
+  <button mat-button [mat-dialog-close]="false">Cancel</button>
+  <button mat-button (click)="accept()" color="primary">Ok</button>
+</mat-dialog-actions>