@entur/datepicker 8.1.0-beta.2 → 8.1.0

package/dist/DatePicker/Calendar.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { DateValue } from '@internationalized/date';
-import './Calendar.scss';
-type CalendarProps = {
-    selectedDate: DateValue | null;
-    onChange: (SelectedDate: DateValue | null) => void;
-    navigationDescription?: string;
-    style?: React.CSSProperties;
-    onSelectedCellClick?: () => void;
-    [key: string]: any;
-};
-export declare const Calendar: React.ForwardRefExoticComponent<Pick<CalendarProps, keyof CalendarProps> & React.RefAttributes<HTMLDivElement>>;
-export {};
+import React from 'react';
+import { DateValue } from '@internationalized/date';
+import './Calendar.scss';
+type CalendarProps = {
+    selectedDate: DateValue | null;
+    onChange: (SelectedDate: DateValue | null) => void;
+    navigationDescription?: string;
+    style?: React.CSSProperties;
+    onSelectedCellClick?: () => void;
+    [key: string]: any;
+};
+export declare const Calendar: React.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/DatePicker/CalendarCell.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { CalendarState } from '@react-stately/calendar';
-import { CalendarDate } from '@internationalized/date';
-type CalendarCellProps = {
-    state: CalendarState;
-    date: CalendarDate;
-    onSelectedCellClick?: () => void;
-};
-export declare const CalendarCell: ({ state, date, onSelectedCellClick, ...rest }: CalendarCellProps) => JSX.Element;
-export {};
+import React from 'react';
+import { CalendarState } from '@react-stately/calendar';
+import { CalendarDate } from '@internationalized/date';
+type CalendarCellProps = {
+    state: CalendarState;
+    date: CalendarDate;
+    onSelectedCellClick?: () => void;
+};
+export declare const CalendarCell: ({ state, date, onSelectedCellClick, ...rest }: CalendarCellProps) => React.JSX.Element;
+export {};

package/dist/DatePicker/CalendarGrid.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { CalendarState } from '@react-stately/calendar';
-type CalendarGridProps = {
-    state: CalendarState;
-    navigationDescription?: string;
-    onSelectedCellClick?: () => void;
-};
-export declare const CalendarGrid: ({ state, navigationDescription, onSelectedCellClick, ...rest }: CalendarGridProps) => JSX.Element;
-export {};
+import React from 'react';
+import { CalendarState } from '@react-stately/calendar';
+type CalendarGridProps = {
+    state: CalendarState;
+    navigationDescription?: string;
+    onSelectedCellClick?: () => void;
+};
+export declare const CalendarGrid: ({ state, navigationDescription, onSelectedCellClick, ...rest }: CalendarGridProps) => React.JSX.Element;
+export {};

package/dist/DatePicker/DateField.d.ts

