Siirry sisältöön

14.5.0

Luonnos

TimeInput

Komponentti kellonajan valintaan.

Julkaistu versiossa 13.3.0

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

    Utility-luokat ulkoasun muokkaamiseen

  • errorTexts

    Tyyppi: Partial<Record<TimeValidatorErrorType, string>>

    Virheviestien lokalisointi.

  • htmlSize

    Tyyppi: number

    Natiivi html ´size´-attribuutti joka välitetään input kentälle

  • invalid

    Tyyppi: boolean

    Virhetilanteen korostus

  • onBlur

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

    Callback-funktio, jota kutsutaan kun kohdistus siirtyy pois input-kentästä. Parametreina FocusEvent ja TimeInputValidationResult.

  • onChange

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

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

  • onClick

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

    Callback-funktio, jota kutsutaan input-kenttään kohdistuu klikkaus. Parametreina MouseEvent ja TimeInputValidationResult.

  • onFocus

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

    Callback-funktio, jota kutsutaan kun kohdistus siirtyy input-kenttään. Parametreina FocusEvent ja TimeInputValidationResult.

  • onKeyDown

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

    Callback-funktio, jota kutsutaan kun näppäin on painettu alas. Parametreina KeyboardEvent ja TimeInputValidationResult.

  • onKeyUp

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

    Callback-funktio, jota kutsutaan kun painettu näppäin nousee ylös. Parametreina KeyboardEvent 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

  • util

    Poistuva

    Tyyppi: string

    Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.

  • withSeconds

    Tyyppi: boolean

    Oletusarvo: false

    Mahdollistaa sekunttien syöttämisen kentälle