Tria/emaui
1
0
Fork 0
mirror of https://github.com/Tria-plc/emaui.git synced 2026-08-26 19:12:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

date picker

Browse Source
This commit is contained in:
estifanos
2026-07-28 07:58:00 +00:00
parent 86696d1c6f
commit 4a02a4fa8f
1 changed files with 25 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
apps/portal/src/app/components/AmharicDatePicker.css
View File

@@ -3,6 +3,8 @@
no border/box affordance and a hardcoded blue chevron. */ no border/box affordance and a hardcoded blue chevron. */
.amharic-daypicker { .amharic-daypicker {
--rdp-accent-color: var(--mantine-primary-color-filled); --rdp-accent-color: var(--mantine-primary-color-filled);
--rdp-nav_button-width: 2.75rem;
--rdp-nav_button-height: 2.75rem;
} }
.amharic-daypicker .rdp-dropdowns { .amharic-daypicker .rdp-dropdowns {
@@ -27,12 +29,34 @@
color: var(--mantine-color-text); color: var(--mantine-color-text);
} }
.amharic-daypicker .rdp-chevron { .amharic-daypicker .rdp-dropdown_root .rdp-chevron {
width: 12px; width: 12px;
height: 12px; height: 12px;
fill: var(--mantine-color-dimmed); fill: var(--mantine-color-dimmed);
} }
/* Prev/next month buttons: bigger tap target + visible button box (border,
background, accent-colored chevron) instead of the default bare, tiny
blue arrow — the dropdown captions replaced them as the primary nav, so
they need to stay easy to spot and hit. */
.amharic-daypicker .rdp-button_previous,
.amharic-daypicker .rdp-button_next {
border: 1px solid var(--mantine-color-default-border);
border-radius: var(--mantine-radius-sm);
background-color: var(--mantine-color-body);
}
.amharic-daypicker .rdp-button_previous:not([aria-disabled='true']):hover,
.amharic-daypicker .rdp-button_next:not([aria-disabled='true']):hover {
background-color: var(--mantine-color-default-hover);
}
.amharic-daypicker .rdp-nav .rdp-chevron {
width: 20px;
height: 20px;
fill: var(--mantine-primary-color-filled);
}
.amharic-daypicker .rdp-month_caption { .amharic-daypicker .rdp-month_caption {
font-size: inherit; font-size: inherit;
font-weight: 600; font-weight: 600;