@@ -1,45 +1,45 @@
-import React from 'react';
-import type { SpectrumDateFieldProps, DateValue } from '@react-types/datepicker';
-import { VariantType } from '@entur/form';
-import './DateField.scss';
-export type DateFieldProps = {
-    /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
-    selectedDate: DateValue | null;
-    /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */
-    onChange: (value: DateValue) => void;
-    /** Label til TimePicker */
-    label: string;
-    /** BCP47-språkkoden til locale-en du ønsker å bruke.
-     * @default Brukerenhetens selvvalgte locale
-     */
-    locale?: string;
-    /** Viser den gjeldende tidssonen hvis en er valgt
-     * @default false
-     */
-    showTimeZone?: boolean;
-    showTime?: boolean;
-    /** Tidligste gyldige datovalg.
-     * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone */
-    minDate?: DateValue;
-    /** Seneste gyldige datovalg. (se minValue) */
-    maxDate?: DateValue;
-    /** Varselmelding, som vil komme under TimePicker */
-    feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
-    /** Varselmelding som forteller om ugyldig dato
-     * @default "Ugyldig dato"
-     */
-    validationFeedback?: string;
-    /** Valideringsvariant for melding om ugyldig dato
-     * @default "error"
-     */
-    validationVariant?: VariantType;
-    labelTooltip?: React.ReactNode;
-    disabled?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    style?: React.CSSProperties;
-    [key: string]: any;
-} & Omit<SpectrumDateFieldProps<DateValue>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'>;
-export declare const DateField: React.ForwardRefExoticComponent<Pick<DateFieldProps, string | number> & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import type { SpectrumDateFieldProps, DateValue } from '@react-types/datepicker';
+import { VariantType } from '@entur/form';
+import './DateField.scss';
+export type DateFieldProps = {
+    /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
+    selectedDate: DateValue | null;
+    /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */
+    onChange: (value: DateValue) => void;
+    /** Label til TimePicker */
+    label: string;
+    /** BCP47-språkkoden til locale-en du ønsker å bruke.
+     * @default Brukerenhetens selvvalgte locale
+     */
+    locale?: string;
+    /** Viser den gjeldende tidssonen hvis en er valgt
+     * @default false
+     */
+    showTimeZone?: boolean;
+    showTime?: boolean;
+    /** Tidligste gyldige datovalg.
+     * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone */
+    minDate?: DateValue;
+    /** Seneste gyldige datovalg. (se minValue) */
+    maxDate?: DateValue;
+    /** Varselmelding, som vil komme under TimePicker */
+    feedback?: string;
+    /** Valideringsvariant */
+    variant?: VariantType;
+    /** Varselmelding som forteller om ugyldig dato
+     * @default "Ugyldig dato"
+     */
+    validationFeedback?: string;
+    /** Valideringsvariant for melding om ugyldig dato
+     * @default "error"
+     */
+    validationVariant?: VariantType;
+    labelTooltip?: React.ReactNode;
+    disabled?: boolean;
+    /** Ekstra klassenavn */
+    className?: string;
+    style?: React.CSSProperties;
+    [key: string]: any;
+} & Omit<SpectrumDateFieldProps<DateValue>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'>;
+export declare const DateField: React.ForwardRefExoticComponent<Omit<DateFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/DatePicker/DatePicker.d.ts

