11import { useState } from 'react'
2- import { Button , Input , FormFieldLayout , CheckboxUncontrolled } from '@helpwave/hightide'
2+ import { Button , Input , FormFieldLayout , Checkbox } from '@helpwave/hightide'
33import type { KcContext } from '../KcContext'
44import { useI18n } from '../i18n'
55import Template from 'keycloakify/login/Template'
@@ -93,7 +93,8 @@ export default function Login({ kcContext }: LoginProps) {
9393 name = "username"
9494 type = "text"
9595 value = { username }
96- onChange = { ( e ) => setUsername ( e . target . value ) }
96+ onValueChange = { ( v ) => setUsername ( v ) }
97+ onEditComplete = { ( ) => { } }
9798 autoFocus
9899 autoComplete = "username"
99100 required
@@ -116,7 +117,8 @@ export default function Login({ kcContext }: LoginProps) {
116117 name = "password"
117118 type = "password"
118119 value = { password }
119- onChange = { ( e ) => setPassword ( e . target . value ) }
120+ onValueChange = { ( v ) => setPassword ( v ) }
121+ onEditComplete = { ( ) => { } }
120122 autoComplete = "current-password"
121123 required
122124 { ...ariaAttributes }
@@ -127,9 +129,9 @@ export default function Login({ kcContext }: LoginProps) {
127129
128130 { kcContext . realm ?. rememberMe && (
129131 < div style = { { display : 'flex' , alignItems : 'center' , gap : '0.5rem' } } >
130- < CheckboxUncontrolled
132+ < Checkbox
131133 value = { rememberMe }
132- onValueChange = { ( value ) => setRememberMe ( value ) }
134+ onValueChange = { ( value : boolean ) => setRememberMe ( value ) }
133135 onEditComplete = { ( ) => { } }
134136 size = "md"
135137 />
0 commit comments