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

feat(LOY-169): use new filter select for country select

Browse Source 
standardised colors on error messages

fixed error validation on date field

removed duplicates in country list
This commit is contained in:
Christian Andolf
2025-04-17 13:17:06 +02:00
parent ba2198b77f
commit c773dc3dfc
9 changed files with 60 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/scandic-web/components/TempDesignSystem/Form/Date/index.tsx
View File

@@ -22,7 +22,7 @@ export default function DateSelect({ name, registerOptions = {} }: DateProps) {
const lang = useLang()
const { control, setValue, formState, watch } = useFormContext()
const { field } = useController({
const { field, fieldState } = useController({
control,
name,
rules: registerOptions,
@@ -127,6 +127,8 @@ export default function DateSelect({ name, registerOptions = {} }: DateProps) {
onSelectionChange={(key) => setValue(DateName.day, Number(key))}
isRequired
enableFiltering
isInvalid={fieldState.invalid}
onBlur={field.onBlur}
defaultSelectedKey={dateValue?.day}
/>
</div>
@@ -140,6 +142,8 @@ export default function DateSelect({ name, registerOptions = {} }: DateProps) {
onSelectionChange={(key) => setValue(DateName.month, Number(key))}
isRequired
enableFiltering
isInvalid={fieldState.invalid}
onBlur={field.onBlur}
defaultSelectedKey={dateValue?.month}
/>
</div>
@@ -153,6 +157,8 @@ export default function DateSelect({ name, registerOptions = {} }: DateProps) {
onSelectionChange={(key) => setValue(DateName.year, Number(key))}
isRequired
enableFiltering
isInvalid={fieldState.invalid}
onBlur={field.onBlur}
defaultSelectedKey={dateValue?.year}
/>
</div>