@@ -1,65 +1,65 @@
-import React from 'react';
-import type { DateValue, AriaDatePickerProps, MappedDateValue } from '@react-types/datepicker';
-import type { VariantType } from '@entur/form';
-import './DatePicker.scss';
-export type DatePickerProps<DateType extends DateValue> = {
-    /** Den valgte datoen. Dato i '@internationalized/date'-pakkens format */
-    selectedDate: DateType | null;
-    /** Kalles når tiden endres. Dato i '@internationalized/date'-pakkens format */
-    onChange: (value: MappedDateValue<DateType> | null) => void;
-    /** Ledetekst for inputfeltet til DatePicker */
-    label: string;
-    /** BCP47-språkkoden til locale-en du ønsker å bruke.
-     * @default Brukerenhetens selvvalgte locale
-     */
-    locale?: string;
-    /** Viser den gjeldende tidssonen hvis en er valgt (krever at tid også vises)
-     * @default false
-     */
-    showTimeZone?: boolean;
-    /** Viser tidspunkt i tillegg til dato.
-     * OBS: selectedDate må være av typen CalendarDateTime eller ZonedDateTime
-     */
-    showTime?: boolean;
-    /** Tidligste gyldige datovalg.
-     * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone. */
-    minDate?: DateValue;
-    /** Seneste gyldige datovalg.
-     * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone
-     *
-     * OBS: Hvis du bruker dato med tid vil det være til, men ikke med denne datoen */
-    maxDate?: DateValue;
-    /** Funksjon som tar inn en dato og sier om den er utilgjengelig.
-     * Eks. (date) => isWeekend(date, 'no-NO') == helgedager er ikke tilgjengelig */
-    isDateUnavailable?: (date: DateValue) => boolean;
-    /** Varselmelding, som vil komme under DatePicker sitt inputfelt */
-    feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
-    /** Varselmelding som forteller om ugyldig dato
-     * @default "Ugyldig dato"
-     */
-    validationFeedback?: string;
-    /** Valideringsvariant for melding om ugyldig dato
-     * @default "error"
-     */
-    validationVariant?: VariantType;
-    disabled?: boolean;
-    /** Hvis true vil kalenderen alltid vises i en popover når den åpnes
-     *  @default false
-     */
-    disableModal?: boolean;
-    /** Maxbredden til viewport-en for at modal skal vises
-     *  @default 1000
-     */
-    modalTreshold?: number;
-    labelTooltip?: React.ReactNode;
-    /** Skjermlesertest som forklarer navigasjon i kalenderen. Oversettes automatisk for engelsk locale, men ikke andre språk.
-     * @default 'Bruk piltastene til å navigere mellom datoer'
-     */
-    navigationDescription?: string;
-    /** Ekstra klassenavn */
-    className?: string;
-    style?: React.CSSProperties;
-} & Omit<AriaDatePickerProps<DateType>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'>;
-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;
+import React from 'react';
+import type { DateValue, AriaDatePickerProps, MappedDateValue } from '@react-types/datepicker';
+import type { VariantType } from '@entur/form';
+import './DatePicker.scss';
+export type DatePickerProps<DateType extends DateValue> = {
+    /** Den valgte datoen. Dato i '@internationalized/date'-pakkens format */
+    selectedDate: DateType | null;
+    /** Kalles når tiden endres. Dato i '@internationalized/date'-pakkens format */
+    onChange: (value: MappedDateValue<DateType> | null) => void;
+    /** Ledetekst for inputfeltet til DatePicker */
+    label: string;
+    /** BCP47-språkkoden til locale-en du ønsker å bruke.
+     * @default Brukerenhetens selvvalgte locale
+     */
+    locale?: string;
+    /** Viser den gjeldende tidssonen hvis en er valgt (krever at tid også vises)
+     * @default false
+     */
+    showTimeZone?: boolean;
+    /** Viser tidspunkt i tillegg til dato.
+     * OBS: selectedDate må være av typen CalendarDateTime eller ZonedDateTime
+     */
+    showTime?: boolean;
+    /** Tidligste gyldige datovalg.
+     * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone. */
+    minDate?: DateValue;
+    /** Seneste gyldige datovalg.
+     * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone
+     *
+     * OBS: Hvis du bruker dato med tid vil det være til, men ikke med denne datoen */
+    maxDate?: DateValue;
+    /** Funksjon som tar inn en dato og sier om den er utilgjengelig.
+     * Eks. (date) => isWeekend(date, 'no-NO') == helgedager er ikke tilgjengelig */
+    isDateUnavailable?: (date: DateValue) => boolean;
+    /** Varselmelding, som vil komme under DatePicker sitt inputfelt */
+    feedback?: string;
+    /** Valideringsvariant */
+    variant?: VariantType;
+    /** Varselmelding som forteller om ugyldig dato
+     * @default "Ugyldig dato"
+     */
+    validationFeedback?: string;
+    /** Valideringsvariant for melding om ugyldig dato
+     * @default "error"
+     */
+    validationVariant?: VariantType;
+    disabled?: boolean;
+    /** Hvis true vil kalenderen alltid vises i en popover når den åpnes
+     *  @default false
+     */
+    disableModal?: boolean;
+    /** Maxbredden til viewport-en for at modal skal vises
+     *  @default 1000
+     */
+    modalTreshold?: number;
+    labelTooltip?: React.ReactNode;
+    /** Skjermlesertest som forklarer navigasjon i kalenderen. Oversettes automatisk for engelsk locale, men ikke andre språk.
+     * @default 'Bruk piltastene til å navigere mellom datoer'
+     */
+    navigationDescription?: string;
+    /** Ekstra klassenavn */
+    className?: string;
+    style?: React.CSSProperties;
+} & Omit<AriaDatePickerProps<DateType>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'>;
+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;

package/dist/DatePicker/NativeDatePicker.d.ts

