TimeInput

React API

TimeInput

Ref-prop välitetään komponentin input-elementille.

• addonAfter

  Tyyppi: Element

  Kenttään sidottu teksti (InputText) tai painike, kentän lopussa.

• addonBefore

  Tyyppi: Element

  Kenttään sidottu teksti (InputText) tai painike, kentän alussa.

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• errorTexts

  Tyyppi: Partial<Record<TimeValidatorErrorType, string>>

  Virheviestien lokalisointi.

• forceAddon

  Tyyppi: boolean

  Käyttää samaa HTML-rakennetta kuin addonBefore- ja addonAfter-proppien kanssa.

• htmlSize

  Tyyppi: number

  Natiivi HTML size-attribuutti, joka välitetään input-kentälle.

• inputClassName

  Tyyppi: string

  Aina input-kentälle välitettävä CSS-luokka, kun käytössä on addonBefore- tai addonAfter-propit.

• internal

  Tyyppi: InputInternalProps

  Asetuksia, joita KDS-kirjasto käyttää pääasiassa sisäisesti. Vältä käyttöä sovelluksissa.

• invalid

  Tyyppi: boolean

  Virhetilanteen korostus

• onChange

  Tyyppi: (event: ChangeEvent<HTMLInputElement>, validity?: TimeValidatorResult) => void

  Callback-funktio, jota kutsutaan input-kentän arvon muuttuessa. Parametreina input-kentän arvo ja TimeInputValidationResult.

• ref

  Tyyppi: Ref<HTMLInputElement>

• size

  Tyyppi: "xs" | "sm" | "md"

  Mukautettu komponentin kokoluokka

• testId

  Tyyppi: string

  Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.

• withSeconds

  Tyyppi: boolean

  Oletusarvo: false

  Mahdollistaa sekuntien syöttämisen kentälle