CAL-1556: Alignment of current day dot in datepicker. (#8663)

pull/8637/head
Jeroen Reumkens 2023-05-04 11:53:50 +01:00 committed by GitHub
parent 2b49d96e4a
commit 4267c9063b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 1 deletions

View File

@ -44,6 +44,7 @@ export const Day = ({
active: boolean;
date: Dayjs;
}) => {
const { t } = useLocale();
const enabledDateButtonEmbedStyles = useEmbedStyles("enabledDateButton");
const disabledDateButtonEmbedStyles = useEmbedStyles("disabledDateButton");
return (
@ -64,7 +65,9 @@ export const Day = ({
{...props}>
{date.date()}
{date.isToday() && (
<span className="absolute left-0 right-0 bottom-0 h-2/5 align-middle text-4xl leading-[0rem]">.</span>
<span className="absolute left-1/2 top-1/2 flex h-[5px] w-[5px] translate-y-[8px] -translate-x-1/2 items-center justify-center rounded-full bg-white align-middle sm:translate-y-[12px]">
<span className="sr-only">{t("today")}</span>
</span>
)}
</button>
);