@@ -1,38 +1,38 @@
-import React from 'react';
-import { VariantType } from '@entur/form';
-export type NativeDatePickerProps = {
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Label over NativeDatePicker */
-    label: string;
-    /** Varselmelding, som vil komme under NativeDatePicker */
-    feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
-    /** Plasserer labelen statisk på toppen av inputfeltet
-     * @default false
-     */
-    disableLabelAnimation?: boolean;
-    /** Tekst eller ikon som kommer før inputfelter
-     * @default <DateIcon />
-     */
-    prepend?: React.ReactNode;
-} & React.InputHTMLAttributes<HTMLInputElement>;
-export declare const NativeDatePicker: React.ForwardRefExoticComponent<{
-    /** Ekstra klassenavn */
-    className?: string | undefined;
-    /** Label over NativeDatePicker */
-    label: string;
-    /** Varselmelding, som vil komme under NativeDatePicker */
-    feedback?: string | undefined;
-    /** Valideringsvariant */
-    variant?: VariantType | undefined;
-    /** Plasserer labelen statisk på toppen av inputfeltet
-     * @default false
-     */
-    disableLabelAnimation?: boolean | undefined;
-    /** Tekst eller ikon som kommer før inputfelter
-     * @default <DateIcon />
-     */
-    prepend?: React.ReactNode;
-} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+import React from 'react';
+import { VariantType } from '@entur/form';
+export type NativeDatePickerProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Label over NativeDatePicker */
+    label: string;
+    /** Varselmelding, som vil komme under NativeDatePicker */
+    feedback?: string;
+    /** Valideringsvariant */
+    variant?: VariantType;
+    /** Plasserer labelen statisk på toppen av inputfeltet
+     * @default false
+     */
+    disableLabelAnimation?: boolean;
+    /** Tekst eller ikon som kommer før inputfelter
+     * @default <DateIcon />
+     */
+    prepend?: React.ReactNode;
+} & React.InputHTMLAttributes<HTMLInputElement>;
+export declare const NativeDatePicker: React.ForwardRefExoticComponent<{
+    /** Ekstra klassenavn */
+    className?: string | undefined;
+    /** Label over NativeDatePicker */
+    label: string;
+    /** Varselmelding, som vil komme under NativeDatePicker */
+    feedback?: string | undefined;
+    /** Valideringsvariant */
+    variant?: VariantType | undefined;
+    /** Plasserer labelen statisk på toppen av inputfeltet
+     * @default false
+     */
+    disableLabelAnimation?: boolean | undefined;
+    /** Tekst eller ikon som kommer før inputfelter
+     * @default <DateIcon />
+     */
+    prepend?: React.ReactNode;
+} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

package/dist/DatePicker/index.d.ts

@@ -1,4 +1,4 @@
-export * from './DateField';
-export * from './Calendar';
-export * from './DatePicker';
-export * from './NativeDatePicker';
+export * from './DateField';
+export * from './Calendar';
+export * from './DatePicker';
+export * from './NativeDatePicker';

package/dist/TimePicker/NativeTimePicker.d.ts

@@ -1,27 +1,27 @@
-import React from 'react';
-import { VariantType } from '@entur/form';
-import './NativeTimePicker.scss';
-export type NativeTimePickerProps = {
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Label over NativeTimePicker */
-    label: string;
-    /** Varselmelding, som vil komme under NativeTimePicker */
-    feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
-    /** Tekst eller ikon som kommer før inputfelter */
-    prepend?: React.ReactNode;
-} & React.InputHTMLAttributes<HTMLInputElement>;
-export declare const NativeTimePicker: React.ForwardRefExoticComponent<{
-    /** Ekstra klassenavn */
-    className?: string | undefined;
-    /** Label over NativeTimePicker */
-    label: string;
-    /** Varselmelding, som vil komme under NativeTimePicker */
-    feedback?: string | undefined;
-    /** Valideringsvariant */
-    variant?: VariantType | undefined;
-    /** Tekst eller ikon som kommer før inputfelter */
-    prepend?: React.ReactNode;
-} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+import React from 'react';
+import { VariantType } from '@entur/form';
+import './NativeTimePicker.scss';
+export type NativeTimePickerProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Label over NativeTimePicker */
+    label: string;
+    /** Varselmelding, som vil komme under NativeTimePicker */
+    feedback?: string;
+    /** Valideringsvariant */
+    variant?: VariantType;
+    /** Tekst eller ikon som kommer før inputfelter */
+    prepend?: React.ReactNode;
+} & React.InputHTMLAttributes<HTMLInputElement>;
+export declare const NativeTimePicker: React.ForwardRefExoticComponent<{
+    /** Ekstra klassenavn */
+    className?: string | undefined;
+    /** Label over NativeTimePicker */
+    label: string;
+    /** Varselmelding, som vil komme under NativeTimePicker */
+    feedback?: string | undefined;
+    /** Valideringsvariant */
+    variant?: VariantType | undefined;
+    /** Tekst eller ikon som kommer før inputfelter */
+    prepend?: React.ReactNode;
+} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

