scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: only phrasing content is allowed inside buttons meaning no div or p elements, these are now replaced by span

Browse Source
This commit is contained in:
Christian Andolf
2024-10-25 15:44:30 +02:00
parent 0036fa1a68
commit 69ed852fc4
12 changed files with 56 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/DatePicker/Screen/Desktop.tsx
View File

@@ -82,8 +82,8 @@ export default function DatePickerDesktop({
size="small"
theme="base"
>
<Caption color="white" type="bold">
{intl.formatMessage({ id: "Select dates" })}
<Caption color="white" type="bold" asChild>
<span>{intl.formatMessage({ id: "Select dates" })}</span>
</Caption>
</Button>
</footer>

4
components/DatePicker/Screen/Mobile.tsx
View File

@@ -94,8 +94,8 @@ export default function DatePickerMobile({
size="large"
theme="base"
>
<Body color="white" textTransform="bold">
{intl.formatMessage({ id: "Select dates" })}
<Body color="white" textTransform="bold" asChild>
<span>{intl.formatMessage({ id: "Select dates" })}</span>
</Body>
</Button>
<div className={styles.backdrop} />

6
components/DatePicker/index.tsx
View File

@@ -89,8 +89,10 @@ export default function DatePickerForm({ name = "date" }: DatePickerFormProps) {
return (
<div className={styles.container} data-isopen={isOpen} ref={ref}>
<button className={styles.btn} onClick={handleOnClick} type="button">
<Body className={styles.body}>
{selectedFromDate} - {selectedToDate}
<Body className={styles.body} asChild>
<span>
{selectedFromDate} - {selectedToDate}
</span>
</Body>
</button>
<input {...register("date.fromDate")} type="hidden" />