@entur/datepicker 8.0.12 → 8.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,13 +1,13 @@
1
- import React from 'react';
2
- import { DateValue } from '@internationalized/date';
3
- import './Calendar.scss';
4
- type CalendarProps = {
5
- selectedDate: DateValue | null;
6
- onChange: (SelectedDate: DateValue | null) => void;
7
- navigationDescription?: string;
8
- style?: React.CSSProperties;
9
- onSelectedCellClick?: () => void;
10
- [key: string]: any;
11
- };
12
- export declare const Calendar: React.ForwardRefExoticComponent<Pick<CalendarProps, keyof CalendarProps> & React.RefAttributes<HTMLDivElement>>;
13
- export {};
1
+ import React from 'react';
2
+ import { DateValue } from '@internationalized/date';
3
+ import './Calendar.scss';
4
+ type CalendarProps = {
5
+ selectedDate: DateValue | null;
6
+ onChange: (SelectedDate: DateValue | null) => void;
7
+ navigationDescription?: string;
8
+ style?: React.CSSProperties;
9
+ onSelectedCellClick?: () => void;
10
+ [key: string]: any;
11
+ };
12
+ export declare const Calendar: React.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
+ export {};
@@ -1,10 +1,10 @@
1
- /// <reference types="react" />
2
- import { CalendarState } from '@react-stately/calendar';
3
- import { CalendarDate } from '@internationalized/date';
4
- type CalendarCellProps = {
5
- state: CalendarState;
6
- date: CalendarDate;
7
- onSelectedCellClick?: () => void;
8
- };
9
- export declare const CalendarCell: ({ state, date, onSelectedCellClick, ...rest }: CalendarCellProps) => JSX.Element;
10
- export {};
1
+ import React from 'react';
2
+ import { CalendarState } from '@react-stately/calendar';
3
+ import { CalendarDate } from '@internationalized/date';
4
+ type CalendarCellProps = {
5
+ state: CalendarState;
6
+ date: CalendarDate;
7
+ onSelectedCellClick?: () => void;
8
+ };
9
+ export declare const CalendarCell: ({ state, date, onSelectedCellClick, ...rest }: CalendarCellProps) => React.JSX.Element;
10
+ export {};
@@ -1,9 +1,9 @@
1
- /// <reference types="react" />
2
- import { CalendarState } from '@react-stately/calendar';
3
- type CalendarGridProps = {
4
- state: CalendarState;
5
- navigationDescription?: string;
6
- onSelectedCellClick?: () => void;
7
- };
8
- export declare const CalendarGrid: ({ state, navigationDescription, onSelectedCellClick, ...rest }: CalendarGridProps) => JSX.Element;
9
- export {};
1
+ import React from 'react';
2
+ import { CalendarState } from '@react-stately/calendar';
3
+ type CalendarGridProps = {
4
+ state: CalendarState;
5
+ navigationDescription?: string;
6
+ onSelectedCellClick?: () => void;
7
+ };
8
+ export declare const CalendarGrid: ({ state, navigationDescription, onSelectedCellClick, ...rest }: CalendarGridProps) => React.JSX.Element;
9
+ export {};
@@ -1,45 +1,45 @@
1
- import React from 'react';
2
- import type { SpectrumDateFieldProps, DateValue } from '@react-types/datepicker';
3
- import { VariantType } from '@entur/form';
4
- import './DateField.scss';
5
- export type DateFieldProps = {
6
- /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
7
- selectedDate: DateValue | null;
8
- /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */
9
- onChange: (value: DateValue) => void;
10
- /** Label til TimePicker */
11
- label: string;
12
- /** BCP47-språkkoden til locale-en du ønsker å bruke.
13
- * @default Brukerenhetens selvvalgte locale
14
- */
15
- locale?: string;
16
- /** Viser den gjeldende tidssonen hvis en er valgt
17
- * @default false
18
- */
19
- showTimeZone?: boolean;
20
- showTime?: boolean;
21
- /** Tidligste gyldige datovalg.
22
- * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone */
23
- minDate?: DateValue;
24
- /** Seneste gyldige datovalg. (se minValue) */
25
- maxDate?: DateValue;
26
- /** Varselmelding, som vil komme under TimePicker */
27
- feedback?: string;
28
- /** Valideringsvariant */
29
- variant?: VariantType;
30
- /** Varselmelding som forteller om ugyldig dato
31
- * @default "Ugyldig dato"
32
- */
33
- validationFeedback?: string;
34
- /** Valideringsvariant for melding om ugyldig dato
35
- * @default "error"
36
- */
37
- validationVariant?: VariantType;
38
- labelTooltip?: React.ReactNode;
39
- disabled?: boolean;
40
- /** Ekstra klassenavn */
41
- className?: string;
42
- style?: React.CSSProperties;
43
- [key: string]: any;
44
- } & Omit<SpectrumDateFieldProps<DateValue>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'>;
45
- export declare const DateField: React.ForwardRefExoticComponent<Pick<DateFieldProps, string | number> & React.RefAttributes<HTMLDivElement>>;
1
+ import React from 'react';
2
+ import type { SpectrumDateFieldProps, DateValue } from '@react-types/datepicker';
3
+ import { VariantType } from '@entur/form';
4
+ import './DateField.scss';
5
+ export type DateFieldProps = {
6
+ /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
7
+ selectedDate: DateValue | null;
8
+ /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */
9
+ onChange: (value: DateValue) => void;
10
+ /** Label til TimePicker */
11
+ label: string;
12
+ /** BCP47-språkkoden til locale-en du ønsker å bruke.
13
+ * @default Brukerenhetens selvvalgte locale
14
+ */
15
+ locale?: string;
16
+ /** Viser den gjeldende tidssonen hvis en er valgt
17
+ * @default false
18
+ */
19
+ showTimeZone?: boolean;
20
+ showTime?: boolean;
21
+ /** Tidligste gyldige datovalg.
22
+ * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone */
23
+ minDate?: DateValue;
24
+ /** Seneste gyldige datovalg. (se minValue) */
25
+ maxDate?: DateValue;
26
+ /** Varselmelding, som vil komme under TimePicker */
27
+ feedback?: string;
28
+ /** Valideringsvariant */
29
+ variant?: VariantType;
30
+ /** Varselmelding som forteller om ugyldig dato
31
+ * @default "Ugyldig dato"
32
+ */
33
+ validationFeedback?: string;
34
+ /** Valideringsvariant for melding om ugyldig dato
35
+ * @default "error"
36
+ */
37
+ validationVariant?: VariantType;
38
+ labelTooltip?: React.ReactNode;
39
+ disabled?: boolean;
40
+ /** Ekstra klassenavn */
41
+ className?: string;
42
+ style?: React.CSSProperties;
43
+ [key: string]: any;
44
+ } & Omit<SpectrumDateFieldProps<DateValue>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'>;
45
+ export declare const DateField: React.ForwardRefExoticComponent<Omit<DateFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -1,65 +1,65 @@
1
- import React from 'react';
2
- import type { DateValue, AriaDatePickerProps, MappedDateValue } from '@react-types/datepicker';
3
- import type { VariantType } from '@entur/form';
4
- import './DatePicker.scss';
5
- export type DatePickerProps<DateType extends DateValue> = {
6
- /** Den valgte datoen. Dato i '@internationalized/date'-pakkens format */
7
- selectedDate: DateType | null;
8
- /** Kalles når tiden endres. Dato i '@internationalized/date'-pakkens format */
9
- onChange: (value: MappedDateValue<DateType> | null) => void;
10
- /** Ledetekst for inputfeltet til DatePicker */
11
- label: string;
12
- /** BCP47-språkkoden til locale-en du ønsker å bruke.
13
- * @default Brukerenhetens selvvalgte locale
14
- */
15
- locale?: string;
16
- /** Viser den gjeldende tidssonen hvis en er valgt (krever at tid også vises)
17
- * @default false
18
- */
19
- showTimeZone?: boolean;
20
- /** Viser tidspunkt i tillegg til dato.
21
- * OBS: selectedDate må være av typen CalendarDateTime eller ZonedDateTime
22
- */
23
- showTime?: boolean;
24
- /** Tidligste gyldige datovalg.
25
- * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone. */
26
- minDate?: DateValue;
27
- /** Seneste gyldige datovalg.
28
- * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone
29
- *
30
- * OBS: Hvis du bruker dato med tid vil det være til, men ikke med denne datoen */
31
- maxDate?: DateValue;
32
- /** Funksjon som tar inn en dato og sier om den er utilgjengelig.
33
- * Eks. (date) => isWeekend(date, 'no-NO') == helgedager er ikke tilgjengelig */
34
- isDateUnavailable?: (date: DateValue) => boolean;
35
- /** Varselmelding, som vil komme under DatePicker sitt inputfelt */
36
- feedback?: string;
37
- /** Valideringsvariant */
38
- variant?: VariantType;
39
- /** Varselmelding som forteller om ugyldig dato
40
- * @default "Ugyldig dato"
41
- */
42
- validationFeedback?: string;
43
- /** Valideringsvariant for melding om ugyldig dato
44
- * @default "error"
45
- */
46
- validationVariant?: VariantType;
47
- disabled?: boolean;
48
- /** Hvis true vil kalenderen alltid vises i en popover når den åpnes
49
- * @default false
50
- */
51
- disableModal?: boolean;
52
- /** Maxbredden til viewport-en for at modal skal vises
53
- * @default 1000
54
- */
55
- modalTreshold?: number;
56
- labelTooltip?: React.ReactNode;
57
- /** Skjermlesertest som forklarer navigasjon i kalenderen. Oversettes automatisk for engelsk locale, men ikke andre språk.
58
- * @default 'Bruk piltastene til å navigere mellom datoer'
59
- */
60
- navigationDescription?: string;
61
- /** Ekstra klassenavn */
62
- className?: string;
63
- style?: React.CSSProperties;
64
- } & Omit<AriaDatePickerProps<DateType>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'>;
65
- export declare const DatePicker: <DateType extends DateValue>({ selectedDate: value, onChange, locale, disabled: isDisabled, showTime, showTimeZone, className, style, variant, feedback, validationVariant, validationFeedback, disableModal, labelTooltip, navigationDescription, minDate: minValue, maxDate: maxValue, modalTreshold, ...rest }: DatePickerProps<DateType>) => JSX.Element;
1
+ import React from 'react';
2
+ import type { DateValue, AriaDatePickerProps, MappedDateValue } from '@react-types/datepicker';
3
+ import type { VariantType } from '@entur/form';
4
+ import './DatePicker.scss';
5
+ export type DatePickerProps<DateType extends DateValue> = {
6
+ /** Den valgte datoen. Dato i '@internationalized/date'-pakkens format */
7
+ selectedDate: DateType | null;
8
+ /** Kalles når tiden endres. Dato i '@internationalized/date'-pakkens format */
9
+ onChange: (value: MappedDateValue<DateType> | null) => void;
10
+ /** Ledetekst for inputfeltet til DatePicker */
11
+ label: string;
12
+ /** BCP47-språkkoden til locale-en du ønsker å bruke.
13
+ * @default Brukerenhetens selvvalgte locale
14
+ */
15
+ locale?: string;
16
+ /** Viser den gjeldende tidssonen hvis en er valgt (krever at tid også vises)
17
+ * @default false
18
+ */
19
+ showTimeZone?: boolean;
20
+ /** Viser tidspunkt i tillegg til dato.
21
+ * OBS: selectedDate må være av typen CalendarDateTime eller ZonedDateTime
22
+ */
23
+ showTime?: boolean;
24
+ /** Tidligste gyldige datovalg.
25
+ * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone. */
26
+ minDate?: DateValue;
27
+ /** Seneste gyldige datovalg.
28
+ * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone
29
+ *
30
+ * OBS: Hvis du bruker dato med tid vil det være til, men ikke med denne datoen */
31
+ maxDate?: DateValue;
32
+ /** Funksjon som tar inn en dato og sier om den er utilgjengelig.
33
+ * Eks. (date) => isWeekend(date, 'no-NO') == helgedager er ikke tilgjengelig */
34
+ isDateUnavailable?: (date: DateValue) => boolean;
35
+ /** Varselmelding, som vil komme under DatePicker sitt inputfelt */
36
+ feedback?: string;
37
+ /** Valideringsvariant */
38
+ variant?: VariantType;
39
+ /** Varselmelding som forteller om ugyldig dato
40
+ * @default "Ugyldig dato"
41
+ */
42
+ validationFeedback?: string;
43
+ /** Valideringsvariant for melding om ugyldig dato
44
+ * @default "error"
45
+ */
46
+ validationVariant?: VariantType;
47
+ disabled?: boolean;
48
+ /** Hvis true vil kalenderen alltid vises i en popover når den åpnes
49
+ * @default false
50
+ */
51
+ disableModal?: boolean;
52
+ /** Maxbredden til viewport-en for at modal skal vises
53
+ * @default 1000
54
+ */
55
+ modalTreshold?: number;
56
+ labelTooltip?: React.ReactNode;
57
+ /** Skjermlesertest som forklarer navigasjon i kalenderen. Oversettes automatisk for engelsk locale, men ikke andre språk.
58
+ * @default 'Bruk piltastene til å navigere mellom datoer'
59
+ */
60
+ navigationDescription?: string;
61
+ /** Ekstra klassenavn */
62
+ className?: string;
63
+ style?: React.CSSProperties;
64
+ } & Omit<AriaDatePickerProps<DateType>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'>;
65
+ export declare const DatePicker: <DateType extends DateValue>({ selectedDate: value, onChange, locale, disabled: isDisabled, showTime, showTimeZone, className, style, variant, feedback, validationVariant, validationFeedback, disableModal, labelTooltip, navigationDescription, minDate: minValue, maxDate: maxValue, modalTreshold, ...rest }: DatePickerProps<DateType>) => React.JSX.Element;
@@ -1,38 +1,38 @@
1
- import React from 'react';
2
- import { VariantType } from '@entur/form';
3
- export type NativeDatePickerProps = {
4
- /** Ekstra klassenavn */
5
- className?: string;
6
- /** Label over NativeDatePicker */
7
- label: string;
8
- /** Varselmelding, som vil komme under NativeDatePicker */
9
- feedback?: string;
10
- /** Valideringsvariant */
11
- variant?: VariantType;
12
- /** Plasserer labelen statisk på toppen av inputfeltet
13
- * @default false
14
- */
15
- disableLabelAnimation?: boolean;
16
- /** Tekst eller ikon som kommer før inputfelter
17
- * @default <DateIcon />
18
- */
19
- prepend?: React.ReactNode;
20
- } & React.InputHTMLAttributes<HTMLInputElement>;
21
- export declare const NativeDatePicker: React.ForwardRefExoticComponent<{
22
- /** Ekstra klassenavn */
23
- className?: string | undefined;
24
- /** Label over NativeDatePicker */
25
- label: string;
26
- /** Varselmelding, som vil komme under NativeDatePicker */
27
- feedback?: string | undefined;
28
- /** Valideringsvariant */
29
- variant?: VariantType | undefined;
30
- /** Plasserer labelen statisk på toppen av inputfeltet
31
- * @default false
32
- */
33
- disableLabelAnimation?: boolean | undefined;
34
- /** Tekst eller ikon som kommer før inputfelter
35
- * @default <DateIcon />
36
- */
37
- prepend?: React.ReactNode;
38
- } & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
1
+ import React from 'react';
2
+ import { VariantType } from '@entur/form';
3
+ export type NativeDatePickerProps = {
4
+ /** Ekstra klassenavn */
5
+ className?: string;
6
+ /** Label over NativeDatePicker */
7
+ label: string;
8
+ /** Varselmelding, som vil komme under NativeDatePicker */
9
+ feedback?: string;
10
+ /** Valideringsvariant */
11
+ variant?: VariantType;
12
+ /** Plasserer labelen statisk på toppen av inputfeltet
13
+ * @default false
14
+ */
15
+ disableLabelAnimation?: boolean;
16
+ /** Tekst eller ikon som kommer før inputfelter
17
+ * @default <DateIcon />
18
+ */
19
+ prepend?: React.ReactNode;
20
+ } & React.InputHTMLAttributes<HTMLInputElement>;
21
+ export declare const NativeDatePicker: React.ForwardRefExoticComponent<{
22
+ /** Ekstra klassenavn */
23
+ className?: string | undefined;
24
+ /** Label over NativeDatePicker */
25
+ label: string;
26
+ /** Varselmelding, som vil komme under NativeDatePicker */
27
+ feedback?: string | undefined;
28
+ /** Valideringsvariant */
29
+ variant?: VariantType | undefined;
30
+ /** Plasserer labelen statisk på toppen av inputfeltet
31
+ * @default false
32
+ */
33
+ disableLabelAnimation?: boolean | undefined;
34
+ /** Tekst eller ikon som kommer før inputfelter
35
+ * @default <DateIcon />
36
+ */
37
+ prepend?: React.ReactNode;
38
+ } & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
@@ -1,4 +1,4 @@
1
- export * from './DateField';
2
- export * from './Calendar';
3
- export * from './DatePicker';
4
- export * from './NativeDatePicker';
1
+ export * from './DateField';
2
+ export * from './Calendar';
3
+ export * from './DatePicker';
4
+ export * from './NativeDatePicker';
@@ -1,27 +1,27 @@
1
- import React from 'react';
2
- import { VariantType } from '@entur/form';
3
- import './NativeTimePicker.scss';
4
- export type NativeTimePickerProps = {
5
- /** Ekstra klassenavn */
6
- className?: string;
7
- /** Label over NativeTimePicker */
8
- label: string;
9
- /** Varselmelding, som vil komme under NativeTimePicker */
10
- feedback?: string;
11
- /** Valideringsvariant */
12
- variant?: VariantType;
13
- /** Tekst eller ikon som kommer før inputfelter */
14
- prepend?: React.ReactNode;
15
- } & React.InputHTMLAttributes<HTMLInputElement>;
16
- export declare const NativeTimePicker: React.ForwardRefExoticComponent<{
17
- /** Ekstra klassenavn */
18
- className?: string | undefined;
19
- /** Label over NativeTimePicker */
20
- label: string;
21
- /** Varselmelding, som vil komme under NativeTimePicker */
22
- feedback?: string | undefined;
23
- /** Valideringsvariant */
24
- variant?: VariantType | undefined;
25
- /** Tekst eller ikon som kommer før inputfelter */
26
- prepend?: React.ReactNode;
27
- } & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
1
+ import React from 'react';
2
+ import { VariantType } from '@entur/form';
3
+ import './NativeTimePicker.scss';
4
+ export type NativeTimePickerProps = {
5
+ /** Ekstra klassenavn */
6
+ className?: string;
7
+ /** Label over NativeTimePicker */
8
+ label: string;
9
+ /** Varselmelding, som vil komme under NativeTimePicker */
10
+ feedback?: string;
11
+ /** Valideringsvariant */
12
+ variant?: VariantType;
13
+ /** Tekst eller ikon som kommer før inputfelter */
14
+ prepend?: React.ReactNode;
15
+ } & React.InputHTMLAttributes<HTMLInputElement>;
16
+ export declare const NativeTimePicker: React.ForwardRefExoticComponent<{
17
+ /** Ekstra klassenavn */
18
+ className?: string | undefined;
19
+ /** Label over NativeTimePicker */
20
+ label: string;
21
+ /** Varselmelding, som vil komme under NativeTimePicker */
22
+ feedback?: string | undefined;
23
+ /** Valideringsvariant */
24
+ variant?: VariantType | undefined;
25
+ /** Tekst eller ikon som kommer før inputfelter */
26
+ prepend?: React.ReactNode;
27
+ } & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
@@ -1,43 +1,43 @@
1
- import React from 'react';
2
- import type { TimeValue, AriaTimeFieldProps, MappedTimeValue } from '@react-types/datepicker';
3
- import { VariantType } from '@entur/form';
4
- import './TimePicker.scss';
5
- export type TimePickerProps<TimeType extends TimeValue> = {
6
- /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
7
- selectedTime: TimeType | null;
8
- /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */
9
- onChange: (value: MappedTimeValue<TimeType> | null) => void;
10
- /** Label til TimePicker */
11
- label: string;
12
- /** Minutter som legges til eller trekkes fra ved klikk på pilene i TimePicker
13
- * @default 30
14
- */
15
- minuteIncrementForArrowButtons?: number;
16
- /** BCP47-språkkoden til locale-en du ønsker å bruke.
17
- * @default Brukerenhetens selvvalgte locale
18
- */
19
- locale?: string;
20
- /** Viser den gjeldende tidssonen hvis en er valgt
21
- * @default false
22
- */
23
- showTimeZone?: boolean;
24
- /** Aria-label for venstrepil-knappen som trekker fra tid
25
- * @default `Trekk fra ${minuteIncrementForArrowButtons} minutter`
26
- */
27
- leftArrowButtonAriaLabel?: string;
28
- /** Aria-label for høyrepil-knappen som legger til tid
29
- * @default `Legg til ${minuteIncrementForArrowButtons} minutter`
30
- */
31
- rightArrowButtonAriaLabel?: string;
32
- /** Varselmelding, som vil komme under TimePicker */
33
- feedback?: string;
34
- /** Valideringsvariant */
35
- variant?: VariantType;
36
- labelTooltip?: React.ReactNode;
37
- disabled?: boolean;
38
- inputRef?: React.ForwardedRef<HTMLDivElement>;
39
- /** Ekstra klassenavn */
40
- className?: string;
41
- style?: React.CSSProperties;
42
- } & Omit<AriaTimeFieldProps<TimeType>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'>;
43
- export declare const TimePicker: <TimeType extends TimeValue>({ selectedTime, onChange, disabled, className, style, label, labelTooltip, feedback, variant, locale: customLocale, showTimeZone, minuteIncrementForArrowButtons, leftArrowButtonAriaLabel, rightArrowButtonAriaLabel, inputRef, ...rest }: TimePickerProps<TimeType>) => JSX.Element;
1
+ import React from 'react';
2
+ import type { TimeValue, AriaTimeFieldProps, MappedTimeValue } from '@react-types/datepicker';
3
+ import { VariantType } from '@entur/form';
4
+ import './TimePicker.scss';
5
+ export type TimePickerProps<TimeType extends TimeValue> = {
6
+ /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
7
+ selectedTime: TimeType | null;
8
+ /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */
9
+ onChange: (value: MappedTimeValue<TimeType> | null) => void;
10
+ /** Label til TimePicker */
11
+ label: string;
12
+ /** Minutter som legges til eller trekkes fra ved klikk på pilene i TimePicker
13
+ * @default 30
14
+ */
15
+ minuteIncrementForArrowButtons?: number;
16
+ /** BCP47-språkkoden til locale-en du ønsker å bruke.
17
+ * @default Brukerenhetens selvvalgte locale
18
+ */
19
+ locale?: string;
20
+ /** Viser den gjeldende tidssonen hvis en er valgt
21
+ * @default false
22
+ */
23
+ showTimeZone?: boolean;
24
+ /** Aria-label for venstrepil-knappen som trekker fra tid
25
+ * @default `Trekk fra ${minuteIncrementForArrowButtons} minutter`
26
+ */
27
+ leftArrowButtonAriaLabel?: string;
28
+ /** Aria-label for høyrepil-knappen som legger til tid
29
+ * @default `Legg til ${minuteIncrementForArrowButtons} minutter`
30
+ */
31
+ rightArrowButtonAriaLabel?: string;
32
+ /** Varselmelding, som vil komme under TimePicker */
33
+ feedback?: string;
34
+ /** Valideringsvariant */
35
+ variant?: VariantType;
36
+ labelTooltip?: React.ReactNode;
37
+ disabled?: boolean;
38
+ inputRef?: React.ForwardedRef<HTMLDivElement>;
39
+ /** Ekstra klassenavn */
40
+ className?: string;
41
+ style?: React.CSSProperties;
42
+ } & Omit<AriaTimeFieldProps<TimeType>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'>;
43
+ export declare const TimePicker: <TimeType extends TimeValue>({ selectedTime, onChange, disabled, className, style, label, labelTooltip, feedback, variant, locale: customLocale, showTimeZone, minuteIncrementForArrowButtons, leftArrowButtonAriaLabel, rightArrowButtonAriaLabel, inputRef, ...rest }: TimePickerProps<TimeType>) => React.JSX.Element;
@@ -1,6 +1,6 @@
1
- import React from 'react';
2
- type TimePickerArrowButtonProps = {
3
- direction: 'left' | 'right';
4
- } & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
5
- export declare const TimePickerArrowButton: React.FC<TimePickerArrowButtonProps>;
6
- export {};
1
+ import React from 'react';
2
+ type TimePickerArrowButtonProps = {
3
+ direction: 'left' | 'right';
4
+ } & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
5
+ export declare const TimePickerArrowButton: React.FC<TimePickerArrowButtonProps>;
6
+ export {};
@@ -1,3 +1,3 @@
1
- export * from './TimePicker';
2
- export * from './NativeTimePicker';
3
- export * from '../shared/utils';
1
+ export * from './TimePicker';
2
+ export * from './NativeTimePicker';
3
+ export * from '../shared/utils';