package/dist/TimePicker/SimpleTimePicker.d.ts

@@ -1,39 +1,41 @@
-import React from 'react';
-import type { TimeValue, AriaTimeFieldProps, MappedTimeValue } from '@react-types/datepicker';
-import { VariantType } from '@entur/form';
-import './SimpleTimePicker.scss';
-export type SimpleTimePickerProps<TimeType extends TimeValue> = {
-    /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
-    selectedTime: TimeType | null;
-    /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */
-    onChange?: (value: MappedTimeValue<TimeType> | null) => void | React.Dispatch<React.SetStateAction<TimeValue | null>>;
-    /** Label til TimePicker */
-    label: string;
-    /** Viser sekund i tillegg til time og minutt
-     * @default false
-     */
-    showSeconds?: boolean;
-    /** Viser et klokkeikonet for å klarere indikere at dette
-     * er en tidsvelger
-     * @default false
-     */
-    showClockIcon?: boolean | 'right' | 'left';
-    /** Velger hvor mye luft det skal være på sidene av klokkeslettet
-     * @default 'default'
-     */
-    padding?: 'default' | 'large';
-    /** Varselmelding, som vil komme under TimePicker */
-    feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
-    labelTooltip?: React.ReactNode;
-    disabled?: boolean;
-    readOnly?: boolean;
-    inputRef?: React.ForwardedRef<HTMLInputElement>;
-    append?: boolean;
-    prepend?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    style?: React.CSSProperties;
-} & Omit<AriaTimeFieldProps<TimeType>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue' | 'locale' | 'isReadOnly' | 'isDisabled' | 'locale'>;
-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>) => JSX.Element;
+import React from 'react';
+import type { TimeValue, AriaTimeFieldProps, MappedTimeValue } from '@react-types/datepicker';
+import { VariantType } from '@entur/form';
+import './SimpleTimePicker.scss';
+export type SimpleTimePickerProps<TimeType extends TimeValue> = {
+    /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
+    selectedTime: TimeType | null;
+    /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */
+    onChange?: (value: MappedTimeValue<TimeType> | null) => void | React.Dispatch<React.SetStateAction<TimeValue | null>>;
+    /** Label til TimePicker */
+    label: string;
+    /** Viser sekund i tillegg til time og minutt
+     * @default false
+     */
+    showSeconds?: boolean;
+    /** Viser et klokkeikonet for å klarere indikere at dette
+     * er en tidsvelger
+     * @default false
+     */
+    showClockIcon?: boolean | 'right' | 'left';
+    /** Velger hvor mye luft det skal være på sidene av klokkeslettet
+     * @default 'default'
+     */
+    padding?: 'default' | 'large';
+    /** Varselmelding, som vil komme under TimePicker */
+    feedback?: string;
+    /** Valideringsvariant */
+    variant?: VariantType;
+    /** Tekst eller ikon som vises foran skjema-elementet */
+    prepend?: React.ReactNode;
+    /** Tekst eller ikon som vises etter skjema-elementet */
+    append?: React.ReactNode;
+    labelTooltip?: React.ReactNode;
+    disabled?: boolean;
+    readOnly?: boolean;
+    inputRef?: React.ForwardedRef<HTMLInputElement>;
+    /** Ekstra klassenavn */
+    className?: string;
+    style?: React.CSSProperties;
+} & Omit<AriaTimeFieldProps<TimeType>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue' | 'locale' | 'isReadOnly' | 'isDisabled' | 'locale'>;
+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;

package/dist/TimePicker/TimePicker.d.ts

