Date Picker Week
5.2.15
The Date Picker Week lets the user select a date in a calendar week format.
| Namn | Typ | Beskrivning |
|---|---|---|
autoSelect | boolean | Auto focus date picker button after animation |
customAttribute | { attribute: string; value: string |
number } | Prop for test. Clickable and requested subcomponents will get suffixed with "-[ComponentName]" |
disabledDates | string[] | |
isLoading | boolean | If true, a loading skeleton will be rendered instead of the component. |
lang | InputLanguage | Language used for internal translations. |
maxDate | string | |
minDate | string | |
numberOfDays | "11" |
"7" |
"9" |
"13" |
"15" |
"17" | |
onAnimationStart | (dates: string[]) => void | |
onChange * | (value: string) => void | |
showCalendarButton | boolean | |
showDateString | boolean | |
showNavButtons | boolean | Show prev/next navigation buttons |
value * | string |
npm install @sj-ab/component-library.ui.date-picker-weekAdaptive design
Semantik
DatePickerWeek presenteras för hjälpmedel som en uppsättning med knappar:
Dagar som redan varit och som är nedgråade är dolda helt och hållet för hjälpmedel med aria-hidden
Responsivitet och textförstoring
Date Picker Week kan hantera textförstoring på olika skärmbredder genom att automatiskt anpassa antalet dagar som visas. På små skärmar visas färre dagar och på större skärmar visas fler i mån av plats.
Importer av Date Picker Week
Repos med Date Picker Week
Senaste installerade version av Date Picker Week
Äldsta installerade version av Date Picker Week