DatePicker

API

DatePicker

Ref-objekti palauttaa funktio-kutsut päivämääräarvon tyhjentämiseen ja päivittämiseen komponentin ulkopuolelta käsin.

• calendarDefaultMonth

  Tyyppi: DatePickerValue

  Kuukausi, johon kalenteri aukeaa (Date-objekti tai tekstimuotoinen arvo ("YYYY-MM"))

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen

• defaultValue

  Tyyppi: DatePickerValue

  Päivämäärävalinnan oletusarvo

• disablePast

  Tyyppi: boolean

  Estä kuluvaa päivää aiempi valinta

• disabled

  Tyyppi: boolean

  Estetty kenttä

• disabledDates

  Tyyppi: DisabledDates | DisabledDates[]

  Päivämääräarvot, joiden valinta on estetty

• errorText

  Tyyppi: { invalidFormat?: string; dateDisabled?: string; notInRange?: string; defaultError?: string; }

  Kentän virheilmoitusteksti, asetetaan virhetyypin mukaan.

• fixedCalendarHeight

  Tyyppi: boolean

  Oletusarvo: true

  Näytä kalenterissa aina 6 viikkoa, jotta sen korkeus ei muutu kuukautta vaihdettaessa

• fromDate

  Tyyppi: DatePickerValue

  Päivämäärä, josta alkaen valintoja voidaan tehdä (Date-objekti tai tekstimuotoinen arvo ("YYYY-MM-DD"))

• helpText

  Tyyppi: string

  Kentän täyttöohje, joka näytetään kentän yläpuolella.

• id

  Tyyppi: string

  Päivämäärän valintakentän (input) id

• infoText

  Tyyppi: string

  Kentän aputeksti, joka näytetään kentän alapuolella.

• inputRef

  Tyyppi: Ref<HTMLInputElement>

  Komponentin input-elementille välitettävä ref

• inputTestId

  Tyyppi: string

  Komponentin input-kentän data-testid -attribuuttiin välitettävä arvo testausta varten

• inputWidth

  Tyyppi: (children: ReactNode) => ReactElement<any, string | JSXElementConstructor<any>>

  Kentän leveys (asetetaan antamalla palstaelementti)

• invalid

  Tyyppi: boolean

  Oletusarvo: false

  Virheellisen kentän korostus

• labelText

  Tyyppi: ReactNode

  Kentän nimilappu

• leftCol

  Tyyppi: (children: ReactNode) => ReactElement<any, string | JSXElementConstructor<any>>

  Vasen palsta

• localization

  Tyyppi: Partial<DatePickerLocalization>

  Kalenterinäkymän lokalisointi

• onBlur

  Tyyppi: (event: FocusEvent<HTMLElement, Element>) => void

  Päivämäärävalinnan input-kentän onBlur-käsittelijä

• onChange

  Tyyppi: (dateValue: string) => void

  Päivämäärävalinnan päivittyessä kutsuttava callback-funktio

• onError

  Tyyppi: (isInvalid: boolean, errorType: DatePickerErrorType, value: string) => void

  Virhetilan päivittyessä kutsuttava callback-funktio

• placeholder

  Tyyppi: string

  Oletusarvo: pp.kk.vvvv

  Input-kentän placeholder-teksti

• ref

  Tyyppi: Ref<DatePickerRef>

  Ref-objekti palauttaa funktio-kutsut päivämääräarvon tyhjentämiseen ja päivittämiseen komponentin ulkopuolelta käsin

• required

  Tyyppi: boolean

  Oletusarvo: false

  Pakollisen kentän korostus

• requiredLabel

  Tyyppi: string

  'Pakollinen tieto' -teksti

• showDropdownNavigation

  Tyyppi: boolean

  Näytä kalenterinäkymässä vuosi- ja kuukausivalinta alasvetovalikossa. (Huom! Vaatii että "fromDate" ja "toDate" -propeille on asetettu arvot rajoittamaan sallittua valintaa).

• showLeadingZeros

  Tyyppi: boolean

  Oletusarvo: true

  Hallitsee etunollien näyttämistä input-kenttään asetetussa päivämääräarvossa ("01.01.2022" vs "1.1.2022"). Oletuksena etunollat näytetään.

• showWeekNumbers

  Tyyppi: boolean

  Näytä viikkonumerot kalenterissa

• size

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

  Oletusarvo: md

  Mukautettu komponentin kokoluokka

• testId

  Tyyppi: string

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

• toDate

  Tyyppi: DatePickerValue

  Päivämäärä, johon asti valintoja voidaan tehdä (Date-objekti tai tekstimuotoinen arvo ("YYYY-MM-DD"))

• util

  Poistuva

  Tyyppi: string

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

DateRangePicker

