public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/features/calendars/DatePicker.tsx
View File

@ -44,6 +44,7 @@ export const Day = ({
active: boolean; active: boolean;
date: Dayjs; date: Dayjs;
}) => { }) => {
const { t } = useLocale();
const enabledDateButtonEmbedStyles = useEmbedStyles("enabledDateButton"); const enabledDateButtonEmbedStyles = useEmbedStyles("enabledDateButton");
const disabledDateButtonEmbedStyles = useEmbedStyles("disabledDateButton"); const disabledDateButtonEmbedStyles = useEmbedStyles("disabledDateButton");
return ( return (
@ -64,7 +65,9 @@ export const Day = ({
{...props}> {...props}>
{date.date()} {date.date()}
{date.isToday() && ( {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> </button>
); );