From 31a2247e97e61e149b8ee5d87f9314474f36a15b Mon Sep 17 00:00:00 2001
From: santidev21 <orsantiago21@gmail.com>
Date: Thu, 1 Oct 2026 16:19:23 -0500
Subject: [PATCH] fix(a11y): label the hidden datepicker input

Web:InputWithoutLabelCheck flagged the hidden matInput in the expense dialog. Reuse the existing EXPENSE.SELECT_DATE translation as its accessible name, matching the button next to it.
---
 .../add-expense-dialog/add-expense-dialog.component.html         | 1 +
 1 file changed, 1 insertion(+)

diff --git a/split-it-ui/src/app/modules/dashboard/components/add-expense-dialog/add-expense-dialog.component.html b/split-it-ui/src/app/modules/dashboard/components/add-expense-dialog/add-expense-dialog.component.html
index 9567643..6c7e0dc 100644
--- a/split-it-ui/src/app/modules/dashboard/components/add-expense-dialog/add-expense-dialog.component.html
+++ b/split-it-ui/src/app/modules/dashboard/components/add-expense-dialog/add-expense-dialog.component.html
@@ -55,6 +55,7 @@ <h2 mat-dialog-title class="heading-xl text-center">{{ 'EXPENSE.ADD_TITLE' | tra
         matInput
         [matDatepicker]="picker"
         [value]="selectedDate"
+        [attr.aria-label]="'EXPENSE.SELECT_DATE' | translate"
         (dateChange)="onDateChange($event)"
         readonly
         class="hidden-datepicker-input"