diff --git a/libs/ui/src/lib/input/AmharicDatePicker.css b/libs/ui/src/lib/input/AmharicDatePicker.css
index 9dce88905..341bf3ed3 100644
--- a/libs/ui/src/lib/input/AmharicDatePicker.css
+++ b/libs/ui/src/lib/input/AmharicDatePicker.css
@@ -171,6 +171,43 @@
   color: var(--mantine-color-white);
 }
 
+/* Today indicator — a solid accent-coloured ring that stays clearly visible
+   in both light and dark themes. The border uses the primary filled colour so
+   it stands out against the popup background on either scheme. The text gets
+   the primary colour so the digit is unambiguously "special" even without the
+   ring being thick. */
+.amharic-daypicker .rdp-today .rdp-day_button {
+  border: 2px solid var(--mantine-primary-color-filled) !important;
+  color: var(--mantine-primary-color-filled);
+  font-weight: 700;
+}
+
+/* When today is also the selected day, keep the filled background but add a
+   contrasting inner ring so the "today" mark isn't lost. */
+.amharic-daypicker .rdp-today.rdp-selected .rdp-day_button {
+  background-color: var(--mantine-primary-color-filled);
+  border-color: var(--mantine-primary-color-filled) !important;
+  color: var(--mantine-color-white);
+  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
+}
+
+/* Dark-mode: use a bright filled background so the "today" cell is
+   immediately visible on dark popup surfaces where a thin ring alone
+   would disappear into the background. */
+[data-mantine-color-scheme='dark'] .amharic-daypicker .rdp-today .rdp-day_button {
+  background-color: var(--mantine-primary-color-light-color, #1c7ed6);
+  border: 2px solid #74c0fc !important;
+  color: #fff;
+  font-weight: 700;
+}
+
+[data-mantine-color-scheme='dark'] .amharic-daypicker .rdp-today.rdp-selected .rdp-day_button {
+  background-color: var(--mantine-primary-color-filled);
+  border: 2px solid #74c0fc !important;
+  color: #fff;
+  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.35);
+}
+
 /* Ensure no scrollbar appears on the datepicker popover dropdown */
 .amharic-daypicker-dropdown {
   overflow: hidden !important;