From c79e4cc5faad2db0b6bc27f3dfaaf745af62e9e0 Mon Sep 17 00:00:00 2001
From: estifanos <estifanos.tria@gmail.com>
Date: Wed, 5 Aug 2026 10:21:56 +0000
Subject: [PATCH] feat(AmharicDatePicker): add width prop to align input fields
 in filter bar

---
 .../app/features/license-review/pages/LicenseQueuePage.tsx   | 2 ++
 libs/ui/src/lib/input/AmharicDatePicker.tsx                  | 5 +++++
 2 files changed, 7 insertions(+)

diff --git a/apps/backoffice/src/app/features/license-review/pages/LicenseQueuePage.tsx b/apps/backoffice/src/app/features/license-review/pages/LicenseQueuePage.tsx
index c94ddca88..43e273684 100644
--- a/apps/backoffice/src/app/features/license-review/pages/LicenseQueuePage.tsx
+++ b/apps/backoffice/src/app/features/license-review/pages/LicenseQueuePage.tsx
@@ -501,12 +501,14 @@ export function LicenseQueuePage() {
             value={urlFilter.submittedFrom ?? ''}
             onChange={(v) => setFacet({ submittedFrom: v || undefined })}
             dateFormat="date"
+            w={220}
           />
           <AmharicDatePicker
             label={t('queue.submittedTo', 'Submitted to')}
             value={urlFilter.submittedTo ?? ''}
             onChange={(v) => setFacet({ submittedTo: v || undefined })}
             dateFormat="date"
+            w={220}
           />
           {hasFacets && (
             <Button
diff --git a/libs/ui/src/lib/input/AmharicDatePicker.tsx b/libs/ui/src/lib/input/AmharicDatePicker.tsx
index 43fe79579..70a0a70c7 100644
--- a/libs/ui/src/lib/input/AmharicDatePicker.tsx
+++ b/libs/ui/src/lib/input/AmharicDatePicker.tsx
@@ -167,6 +167,9 @@ export interface AmharicDatePickerProps {
   size?: MantineSize;
   name?: string;
   onBlur?: () => void;
+  /** Width of the input, same as Mantine's `w` on TextInput/Select — needed
+   * to line this field up with siblings in a filter bar. */
+  w?: number | string;
   /** Show a time-of-day field alongside the calendar. Off by default —
    * most callers only need a calendar day. */
   withTime?: boolean;
@@ -188,6 +191,7 @@ export function AmharicDatePicker({
   size,
   name,
   onBlur,
+  w,
   withTime = false,
   dateFormat = 'iso',
 }: AmharicDatePickerProps) {
@@ -232,6 +236,7 @@ export function AmharicDatePicker({
           disabled={disabled}
           size={size}
           name={name}
+          w={w}
           error={error}
           placeholder={placeholder}
           onClick={() => !disabled && toggle()}