@@ -1,43 +1,43 @@
-import React from 'react';
-import type { TimeValue, AriaTimeFieldProps, MappedTimeValue } from '@react-types/datepicker';
-import { VariantType } from '@entur/form';
-import './TimePicker.scss';
-export type TimePickerProps<TimeType extends TimeValue> = {
-    /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
-    selectedTime: TimeType | null;
-    /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */
-    onChange: (value: MappedTimeValue<TimeType> | null) => void;
-    /** Label til TimePicker */
-    label: string;
-    /** Minutter som legges til eller trekkes fra ved klikk på pilene i TimePicker
-     * @default 30
-     */
-    minuteIncrementForArrowButtons?: number;
-    /** BCP47-språkkoden til locale-en du ønsker å bruke.
-     * @default Brukerenhetens selvvalgte locale
-     */
-    locale?: string;
-    /** Viser den gjeldende tidssonen hvis en er valgt
-     * @default false
-     */
-    showTimeZone?: boolean;
-    /** Aria-label for venstrepil-knappen som trekker fra tid
-     * @default `Trekk fra ${minuteIncrementForArrowButtons} minutter`
-     */
-    leftArrowButtonAriaLabel?: string;
-    /** Aria-label for høyrepil-knappen som legger til tid
-     * @default `Legg til ${minuteIncrementForArrowButtons} minutter`
-     */
-    rightArrowButtonAriaLabel?: string;
-    /** Varselmelding, som vil komme under TimePicker */
-    feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
-    labelTooltip?: React.ReactNode;
-    disabled?: boolean;
-    inputRef?: React.ForwardedRef<HTMLDivElement>;
-    /** Ekstra klassenavn */
-    className?: string;
-    style?: React.CSSProperties;
-} & Omit<AriaTimeFieldProps<TimeType>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'>;
-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;
+import React from 'react';
+import type { TimeValue, AriaTimeFieldProps, MappedTimeValue } from '@react-types/datepicker';
+import { VariantType } from '@entur/form';
+import './TimePicker.scss';
+export type TimePickerProps<TimeType extends TimeValue> = {
+    /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
+    selectedTime: TimeType | null;
+    /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */
+    onChange: (value: MappedTimeValue<TimeType> | null) => void;
+    /** Label til TimePicker */
+    label: string;
+    /** Minutter som legges til eller trekkes fra ved klikk på pilene i TimePicker
+     * @default 30
+     */
+    minuteIncrementForArrowButtons?: number;
+    /** BCP47-språkkoden til locale-en du ønsker å bruke.
+     * @default Brukerenhetens selvvalgte locale
+     */
+    locale?: string;
+    /** Viser den gjeldende tidssonen hvis en er valgt
+     * @default false
+     */
+    showTimeZone?: boolean;
+    /** Aria-label for venstrepil-knappen som trekker fra tid
+     * @default `Trekk fra ${minuteIncrementForArrowButtons} minutter`
+     */
+    leftArrowButtonAriaLabel?: string;
+    /** Aria-label for høyrepil-knappen som legger til tid
+     * @default `Legg til ${minuteIncrementForArrowButtons} minutter`
+     */
+    rightArrowButtonAriaLabel?: string;
+    /** Varselmelding, som vil komme under TimePicker */
+    feedback?: string;
+    /** Valideringsvariant */
+    variant?: VariantType;
+    labelTooltip?: React.ReactNode;
+    disabled?: boolean;
+    inputRef?: React.ForwardedRef<HTMLDivElement>;
+    /** Ekstra klassenavn */
+    className?: string;
+    style?: React.CSSProperties;
+} & Omit<AriaTimeFieldProps<TimeType>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'>;
+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;

package/dist/TimePicker/TimePickerArrowButton.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-type TimePickerArrowButtonProps = {
-    direction: 'left' | 'right';
-} & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
-export declare const TimePickerArrowButton: React.FC<TimePickerArrowButtonProps>;
-export {};
+import React from 'react';
+type TimePickerArrowButtonProps = {
+    direction: 'left' | 'right';
+} & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+export declare const TimePickerArrowButton: React.FC<TimePickerArrowButtonProps>;
+export {};

package/dist/TimePicker/index.d.ts

@@ -1,4 +1,4 @@
-export * from './TimePicker';
-export * from './NativeTimePicker';
-export * from './SimpleTimePicker';
-export * from '../shared/utils';
+export * from './TimePicker';
+export * from './NativeTimePicker';
+export * from './SimpleTimePicker';
+export * from '../shared/utils';