Ref-objekti palauttaa funktio-kutsut päivämääräarvon tyhjentämiseen ja päivittämiseen komponentin ulkopuolelta käsin.

• calendarDefaultMonth

  Tyyppi: DatePickerValue

  Kuukausi, johon kalenteri aukeaa (Date-objekti tai tekstimuotoinen arvo ("YYYY-MM"))

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen

• defaultValue

  Tyyppi: DateRangePickerValue

  Päivämäärävälin valinnan oletusarvo

• disablePast

  Tyyppi: boolean

  Estä kuluvaa päivää aiempi valinta

• disabled

  Tyyppi: boolean

  Estetty kenttä

• errorText

  Tyyppi: (inputType?: "from" | "to") => { invalidFormat?: string; notInRange?: string; invalidRelation?: string; invalidRange?: string; defaultError?: string; }

  Kentän virheilmoitusteksti, asetetaan virhetyypin mukaan. Mikäli halutaan hallita input-kenttien ja virheilmoitusten tulostusta renderInputs-propilla, voidaan asettaa arvoksi null, jolloin virheilmoitusta ei tulosteta komponentin sisällä.

• fixedCalendarHeight

  Tyyppi: boolean

  Oletusarvo: true

  Näytä kalenterissa aina 6 viikkoa, jotta sen korkeus ei muutu kuukautta vaihdettaessa

• fromDate

  Tyyppi: DatePickerValue

  Päivämäärä, josta alkaen valintoja voidaan tehdä (Date-objekti tai tekstimuotoinen arvo ("YYYY-MM-DD"))

• fromInputTestId

  Tyyppi: string

  Komponentin ensimmäisen input-kentän data-testid -attribuuttiin välitettävä arvo testausta varten

• helpText

  Tyyppi: string

  Kentän täyttöohje, joka näytetään kentän yläpuolella.

• infoText

  Tyyppi: string

  Kentän aputeksti, joka näytetään kentän alapuolella.

• invalid

  Tyyppi: { from?: boolean; to?: boolean; }

  Virheellisen kentän korostus

• labelText

  Tyyppi: ReactNode

  Kentän nimilappu

• leftCol

  Tyyppi: (children: ReactNode) => ReactElement<any, string | JSXElementConstructor<any>>

  Vasen palsta

• localization

  Tyyppi: Partial<DatePickerLocalization>

  Kalenterinäkymän lokalisointi

• onChange

  Tyyppi: (dateRangeValue: { from: string; to: string; }) => void

  Päivämäärävalinnan päivittyessä kutsuttava callback-funktio

• onError

  Tyyppi: (fromIsInvalid: boolean, toIsInvalid: boolean, errorType: DateRangePickerErrorType, inputValues: { from: string; to: string; }) => void

  Virhetilan päivittyessä kutsuttava callback-funktio

• placeholder

  Tyyppi: string

  Oletusarvo: pp.kk.vvvv

  Input-kentän placeholder-teksti

• ref

  Tyyppi: Ref<DatePickerRef>

  Ref-objekti palauttaa funktio-kutsut päivämääräarvon tyhjentämiseen ja päivittämiseen komponentin ulkopuolelta käsin

• renderInputs

  Tyyppi: (FromInput: any, ToInput: any, fromInputProps: any, toInputProps: any, calendarButton: any, errorTextId: any, errorText: any) => ReactElement<any, string | JSXElementConstructor<any>>

  Päivämäärävälin valinnan input-elementtien render-funktio

• required

  Tyyppi: boolean

  Oletusarvo: false

  Pakollisen kentän korostus

• requiredLabel

  Tyyppi: string

  'Pakollinen tieto' -teksti

• showDropdownNavigation

  Tyyppi: boolean

  Näytä kalenterinäkymässä vuosi- ja kuukausivalinta alasvetovalikossa. (Huom! Vaatii että "fromDate" ja "toDate" -propeille on asetettu arvot rajoittamaan sallittua valintaa).

• showLeadingZeros

  Tyyppi: boolean

  Oletusarvo: true

  Hallitsee etunollien näyttämistä input-kenttään asetetussa päivämääräarvossa ("01.01.2022" vs "1.1.2022"). Oletuksena etunollat näytetään.

• showWeekNumbers

  Tyyppi: boolean

  Näytä viikkonumerot kalenterissa

• size

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

  Oletusarvo: md

  Mukautettu komponentin kokoluokka

• testId

  Tyyppi: string

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

• toDate

  Tyyppi: DatePickerValue

  Päivämäärä, johon asti valintoja voidaan tehdä (Date-objekti tai tekstimuotoinen arvo ("YYYY-MM-DD"))

• toInputTestId

  Tyyppi: string

  Komponentin toisen input-kentän 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.