TimeInput

React API

TimeInput

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

• addonAfter

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

  Tyyppi: Element

• addonBefore

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

  Tyyppi: Element

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• errorTexts

  Virheviestien lokalisointi.

  Tyyppi: Partial<Record<TimeValidatorErrorType, string>>

• forceAddon

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

  Tyyppi: boolean

• htmlSize

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

  Tyyppi: number

• inputClassName

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

  Tyyppi: string

• internal

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

  Tyyppi: InputInternalProps

• invalid

  Virhetilanteen korostus

  Tyyppi: boolean

• onChange

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

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

• ref

  Tyyppi: Ref<HTMLInputElement>

• size

  Mukautettu komponentin kokoluokka

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

• testId

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

  Tyyppi: string

• withSeconds

  Mahdollistaa sekuntien syöttämisen kentälle

  Tyyppi: boolean

  Oletusarvo: false