fix: use React Textbox for ComboboxInput

delta10 · Dec 23, 2024 · 34ec46e · 34ec46e
1 parent c59ab2a
commit 34ec46e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/index.ts b/src/components/index.ts
@@ -39,6 +39,7 @@ export {
   SecondaryActionButton,
   UnorderedList,
   UnorderedListItem,
+  Textbox,
 } from '@utrecht/component-library-react/dist/css-module'
 
 export { RadioGroup } from '@utrecht/radio-group-react'

diff --git a/src/components/ui/AddressCombobox.tsx b/src/components/ui/AddressCombobox.tsx
@@ -13,7 +13,7 @@ import React, {
 } from 'react'
 import { useConfig } from '@/hooks/useConfig'
 import { getSuggestedAddresses } from '@/services/location/address'
-import { Listbox, ListboxOption, StatusText } from '@/components/index'
+import { Listbox, ListboxOption, StatusText, Textbox } from '@/components/index'
 // Import the Select Combobox component for the side-effects of injecting CSS
 // for related components, such as Textbox and Listbox.
 import '@utrecht/select-combobox-react/dist/css'
@@ -106,7 +106,7 @@ export const AddressCombobox = ({
     <Combobox value={formState.address} onChange={onChangeAddress}>
       <ComboboxInput
         aria-label="Adres"
-        className={'utrecht-textbox utrecht-textbox--html-input'}
+        as={Textbox}
         displayValue={(address: any) => address?.weergave_naam}
         name="address"
         onChange={(event) => setQuery(event.target.value)}