Implement custom date input

web/src/components/TransactionEditRow.vue

@@ -2,6 +2,7 @@
 import { computed } from "vue";
 import Autocomplete from './Autocomplete.vue'
 import { useAccountStore } from '../stores/budget-account'
+import DateInput from "./DateInput.vue";
 
 const props = defineProps<{
     transactionid: string
@@ -31,7 +32,7 @@ function saveTransaction(e: MouseEvent) {
 <template>
     <tr>
         <td style="width: 90px;" class="text-sm">
-            <input class="border-b-2 border-black" type="date" v-model="Transaction.Date" />
+            <DateInput class="border-b-2 border-black" v-model="Transaction.Date" />
         </td>
         <td style="max-width: 150px;">
             <Autocomplete v-model:text="Transaction.Payee" v-model:id="Transaction.PayeeID" type="payees" />