@entur/datepicker 11.2.1-beta.3 → 11.2.1-beta.4

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.
@@ -0,0 +1,62 @@
1
+ import React from 'react';
2
+ import { AriaCalendarProps } from '@react-aria/calendar';
3
+ import { CalendarDate, DateValue } from '@internationalized/date';
4
+ import { MappedDateValue } from '@react-types/datepicker';
5
+ import { DateFieldProps } from './DateField';
6
+ import './Calendar.scss';
7
+ type ExtendedCalendarProps<DateType extends DateValue> = Omit<AriaCalendarProps<DateType>, keyof BaseCalendarProps<DateType> | 'value' | 'label' | 'hideTimeZone' | 'placeholder' | 'placeholderValue' | 'defaultValue' | 'minValue' | 'maxValue'>;
8
+ type BaseCalendarProps<DateType extends DateValue> = {
9
+ selectedDate: DateType | null;
10
+ onChange?: (selectedDate: MappedDateValue<DateType> | null) => void;
11
+ navigationDescription?: string;
12
+ style?: React.CSSProperties;
13
+ /** Ekstra klassenavn */
14
+ className?: string;
15
+ onSelectedCellClick?: () => void;
16
+ onCellClick?: () => void;
17
+ /** Tidligste gyldige datovalg.
18
+ * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone.
19
+ *
20
+ * OBS: Hvis du bruker dato med tid vil tidspunktet også tas hensyn til.
21
+ * Gyldig fra og med den tiden som legges inn som minDate.
22
+ * Dato uten tid vil være gyldig hele minDate-dagen */
23
+ minDate?: DateValue;
24
+ /** Seneste gyldige datovalg.
25
+ * Eks: today(getLocalTimeZone()).add({days: 1}) == i morgen i lokal tidssone
26
+ *
27
+ * OBS: Hvis du bruker dato med tid vil tidspunktet også tas hensyn til.
28
+ * Gyldig til og med den tiden som legges inn som maxDate.
29
+ * Dato uten tid vil være gyldig hele maxDate-dagen */
30
+ maxDate?: DateValue;
31
+ /** Slå på visning av ukenummere i kalenderen. Overskriften for ukenummer-kolonnen
32
+ * kan endres med prop-en 'weekNumberHeader'
33
+ * @default false */
34
+ showWeekNumbers?: boolean;
35
+ /** Overskrift som vises for ukenummer-kolonnen. Vises kun hvis 'showWeekNumbers' er true.
36
+ * @default 'uke' */
37
+ weekNumberHeader?: string;
38
+ /** Brukes for å legge til klassenavn på spesifikke datoer i kalenderen.
39
+ * Tar inn en dato og skal returnere klassenavnet som skal legges til den datoen.
40
+ * @default undefined
41
+ * @example (date) => isWeekend(date, 'no-NO') ? 'weekend' : ''
42
+ *
43
+ * OBS: hvis stylingen er meningsbærende bør du bruke ariaLabelForDate i tillegg for å beskrive
44
+ * meningen til skjermlesere o.l.
45
+ */
46
+ classNameForDate?: (date: CalendarDate) => string;
47
+ /** Legger til teksten som returneres på datoen i kalenderen sin aria-label.
48
+ * Bør brukes sammen med classNameForDate hvis styling-endringene gjort der er meningsbærende.
49
+ * @default undefined
50
+ * @example (date) => isWeekend(date, 'no-NO') ? 'helgedag' : ''
51
+ */
52
+ ariaLabelForDate?: (date: CalendarDate) => string;
53
+ /** Callback-funksjon for når valideringen til datovelgeren endrer seg */
54
+ onValidate?: (isValid?: boolean) => void;
55
+ disabled?: boolean;
56
+ locale?: string;
57
+ calendarRef?: React.MutableRefObject<HTMLDivElement | null>;
58
+ forcedReturnType?: DateFieldProps<DateType>['forcedReturnType'];
59
+ };
60
+ export type CalendarProps<DateType extends DateValue> = BaseCalendarProps<DateType> & ExtendedCalendarProps<DateType>;
61
+ export declare const Calendar: <DateType extends DateValue>({ locale: localOverride, ...rest }: CalendarProps<DateType>) => React.JSX.Element;
62
+ export {};
@@ -0,0 +1,14 @@
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
+ weekNumberString: string;
8
+ onSelectedCellClick?: () => void;
9
+ onCellClick?: () => void;
10
+ classNameForDate?: (date: CalendarDate) => string;
11
+ ariaLabelForDate?: (date: CalendarDate) => string;
12
+ };
13
+ export declare const CalendarCell: ({ state, date, onSelectedCellClick, onCellClick, weekNumberString, classNameForDate, ariaLabelForDate, ...rest }: CalendarCellProps) => React.JSX.Element;
14
+ export {};
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { CalendarState } from '@react-stately/calendar';
3
+ import { CalendarDate } from '@internationalized/date';
4
+ type CalendarGridProps = {
5
+ state: CalendarState;
6
+ navigationDescription?: string;
7
+ showWeekNumbers: boolean;
8
+ weekNumberHeader: string;
9
+ onSelectedCellClick?: () => void;
10
+ onCellClick?: () => void;
11
+ classNameForDate?: (date: CalendarDate) => string;
12
+ ariaLabelForDate?: (date: CalendarDate) => string;
13
+ };
14
+ export declare const CalendarGrid: ({ state, navigationDescription, onSelectedCellClick, onCellClick, showWeekNumbers, weekNumberHeader, classNameForDate, ariaLabelForDate, ...rest }: CalendarGridProps) => React.JSX.Element;
15
+ export {};
@@ -0,0 +1,90 @@
1
+ import React from 'react';
2
+ import type { DateValue, AriaDatePickerProps, MappedDateValue, Granularity } from '@react-types/datepicker';
3
+ import { BaseFormControlProps } from '@entur/form';
4
+ import { VariantType } from '@entur/utils';
5
+ import { ForcedReturnType } from '../shared/utils';
6
+ import './DateField.scss';
7
+ /** @deprecated use variant="information" instead */
8
+ declare const info = "info";
9
+ /** @deprecated use variant="negative" instead */
10
+ declare const error = "error";
11
+ export type ExtendedDateFieldProps<DateType extends DateValue> = Omit<AriaDatePickerProps<DateType>, keyof BaseDateFieldProps<DateType> | 'value' | 'hideTimeZone' | 'placeholder' | 'placeholderValue' | 'defaultValue' | 'minValue' | 'maxValue'> & Partial<Omit<BaseFormControlProps, keyof BaseDateFieldProps<DateType> | 'children' | 'defaultValue' | 'value' | 'isFilled' | 'size'>>;
12
+ export type BaseDateFieldProps<DateType extends DateValue> = {
13
+ /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
14
+ selectedDate: DateType | null;
15
+ /** Kalles når dato endres. Tid i '@internationalized/date'-pakkens format */
16
+ onChange?: (value: MappedDateValue<DateType> | null) => void;
17
+ /** Ledetekst til DateField */
18
+ label: string;
19
+ /** BCP47-språkkoden til locale-en du ønsker å bruke.
20
+ * @default Brukerenhetens selvvalgte locale
21
+ */
22
+ locale?: string;
23
+ /** Viser den gjeldende tidssonen hvis en er valgt
24
+ * @default false
25
+ */
26
+ showTimeZone?: boolean;
27
+ /** Brukes for å vise tid i datovelgeren. Velg minste enhet som skal vises.
28
+ * Hvis du vil vise tid vil "minute" vise minutt og ikke sekund, mens "second" viser
29
+ * sekunder også.
30
+ * @default "day"
31
+ */
32
+ granularity?: Granularity;
33
+ /** Viser tidspunkt i tillegg til dato.
34
+ * OBS: selectedDate må være av typen CalendarDateTime eller ZonedDateTime
35
+ */
36
+ showTime?: boolean;
37
+ /** Tidligste gyldige datovalg.
38
+ * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone.
39
+ *
40
+ * OBS: Hvis du bruker dato med tid vil tidspunktet også tas hensyn til.
41
+ * Gyldig fra og med den tiden som legges inn som minDate.
42
+ * Dato uten tid vil være gyldig hele minDate-dagen */
43
+ minDate?: DateValue;
44
+ /** Seneste gyldige datovalg.
45
+ * Eks: today(getLocalTimeZone()).add({days: 1}) == i morgen i lokal tidssone
46
+ *
47
+ * OBS: Hvis du bruker dato med tid vil tidspunktet også tas hensyn til.
48
+ * Gyldig til og med den tiden som legges inn som maxDate.
49
+ * Dato uten tid vil være gyldig hele maxDate-dagen */
50
+ maxDate?: DateValue;
51
+ /** Funksjon som tar inn en dato og sier om den er utilgjengelig.
52
+ * Eks. (date) => isWeekend(date, 'no-NO') == helgedager er ikke tilgjengelig */
53
+ isDateUnavailable?: (date: DateValue) => boolean;
54
+ /** Tvinger typen på onChange til den gitte typen.
55
+ * Dette er nyttig når utgangsverdien din er 'null', men du ønsker at
56
+ * DatePicker alltid skal returnere f.eks ZonedDateTime.
57
+ *
58
+ * Som standard returnerer onChange DateValue basert på selectedDate,
59
+ * eller CalendarDate hvis selectedDate er 'null'.
60
+ *
61
+ * @default undefined
62
+ */
63
+ forcedReturnType?: ForcedReturnType;
64
+ /** Varselmelding, som vil komme under TimePicker */
65
+ feedback?: string;
66
+ /** Valideringsvariant*/
67
+ variant?: VariantType | typeof error | typeof info;
68
+ /** Varselmelding som forteller om ugyldig dato
69
+ * @default "Ugyldig dato"
70
+ */
71
+ validationFeedback?: string;
72
+ /** Valideringsvariant for melding om ugyldig dato
73
+ * @default "negative"
74
+ */
75
+ validationVariant?: VariantType | typeof error | typeof info;
76
+ /** Callback-funksjon for når valideringen til datovelgeren endrer seg */
77
+ onValidate?: (isValid?: boolean) => void;
78
+ labelTooltip?: React.ReactNode;
79
+ labelProps?: React.DOMAttributes<Element>;
80
+ fieldProps?: DateFieldProps<DateType>;
81
+ dateFieldRef?: React.Ref<HTMLDivElement>;
82
+ disabled?: boolean;
83
+ readOnly?: boolean;
84
+ /** Ekstra klassenavn */
85
+ className?: string;
86
+ style?: React.CSSProperties;
87
+ };
88
+ export type DateFieldProps<DateType extends DateValue> = BaseDateFieldProps<DateType> & ExtendedDateFieldProps<DateType>;
89
+ export declare const DateField: <DateType extends DateValue>({ selectedDate, onChange, label, locale: customLocale, showTimeZone, showTime, granularity, disabled, readOnly, isDisabled, variant, feedback, validationVariant, validationFeedback, labelTooltip, minDate, maxDate, forcedReturnType, style, className, labelProps: parentLabelProps, append, prepend, onValidate, dateFieldRef: ref, ...rest }: DateFieldProps<DateType>) => React.JSX.Element;
90
+ export {};
@@ -0,0 +1,44 @@
1
+ import React from 'react';
2
+ import { CalendarDate, DateValue } from '@internationalized/date';
3
+ import { BaseDateFieldProps, ExtendedDateFieldProps } from './DateField';
4
+ import './DatePicker.scss';
5
+ type BaseDatePickerProps = {
6
+ /** Slå på visning av ukenummere i kalenderen. Overskriften for ukenummer-kolonnen
7
+ * kan endres med prop-en 'weekNumberHeader'
8
+ * @default false */
9
+ showWeekNumbers?: boolean;
10
+ /** Overskrift som vises for ukenummer-kolonnen. Vises kun hvis 'showWeekNumbers' er true.
11
+ * @default '#' */
12
+ weekNumberHeader?: string;
13
+ /** Hvis true vil kalenderen alltid vises i en popover når den åpnes
14
+ * @default false
15
+ */
16
+ disableModal?: boolean;
17
+ /** Maxbredden til viewport-en for at modal skal vises
18
+ * @default 1000
19
+ */
20
+ modalTreshold?: number;
21
+ labelTooltip?: React.ReactNode;
22
+ /** Skjermlesertest som forklarer navigasjon i kalenderen. Oversettes automatisk for engelsk locale, men ikke andre språk.
23
+ * @default 'Bruk piltastene til å navigere mellom datoer'
24
+ */
25
+ navigationDescription?: string;
26
+ /** Brukes for å legge til klassenavn på spesifikke datoer i kalenderen.
27
+ * Tar inn en dato og skal returnere klassenavnet som skal legges til den datoen.
28
+ * @default undefined
29
+ * @example (date) => isWeekend(date, 'no-NO') ? 'weekend' : ''
30
+ *
31
+ * OBS: hvis stylingen er meningsbærende bør du bruke ariaLabelForDate i tillegg for å beskrive
32
+ * meningen til skjermlesere o.l.
33
+ */
34
+ classNameForDate?: (date: CalendarDate) => string;
35
+ /** Legger til teksten som returneres på datoen i kalenderen sin aria-label.
36
+ * Bør brukes sammen med classNameForDate hvis styling-endringene gjort der er meningsbærende.
37
+ * @default undefined
38
+ * @example (date) => isWeekend(date, 'no-NO') ? 'helgedag' : ''
39
+ */
40
+ ariaLabelForDate?: (date: CalendarDate) => string;
41
+ };
42
+ export type DatePickerProps<DateType extends DateValue> = Omit<BaseDateFieldProps<DateType>, keyof BaseDatePickerProps | 'labelProps' | 'fieldProps' | 'groupProps' | 'dateFieldRef'> & BaseDatePickerProps & ExtendedDateFieldProps<DateType>;
43
+ export declare const DatePicker: <DateType extends DateValue>({ selectedDate, locale, disabled, readOnly, showTime, showTimeZone, classNameForDate, className, variant, feedback, validationVariant, validationFeedback, showWeekNumbers, weekNumberHeader, disableModal, labelTooltip, navigationDescription, minDate, maxDate, modalTreshold, ariaLabelForDate, append, prepend, granularity, ...rest }: DatePickerProps<DateType>) => React.JSX.Element;
44
+ export {};
@@ -0,0 +1,43 @@
1
+ import React from 'react';
2
+ import { VariantType } from '@entur/utils';
3
+ /** @deprecated use variant="information" instead */
4
+ declare const info = "info";
5
+ /** @deprecated use variant="negative" instead */
6
+ declare const error = "error";
7
+ export type NativeDatePickerProps = {
8
+ /** Ekstra klassenavn */
9
+ className?: string;
10
+ /** Label over NativeDatePicker */
11
+ label: string;
12
+ /** Varselmelding, som vil komme under NativeDatePicker */
13
+ feedback?: string;
14
+ /** Valideringsvariant*/
15
+ variant?: VariantType | typeof error | typeof info;
16
+ /** Plasserer labelen statisk på toppen av inputfeltet
17
+ * @default false
18
+ */
19
+ disableLabelAnimation?: boolean;
20
+ /** Tekst eller ikon som kommer før inputfelter
21
+ * @default <DateIcon />
22
+ */
23
+ prepend?: React.ReactNode;
24
+ } & React.InputHTMLAttributes<HTMLInputElement>;
25
+ export declare const NativeDatePicker: React.ForwardRefExoticComponent<{
26
+ /** Ekstra klassenavn */
27
+ className?: string;
28
+ /** Label over NativeDatePicker */
29
+ label: string;
30
+ /** Varselmelding, som vil komme under NativeDatePicker */
31
+ feedback?: string;
32
+ /** Valideringsvariant*/
33
+ variant?: VariantType | typeof error | typeof info;
34
+ /** Plasserer labelen statisk på toppen av inputfeltet
35
+ * @default false
36
+ */
37
+ disableLabelAnimation?: boolean;
38
+ /** Tekst eller ikon som kommer før inputfelter
39
+ * @default <DateIcon />
40
+ */
41
+ prepend?: React.ReactNode;
42
+ } & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
43
+ export {};
@@ -0,0 +1,4 @@
1
+ export * from './DateField';
2
+ export * from './Calendar';
3
+ export * from './DatePicker';
4
+ export * from './NativeDatePicker';
@@ -0,0 +1,32 @@
1
+ import React from 'react';
2
+ import { VariantType } from '@entur/utils';
3
+ import './NativeTimePicker.scss';
4
+ /** @deprecated use variant="information" instead */
5
+ declare const info = "info";
6
+ /** @deprecated use variant="negative" instead */
7
+ declare const error = "error";
8
+ export type NativeTimePickerProps = {
9
+ /** Ekstra klassenavn */
10
+ className?: string;
11
+ /** Label over NativeTimePicker */
12
+ label: string;
13
+ /** Varselmelding, som vil komme under NativeTimePicker */
14
+ feedback?: string;
15
+ /** Valideringsvariant*/
16
+ variant?: VariantType | typeof error | typeof info;
17
+ /** Tekst eller ikon som kommer før inputfelter */
18
+ prepend?: React.ReactNode;
19
+ } & React.InputHTMLAttributes<HTMLInputElement>;
20
+ export declare const NativeTimePicker: React.ForwardRefExoticComponent<{
21
+ /** Ekstra klassenavn */
22
+ className?: string;
23
+ /** Label over NativeTimePicker */
24
+ label: string;
25
+ /** Varselmelding, som vil komme under NativeTimePicker */
26
+ feedback?: string;
27
+ /** Valideringsvariant*/
28
+ variant?: VariantType | typeof error | typeof info;
29
+ /** Tekst eller ikon som kommer før inputfelter */
30
+ prepend?: React.ReactNode;
31
+ } & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
32
+ export {};
@@ -0,0 +1,49 @@
1
+ import React from 'react';
2
+ import type { TimeValue, AriaTimeFieldProps, MappedTimeValue } from '@react-types/datepicker';
3
+ import { BaseFormControlProps } from '@entur/form';
4
+ import { VariantType } from '@entur/utils';
5
+ import './SimpleTimePicker.scss';
6
+ /** @deprecated use variant="information" instead */
7
+ declare const info = "info";
8
+ /** @deprecated use variant="negative" instead */
9
+ declare const error = "error";
10
+ type ExtendedSimpleTimePickerProps<TimeType extends TimeValue> = Omit<AriaTimeFieldProps<TimeType>, keyof BaseSimpleTimePickerProps<TimeType> | 'value' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue' | 'locale' | 'isReadOnly' | 'isDisabled' | 'locale'> & Omit<Partial<BaseFormControlProps>, keyof BaseSimpleTimePickerProps<TimeType> | 'children' | 'defaultValue' | 'value' | 'isFilled' | 'size'>;
11
+ type BaseSimpleTimePickerProps<TimeType extends TimeValue> = {
12
+ /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
13
+ selectedTime: TimeType | null;
14
+ /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */
15
+ onChange?: (value: MappedTimeValue<TimeType> | null) => void | React.Dispatch<React.SetStateAction<TimeValue | null>>;
16
+ /** Label til TimePicker */
17
+ label: string;
18
+ /** Viser sekund i tillegg til time og minutt
19
+ * @default false
20
+ */
21
+ showSeconds?: boolean;
22
+ /** Viser et klokkeikonet for å klarere indikere at dette
23
+ * er en tidsvelger
24
+ * @default false
25
+ */
26
+ showClockIcon?: boolean | 'right' | 'left';
27
+ /** Velger hvor mye luft det skal være på sidene av klokkeslettet
28
+ * @default 'default'
29
+ */
30
+ padding?: 'default' | 'large';
31
+ /** Varselmelding, som vil komme under TimePicker */
32
+ feedback?: string;
33
+ /** Valideringsvariant*/
34
+ variant?: VariantType | typeof error | typeof info;
35
+ /** Tekst eller ikon som vises foran skjema-elementet */
36
+ prepend?: React.ReactNode;
37
+ /** Tekst eller ikon som vises etter skjema-elementet */
38
+ append?: React.ReactNode;
39
+ labelTooltip?: React.ReactNode;
40
+ disabled?: boolean;
41
+ readOnly?: boolean;
42
+ inputRef?: React.ForwardedRef<HTMLInputElement>;
43
+ /** Ekstra klassenavn */
44
+ className?: string;
45
+ style?: React.CSSProperties;
46
+ };
47
+ export type SimpleTimePickerProps<TimeType extends TimeValue> = BaseSimpleTimePickerProps<TimeType> & ExtendedSimpleTimePickerProps<TimeType>;
48
+ export declare const SimpleTimePicker: <TimeType extends TimeValue>({ append, className, disabled, feedback, showClockIcon, inputRef, label, labelTooltip, onChange, padding, prepend, readOnly, selectedTime, showSeconds, style, variant, ...rest }: SimpleTimePickerProps<TimeType>) => React.JSX.Element;
49
+ export {};
@@ -0,0 +1,70 @@
1
+ import React from 'react';
2
+ import type { TimeValue, AriaTimeFieldProps, MappedTimeValue } from '@react-types/datepicker';
3
+ import { BaseFormControlProps } from '@entur/form';
4
+ import { VariantType } from '@entur/utils';
5
+ import './TimePicker.scss';
6
+ /** @deprecated use variant="information" instead */
7
+ declare const info = "info";
8
+ /** @deprecated use variant="negative" instead */
9
+ declare const error = "error";
10
+ type ExtendedTimePickerProps<TimeType extends TimeValue> = Omit<AriaTimeFieldProps<TimeType>, keyof BaseTimePickerProps<TimeValue> | 'value' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'> & Omit<Partial<BaseFormControlProps>, keyof BaseTimePickerProps<TimeType> | 'children' | 'defaultValue' | 'value' | 'isFilled' | 'size'>;
11
+ type BaseTimePickerProps<TimeType extends TimeValue> = {
12
+ /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
13
+ selectedTime: TimeType | null;
14
+ /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */
15
+ onChange: (value: MappedTimeValue<TimeType> | null) => void;
16
+ /** Label til TimePicker */
17
+ label: string;
18
+ /** Minutter som legges til eller trekkes fra ved klikk på pilene i TimePicker.
19
+ * Rundes av til nærmeste hele 'minuteIncrement' som går opp i 60.
20
+ *
21
+ * OBS: Støtter kun verdier <= 60 og multiplum av 60.
22
+ * @default 30
23
+ */
24
+ minuteIncrementForArrowButtons?: number;
25
+ /** BCP47-språkkoden til locale-en du ønsker å bruke.
26
+ * @default Brukerenhetens selvvalgte locale
27
+ */
28
+ locale?: string;
29
+ /** Viser den gjeldende tidssonen hvis en er valgt
30
+ * @default false
31
+ */
32
+ showTimeZone?: boolean;
33
+ /** Viser sekunder i tillegg til minutter og timer
34
+ * @default false
35
+ */
36
+ showSeconds?: boolean;
37
+ /** Aria-label for venstrepil-knappen som trekker fra tid
38
+ * @default `Trekk fra ${minuteIncrementForArrowButtons} minutter`
39
+ */
40
+ leftArrowButtonAriaLabel?: string;
41
+ /** Aria-label for høyrepil-knappen som legger til tid
42
+ * @default `Legg til ${minuteIncrementForArrowButtons} minutter`
43
+ */
44
+ rightArrowButtonAriaLabel?: string;
45
+ /** Varselmelding, som vil komme under TimePicker */
46
+ feedback?: string;
47
+ /** Valideringsvariant*/
48
+ variant?: VariantType | typeof error | typeof info;
49
+ labelTooltip?: React.ReactNode;
50
+ disabled?: boolean;
51
+ readOnly?: boolean;
52
+ inputRef?: React.ForwardedRef<HTMLDivElement>;
53
+ /** Tvinger typen på onChange til den gitte typen.
54
+ * Dette er nyttig når utgangsverdien din er 'null', men du ønsker at
55
+ * TimePicker alltid skal returnere f.eks Time.
56
+ *
57
+ * Som standard returnerer onChange TimeValue basert på selectedTime,
58
+ * eller ZonedDateTime hvis selectedTime er 'null'.
59
+ *
60
+ * @default undefined
61
+ */
62
+ forcedReturnType?: 'Time' | 'CalendarDateTime' | 'ZonedDateTime';
63
+ forcedTimeZone?: string;
64
+ /** Ekstra klassenavn */
65
+ className?: string;
66
+ style?: React.CSSProperties;
67
+ };
68
+ export type TimePickerProps<TimeType extends TimeValue> = BaseTimePickerProps<TimeType> & ExtendedTimePickerProps<TimeType>;
69
+ export declare const TimePicker: <TimeType extends TimeValue>({ selectedTime, onChange, disabled, readOnly, className, style, label, labelTooltip, feedback, granularity, variant, locale: customLocale, showTimeZone, showSeconds, minuteIncrementForArrowButtons, leftArrowButtonAriaLabel, rightArrowButtonAriaLabel, inputRef, forcedReturnType, forcedTimeZone, append, prepend, ...rest }: TimePickerProps<TimeType>) => React.JSX.Element;
70
+ export {};
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ type TimePickerArrowButtonProps = {
3
+ direction: 'left' | 'right';
4
+ disabled?: boolean;
5
+ readonly?: boolean;
6
+ 'aria-label': string;
7
+ onClick?: () => void;
8
+ onFocus?: () => void;
9
+ };
10
+ export declare const TimePickerArrowButton: ({ direction, onClick, disabled, readonly, "aria-label": ariaLabel, ...rest }: TimePickerArrowButtonProps) => React.JSX.Element;
11
+ export {};
@@ -0,0 +1,4 @@
1
+ export * from './TimePicker';
2
+ export * from './NativeTimePicker';
3
+ export * from './SimpleTimePicker';
4
+ export * from '../shared/utils';