@entur/datepicker 11.2.0 → 11.2.1-beta.0

package/dist/index.d.ts

@@ -1,6 +1,535 @@
-import './index.scss';
-export * from './DatePicker';
-export * from './TimePicker';
-export * from './shared';
-export { CalendarDate, CalendarDateTime, ZonedDateTime, Time, } from '@internationalized/date';
-export type { TimeValue, DateValue } from '@react-types/datepicker';
+import { AriaCalendarProps } from '@react-aria/calendar';
+import { AriaDatePickerProps } from '@react-types/datepicker';
+import { AriaTimeFieldProps } from '@react-types/datepicker';
+import { Calendar as Calendar_2 } from '@internationalized/date';
+import { CalendarDate } from '@internationalized/date';
+import { CalendarDateTime } from '@internationalized/date';
+import { DateValue } from '@react-types/datepicker';
+import { DateValue as DateValue_2 } from '@internationalized/date';
+import { default as default_2 } from 'react';
+import { Granularity } from '@react-types/datepicker';
+import { MappedDateValue } from '@react-types/datepicker';
+import { MappedTimeValue } from '@react-types/datepicker';
+import { Time } from '@internationalized/date';
+import { TimeValue } from '@react-types/datepicker';
+import { ZonedDateTime } from '@internationalized/date';
+
+export declare const ariaLabelIfNorwegian: (norwegianAriaLabel: string, locale: string, propsCollection: any) => any;
+
+declare type BaseCalendarProps<DateType extends DateValue_2> = {
+    selectedDate: DateType | null;
+    onChange?: (selectedDate: MappedDateValue<DateType> | null) => void;
+    navigationDescription?: string;
+    style?: default_2.CSSProperties;
+    /** Ekstra klassenavn */
+    className?: string;
+    onSelectedCellClick?: () => void;
+    onCellClick?: () => void;
+    /** Tidligste gyldige datovalg.
+     * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone.
+     *
+     * OBS: Hvis du bruker dato med tid vil tidspunktet også tas hensyn til.
+     * Gyldig fra og med den tiden som legges inn som minDate.
+     * Dato uten tid vil være gyldig hele minDate-dagen */
+    minDate?: DateValue_2;
+    /** Seneste gyldige datovalg.
+     * Eks: today(getLocalTimeZone()).add({days: 1}) == i morgen i lokal tidssone
+     *
+     * OBS: Hvis du bruker dato med tid vil tidspunktet også tas hensyn til.
+     * Gyldig til og med den tiden som legges inn som maxDate.
+     * Dato uten tid vil være gyldig hele maxDate-dagen */
+    maxDate?: DateValue_2;
+    /** Slå på visning av ukenummere i kalenderen. Overskriften for ukenummer-kolonnen
+     * kan endres med prop-en 'weekNumberHeader'
+     * @default false */
+    showWeekNumbers?: boolean;
+    /** Overskrift som vises for ukenummer-kolonnen. Vises kun hvis 'showWeekNumbers' er true.
+     * @default 'uke' */
+    weekNumberHeader?: string;
+    /** Brukes for å legge til klassenavn på spesifikke datoer i kalenderen.
+     *  Tar inn en dato og skal returnere klassenavnet som skal legges til den datoen.
+     *  @default undefined
+     *  @example (date) => isWeekend(date, 'no-NO') ? 'weekend' : ''
+     *
+     *  OBS: hvis stylingen er meningsbærende bør du bruke ariaLabelForDate i tillegg for å beskrive
+     *  meningen til skjermlesere o.l.
+     */
+    classNameForDate?: (date: CalendarDate) => string;
+    /** Legger til teksten som returneres på datoen i kalenderen sin aria-label.
+     *  Bør brukes sammen med classNameForDate hvis styling-endringene gjort der er meningsbærende.
+     *  @default undefined
+     *  @example (date) => isWeekend(date, 'no-NO') ? 'helgedag' : ''
+     */
+    ariaLabelForDate?: (date: CalendarDate) => string;
+    /** Callback-funksjon for når valideringen til datovelgeren endrer seg */
+    onValidate?: (isValid?: boolean) => void;
+    disabled?: boolean;
+    locale?: string;
+    calendarRef?: default_2.MutableRefObject<HTMLDivElement | null>;
+    forcedReturnType?: DateFieldProps<DateType>['forcedReturnType'];
+};
+
+export declare type BaseDateFieldProps<DateType extends DateValue> = {
+    /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
+    selectedDate: DateType | null;
+    /** Kalles når dato endres. Tid i '@internationalized/date'-pakkens format */
+    onChange?: (value: MappedDateValue<DateType> | null) => void;
+    /** Ledetekst til DateField */
+    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;
+    /** Brukes for å vise tid i datovelgeren. Velg minste enhet som skal vises.
+     * Hvis du vil vise tid vil "minute" vise minutt og ikke sekund, mens "second" viser
+     * sekunder også.
+     * @default "day"
+     */
+    granularity?: Granularity;
+    /** 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.
+     *
+     * OBS: Hvis du bruker dato med tid vil tidspunktet også tas hensyn til.
+     * Gyldig fra og med den tiden som legges inn som minDate.
+     * Dato uten tid vil være gyldig hele minDate-dagen */
+    minDate?: DateValue;
+    /** Seneste gyldige datovalg.
+     * Eks: today(getLocalTimeZone()).add({days: 1}) == i morgen i lokal tidssone
+     *
+     * OBS: Hvis du bruker dato med tid vil tidspunktet også tas hensyn til.
+     * Gyldig til og med den tiden som legges inn som maxDate.
+     * Dato uten tid vil være gyldig hele maxDate-dagen */
+    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;
+    /** Tvinger typen på onChange til den gitte typen.
+     * Dette er nyttig når utgangsverdien din er 'null', men du ønsker at
+     * DatePicker alltid skal returnere f.eks ZonedDateTime.
+     *
+     * Som standard returnerer onChange DateValue basert på selectedDate,
+     * eller CalendarDate hvis selectedDate er 'null'.
+     *
+     * @default undefined
+     */
+    forcedReturnType?: ForcedReturnType;
+    /** Varselmelding, som vil komme under TimePicker */
+    feedback?: string;
+    /** Valideringsvariant*/
+    variant?: VariantType | typeof error | typeof info;
+    /** Varselmelding som forteller om ugyldig dato
+     * @default "Ugyldig dato"
+     */
+    validationFeedback?: string;
+    /** Valideringsvariant for melding om ugyldig dato
+     * @default "negative"
+     */
+    validationVariant?: VariantType | typeof error | typeof info;
+    /** Callback-funksjon for når valideringen til datovelgeren endrer seg */
+    onValidate?: (isValid?: boolean) => void;
+    labelTooltip?: default_2.ReactNode;
+    labelProps?: default_2.DOMAttributes<Element>;
+    fieldProps?: DateFieldProps<DateType>;
+    dateFieldRef?: default_2.Ref<HTMLDivElement>;
+    disabled?: boolean;
+    readOnly?: boolean;
+    /** Ekstra klassenavn */
+    className?: string;
+    style?: default_2.CSSProperties;
+};
+
+declare type BaseDatePickerProps = {
+    /** Slå på visning av ukenummere i kalenderen. Overskriften for ukenummer-kolonnen
+     * kan endres med prop-en 'weekNumberHeader'
+     * @default false */
+    showWeekNumbers?: boolean;
+    /** Overskrift som vises for ukenummer-kolonnen. Vises kun hvis 'showWeekNumbers' er true.
+     * @default '#' */
+    weekNumberHeader?: string;
+    /** 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?: default_2.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;
+    /** Brukes for å legge til klassenavn på spesifikke datoer i kalenderen.
+     *  Tar inn en dato og skal returnere klassenavnet som skal legges til den datoen.
+     *  @default undefined
+     *  @example (date) => isWeekend(date, 'no-NO') ? 'weekend' : ''
+     *
+     *  OBS: hvis stylingen er meningsbærende bør du bruke ariaLabelForDate i tillegg for å beskrive
+     *  meningen til skjermlesere o.l.
+     */
+    classNameForDate?: (date: CalendarDate) => string;
+    /** Legger til teksten som returneres på datoen i kalenderen sin aria-label.
+     *  Bør brukes sammen med classNameForDate hvis styling-endringene gjort der er meningsbærende.
+     *  @default undefined
+     *  @example (date) => isWeekend(date, 'no-NO') ? 'helgedag' : ''
+     */
+    ariaLabelForDate?: (date: CalendarDate) => string;
+};
+
+declare type BaseFormControlProps = default_2.HTMLAttributes<HTMLDivElement> & {
+    /** Et skjemaelement med `eds-form-control`-klassen */
+    children: default_2.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Sett til true om skjema-elementet er disabled */
+    disabled?: boolean;
+    /** Sett til true om skjema-elementet er i read-only modus */
+    readOnly?: boolean;
+    /** Tekst eller ikon som vises foran skjema-elementet */
+    prepend?: default_2.ReactNode;
+    /** Tekst eller ikon som vises etter skjema-elementet */
+    append?: default_2.ReactNode;
+    /** Valideringsvariant */
+    variant?: VariantType_2 | typeof error_2 | typeof info_2;
+    /**Størrelsen på skjemaelementet
+     * @default "medium"
+     */
+    size?: 'medium' | 'large';
+    /** Label til inputfeltet */
+    label: default_2.ReactNode;
+    /** En tooltip som forklarer labelen til inputfeltet */
+    labelTooltip?: default_2.ReactNode;
+    /** Forklarende tekst for knappen som åpner labelTooltip */
+    labelTooltipButtonAriaLabel?: string;
+    labelTooltipPlacement?: Placement;
+    /** Illustrerer om inputfeltet er påkrevd eller ikke */
+    required?: boolean;
+    /** ID som settes på labelen til inputfeltet */
+    labelId: string;
+    /** Varselmelding, som vil komme under form-komponenten */
+    feedback?: string;
+    /** Om inputfeltet er fylt med data. Brukes for plassering av label */
+    isFilled?: boolean;
+    /**Ekstra props som sendes til label */
+    labelProps?: {
+        [key: string]: any;
+    };
+    /** Ekstra styling */
+    style?: default_2.CSSProperties;
+    /** Plasserer labelen statisk på toppen av inputfeltet */
+    disableLabelAnimation?: boolean;
+    /** Setter feedbackText sin rolle til "alert" */
+    onClick?: (event: default_2.MouseEvent<HTMLElement>) => void;
+    ariaAlertOnFeedback?: boolean;
+    /** Legg til et element etter feltet */
+    after?: default_2.ReactNode;
+    /** Legg til et element før feltet */
+    before?: default_2.ReactNode;
+    /** Aria-label som brukes når inputfeltet er i read-only modus */
+    ariaLabelOnReadOnly?: string;
+};
+
+declare type BaseSimpleTimePickerProps<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 | default_2.Dispatch<default_2.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 | typeof error_6 | typeof info_6;
+    /** Tekst eller ikon som vises foran skjema-elementet */
+    prepend?: default_2.ReactNode;
+    /** Tekst eller ikon som vises etter skjema-elementet */
+    append?: default_2.ReactNode;
+    labelTooltip?: default_2.ReactNode;
+    disabled?: boolean;
+    readOnly?: boolean;
+    inputRef?: default_2.ForwardedRef<HTMLInputElement>;
+    /** Ekstra klassenavn */
+    className?: string;
+    style?: default_2.CSSProperties;
+};
+
+declare type BaseTimePickerProps<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.
+     *  Rundes av til nærmeste hele 'minuteIncrement' som går opp i 60.
+     *
+     *  OBS: Støtter kun verdier <= 60 og multiplum av 60.
+     *  @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;
+    /** Viser sekunder i tillegg til minutter og timer
+     * @default false
+     */
+    showSeconds?: 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 | typeof error_4 | typeof info_4;
+    labelTooltip?: default_2.ReactNode;
+    disabled?: boolean;
+    readOnly?: boolean;
+    inputRef?: default_2.ForwardedRef<HTMLDivElement>;
+    /** Tvinger typen på onChange til den gitte typen.
+     * Dette er nyttig når utgangsverdien din er 'null', men du ønsker at
+     * TimePicker alltid skal returnere f.eks Time.
+     *
+     * Som standard returnerer onChange TimeValue basert på selectedTime,
+     * eller ZonedDateTime hvis selectedTime er 'null'.
+     *
+     * @default undefined
+     */
+    forcedReturnType?: 'Time' | 'CalendarDateTime' | 'ZonedDateTime';
+    forcedTimeZone?: string;
+    /** Ekstra klassenavn */
+    className?: string;
+    style?: default_2.CSSProperties;
+};
+
+export declare const Calendar: <DateType extends DateValue_2>({ locale: localOverride, ...rest }: CalendarProps<DateType>) => default_2.JSX.Element;
+
+export { CalendarDate }
+
+export { CalendarDateTime }
+
+export declare type CalendarProps<DateType extends DateValue_2> = BaseCalendarProps<DateType> & ExtendedCalendarProps<DateType>;
+
+export declare const convertValueToType: ({ value, type, timezone, }: {
+    value: DateValue_2 | TimeValue | null;
+    type: "CalendarDate" | "CalendarDateTime" | "ZonedDateTime" | "Time";
+    timezone?: string;
+}) => CalendarDate | ZonedDateTime | CalendarDateTime | Time | null;
+
+export declare const createCalendar: (identifier?: string) => Calendar_2;
+
+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>) => default_2.JSX.Element;
+
+export declare type DateFieldProps<DateType extends DateValue> = BaseDateFieldProps<DateType> & ExtendedDateFieldProps<DateType>;
+
+export declare const DatePicker: <DateType extends DateValue_2>({ 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>) => default_2.JSX.Element;
+
+export declare type DatePickerProps<DateType extends DateValue_2> = Omit<BaseDateFieldProps<DateType>, keyof BaseDatePickerProps | 'labelProps' | 'fieldProps' | 'groupProps' | 'dateFieldRef'> & BaseDatePickerProps & ExtendedDateFieldProps<DateType>;
+
+export { DateValue }
+
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
+
+/** @deprecated use variant="negative" instead */
+declare const error_2 = "error";
+
+/** @deprecated use variant="negative" instead */
+declare const error_3 = "error";
+
+/** @deprecated use variant="negative" instead */
+declare const error_4 = "error";
+
+/** @deprecated use variant="negative" instead */
+declare const error_5 = "error";
+
+/** @deprecated use variant="negative" instead */
+declare const error_6 = "error";
+
+declare type ExtendedCalendarProps<DateType extends DateValue_2> = Omit<AriaCalendarProps<DateType>, keyof BaseCalendarProps<DateType> | 'value' | 'label' | 'hideTimeZone' | 'placeholder' | 'placeholderValue' | 'defaultValue' | 'minValue' | 'maxValue'>;
+
+export declare 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'>>;
+
+declare 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'>;
+
+declare 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'>;
+
+export declare const focusSegment: (ref: React.RefObject<HTMLDivElement>, segment: "first" | "last") => void;
+
+export declare type ForcedReturnType = 'CalendarDate' | 'CalendarDateTime' | 'ZonedDateTime' | undefined;
+
+/** Based on code from https://stackoverflow.com/questions/6117814/get-week-of-year-in-javascript-like-in-php */
+export declare function getWeekNumberForDate(date: DateValue_2 | null): number;
+
+export declare function handleOnChange<DateType extends DateValue_2>({ value, selectedDate, forcedReturnType, onChange, }: {
+    value: MappedDateValue<DateType> | null;
+    selectedDate: DateType | null;
+    forcedReturnType: ForcedReturnType;
+    onChange?: ((value: MappedDateValue<DateType> | null) => void) | ((value: DateValue_2 | null) => void);
+}): void;
+
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+
+/** @deprecated use variant="information" instead */
+declare const info_2 = "info";
+
+/** @deprecated use variant="information" instead */
+declare const info_3 = "info";
+
+/** @deprecated use variant="information" instead */
+declare const info_4 = "info";
+
+/** @deprecated use variant="information" instead */
+declare const info_5 = "info";
+
+/** @deprecated use variant="information" instead */
+declare const info_6 = "info";
+
+export declare const lastMillisecondOfDay: (dateValue: DateValue_2) => CalendarDateTime;
+
+export declare const modulo: (a: number, b: number) => number;
+
+export declare const NativeDatePicker: default_2.ForwardRefExoticComponent<{
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Label over NativeDatePicker */
+    label: string;
+    /** Varselmelding, som vil komme under NativeDatePicker */
+    feedback?: string;
+    /** Valideringsvariant*/
+    variant?: VariantType | typeof error_3 | typeof info_3;
+    /** Plasserer labelen statisk på toppen av inputfeltet
+     * @default false
+     */
+    disableLabelAnimation?: boolean;
+    /** Tekst eller ikon som kommer før inputfelter
+     * @default <DateIcon />
+     */
+    prepend?: default_2.ReactNode;
+} & default_2.InputHTMLAttributes<HTMLInputElement> & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare type NativeDatePickerProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Label over NativeDatePicker */
+    label: string;
+    /** Varselmelding, som vil komme under NativeDatePicker */
+    feedback?: string;
+    /** Valideringsvariant*/
+    variant?: VariantType | typeof error_3 | typeof info_3;
+    /** Plasserer labelen statisk på toppen av inputfeltet
+     * @default false
+     */
+    disableLabelAnimation?: boolean;
+    /** Tekst eller ikon som kommer før inputfelter
+     * @default <DateIcon />
+     */
+    prepend?: default_2.ReactNode;
+} & default_2.InputHTMLAttributes<HTMLInputElement>;
+
+/**
+ * Tar inn et JS Date-objekt og returnerer et av DateValue-objektene fra @internationalized/date-pakken
+ * @param {Date | null} date JS Date-objekt som ønskes konvertert til et DateValue-objekt
+ * @param {boolean} noTimeOnlyDate Hvis tidspunktet er irrelevant kan denne settes til true, da får man et CalendarDate-objekt uten tidspunkt tilbake
+ * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
+ * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.
+ * @returns {CalendarDateTime | ZonedDateTime | CalendarDate | null} et av DateValue-objektene med verdier fra date eller null
+ */
+export declare function nativeDateToDateValue(date: Date | null, noTimeOnlyDate?: boolean, timeZone?: string, offset?: number): CalendarDate | ZonedDateTime | CalendarDateTime | null;
+
+/**
+ * Tar inn et JS Date-objekt og returnerer et av TimeValue-objektene fra @internationalized/date-pakken
+ * @param {Date | null} date JS Date-objekt som ønskes konvertert til et TimeValue-objekt
+ * @param {boolean} noDateOnlyTime Hvis datoen er irrelevant kan denne settes til true, da får man et Time-objekt uten dato tilbake
+ * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
+ * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.
+ * @returns {Time | CalendarDateTime | ZonedDateTime | null} et av TimeValue-objektene med verdier fra date eller null
+ */
+export declare function nativeDateToTimeValue(date: Date | null, noDateOnlyTime?: boolean, timeZone?: string, offset?: number): ZonedDateTime | CalendarDateTime | Time | null;
+
+export declare const NativeTimePicker: default_2.ForwardRefExoticComponent<{
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Label over NativeTimePicker */
+    label: string;
+    /** Varselmelding, som vil komme under NativeTimePicker */
+    feedback?: string;
+    /** Valideringsvariant*/
+    variant?: VariantType | typeof error_5 | typeof info_5;
+    /** Tekst eller ikon som kommer før inputfelter */
+    prepend?: default_2.ReactNode;
+} & default_2.InputHTMLAttributes<HTMLInputElement> & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare type NativeTimePickerProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Label over NativeTimePicker */
+    label: string;
+    /** Varselmelding, som vil komme under NativeTimePicker */
+    feedback?: string;
+    /** Valideringsvariant*/
+    variant?: VariantType | typeof error_5 | typeof info_5;
+    /** Tekst eller ikon som kommer før inputfelter */
+    prepend?: default_2.ReactNode;
+} & default_2.InputHTMLAttributes<HTMLInputElement>;
+
+declare type Placement = 'top' | 'top-left' | 'top-start' | 'top-right' | 'top-end' | 'left' | 'right' | 'bottom-left' | 'bottom-start' | 'bottom' | 'bottom-right' | 'bottom-end';
+
+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>) => default_2.JSX.Element;
+
+export declare type SimpleTimePickerProps<TimeType extends TimeValue> = BaseSimpleTimePickerProps<TimeType> & ExtendedSimpleTimePickerProps<TimeType>;
+
+export { Time }
+
+/**
+ * Tar inn et av Date- eller TimeValue-objektene fra \@internationalized/date-pakken og returnerer et JS Date-objekt
+ * @param {DateValue | TimeValue | null} value En dato eller et tidspunkt på Date- eller TimeValue-formatet som ønskes konvertert til et JS Date-objekt
+ * @param {string} timeZoneForCalendarDateTime Tidssonen value er i. Fungerer kun med typen er CalendarDateTime
+ * @returns {Date | null} et Date-objekt med verdier fra time eller null
+ */
+export declare function timeOrDateValueToNativeDate(value: TimeValue | DateValue_2 | null, timeZoneForCalendarDateTime?: string): Date | null;
+
+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>) => default_2.JSX.Element;
+
+export declare type TimePickerProps<TimeType extends TimeValue> = BaseTimePickerProps<TimeType> & ExtendedTimePickerProps<TimeType>;
+
+export { TimeValue }
+
+declare type VariantType = 'success' | 'negative' | 'warning' | 'information';
+
+declare type VariantType_2 = 'success' | 'negative' | 'warning' | 'information';
+
+export { ZonedDateTime }
+
+export { }