@entur/datepicker 11.1.2 → 11.2.1-beta.0

package/dist/styles.css

@@ -1,8 +1,84 @@
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+[data-color-mode=light],
+:root {
+  --components-datepicker-calendar-background: #ffffff;
+  --components-datepicker-calendar-border: #e3e6e8;
+  --components-datepicker-calendar-dateborder: #e3e6e8;
+  --components-datepicker-calendar-datefill-hover: #d9ddf2;
+  --components-datepicker-calendar-datefill-selected: #aeb7e2;
+  --components-datepicker-calendar-icon: #181c56;
+  --components-datepicker-calendar-stroke-today: #ff5959;
+  --components-datepicker-calendar-text-accent: #181c56;
+  --components-datepicker-calendar-text-disabled: #b6b8ba;
+  --components-datepicker-calendar-text-subdued: #626493;
+}
+
+[data-color-mode=dark] {
+  --components-datepicker-calendar-background: #393a49;
+  --components-datepicker-calendar-border: rgba(255, 255, 255, 0);
+  --components-datepicker-calendar-dateborder: #81828f;
+  --components-datepicker-calendar-datefill-hover: rgba(229, 229, 233, 0.3490196078);
+  --components-datepicker-calendar-datefill-selected: rgba(229, 229, 233, 0.1490196078);
+  --components-datepicker-calendar-icon: #e5e5e9;
+  --components-datepicker-calendar-stroke-today: #ff9494;
+  --components-datepicker-calendar-text-accent: #e5e5e9;
+  --components-datepicker-calendar-text-disabled: #6e6f73;
+  --components-datepicker-calendar-text-subdued: #b3b4bd;
+}
+
+:root {
+  --eds-datepicker: 1;
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-date-and-time-field__segment {
+  margin-top: 1rem;
+  padding: 0 2px;
+  font-variant-numeric: tabular-nums;
+  text-align: end;
+}
+.eds-date-and-time-field__segment:is(:first-child, :last-child):not([role=spinbutton]) {
+  padding: 0;
+}
+.eds-date-and-time-field__segment--placeholder {
+  color: var(--components-datepicker-datefield-standard-text-content);
+}
+.eds-date-and-time-field__segment--dot-separator {
+  margin-left: -0.1rem;
+  margin-right: -0.2rem;
+}
+.eds-date-and-time-field__segment:focus-visible {
+  background-color: var(--components-button-iconbutton-standard-active);
+  outline: transparent;
+  border-radius: 0.0625rem;
+}
+.eds-date-and-time-field__segment[aria-valuemax="9999"] {
+  min-width: 4ch;
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-datefield {
+  width: fit-content;
+  display: block;
+}
+.eds-datefield .eds-form-control-wrapper {
+  display: inline-flex;
+  padding-inline: 1rem;
+  width: fit-content;
+}
+.eds-datefield .eds-form-control-wrapper--disabled:focus-within {
+  border-color: transparent;
+  box-shadow: none;
+}
+.eds-datefield .eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
+  background: none;
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-datepicker__calendar,
 .eds-contrast .eds-datepicker__calendar {
-  width: -moz-fit-content;
   width: fit-content;
   padding: 1.5rem;
   padding-top: 0.75rem;
@@ -137,32 +213,7 @@
 .eds-datepicker__calendar__grid__cell--today,
 .eds-contrast .eds-datepicker__calendar__grid__cell--today {
   border-bottom: 2px solid var(--components-datepicker-calendar-stroke-today);
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-date-and-time-field__segment {
-  margin-top: 1rem;
-  padding: 0 2px;
-  font-feature-settings: "tnum";
-  font-variant-numeric: tabular-nums;
-  text-align: right;
-}
-.eds-date-and-time-field__segment--placeholder {
-  color: var(--components-datepicker-datefield-standard-text-content);
-}
-.eds-date-and-time-field__segment--dot-separator {
-  margin-left: -0.1rem;
-  margin-right: -0.2rem;
-}
-.eds-date-and-time-field__segment:focus-visible {
-  background-color: var(--components-button-iconbutton-standard-active);
-  outline: transparent;
-  border-radius: 0.0625rem;
-}
-.eds-date-and-time-field__segment[aria-valuemax="9999"] {
-  min-width: 4ch;
-}
-/* DO NOT CHANGE!*/
+}/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control-wrapper {
   padding-right: 0rem;
@@ -188,41 +239,18 @@
   background-color: var(--components-button-iconbutton-standard-active);
 }
 .eds-datepicker__calendar-modal.eds-modal__content {
-  padding: 0;
-  padding: initial;
+  padding: unset;
   width: inherit;
-  background-color: transparent;
-  background-color: initial;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-datefield {
-  width: -moz-fit-content;
-  width: fit-content;
-}
-.eds-datefield .eds-form-control-wrapper {
-  padding-left: 1rem;
-  padding-right: 1rem;
-  width: -moz-fit-content;
-  width: fit-content;
-}
-.eds-datefield .eds-form-control-wrapper--disabled:focus-within {
-  border-color: transparent;
-  box-shadow: none;
-}
-.eds-datefield .eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
-  background: none;
-}
-/* DO NOT CHANGE!*/
+  background-color: unset;
+}/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-timepicker {
-  width: -moz-fit-content;
   width: fit-content;
   justify-content: center;
+  display: block;
 }
 .eds-timepicker--disabled {
-  padding-left: 1rem;
-  padding-right: 1rem;
+  padding-inline: 1rem;
 }
 .eds-timepicker .eds-form-control__prepend {
   margin-right: 0.25rem;
@@ -232,6 +260,7 @@
 }
 .eds-timepicker .eds-form-control-wrapper {
   padding: 0rem;
+  display: inline-flex;
 }
 .eds-timepicker__arrowbutton {
   margin: 0 0.25rem;
@@ -257,13 +286,10 @@
 }
 .eds-timepicker .eds-icon-button--disabled__wrapper {
   display: none;
-}
-.eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
+}.eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
   position: relative;
   top: -0.5rem;
-}
-.eds-simple-timepicker {
-  width: 7rem;
+}.eds-simple-timepicker {
   width: var(--input-width);
   --input-width: 7rem;
 }
@@ -287,40 +313,4 @@
 }
 .eds-simple-timepicker--show-seconds.eds-simple-timepicker--has-tooltip {
   --input-width: 10.5rem;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-[data-color-mode=light],
-:root {
-  --components-datepicker-calendar-background: #ffffff;
-  --components-datepicker-calendar-border: #e3e6e8;
-  --components-datepicker-calendar-dateborder: #e3e6e8;
-  --components-datepicker-calendar-datefill-hover: #d9ddf2;
-  --components-datepicker-calendar-datefill-selected: #aeb7e2;
-  --components-datepicker-calendar-icon: #181c56;
-  --components-datepicker-calendar-stroke-today: #ff5959;
-  --components-datepicker-calendar-text-accent: #181c56;
-  --components-datepicker-calendar-text-disabled: #b6b8ba;
-  --components-datepicker-calendar-text-subdued: #626493;
-}
-
-[data-color-mode=dark] {
-  --components-datepicker-calendar-background: #393a49;
-  --components-datepicker-calendar-border: rgba(255, 255, 255, 0);
-  --components-datepicker-calendar-dateborder: #81828f;
-  --components-datepicker-calendar-datefill-hover: rgba(229, 229, 233, 0.3490196078);
-  --components-datepicker-calendar-datefill-selected: rgba(229, 229, 233, 0.1490196078);
-  --components-datepicker-calendar-icon: #e5e5e9;
-  --components-datepicker-calendar-stroke-today: #ff9494;
-  --components-datepicker-calendar-text-accent: #e5e5e9;
-  --components-datepicker-calendar-text-disabled: #6e6f73;
-  --components-datepicker-calendar-text-subdued: #b3b4bd;
-}
-
-:root {
-  --eds-datepicker: 1;
-}
+}

package/package.json

@@ -1,10 +1,18 @@
 {
   "name": "@entur/datepicker",
-  "version": "11.1.2",
+  "version": "11.2.1-beta.0",
   "license": "EUPL-1.2",
-  "main": "dist/index.js",
+  "main": "dist/datepicker.cjs.js",
   "module": "dist/datepicker.esm.js",
-  "typings": "dist/index.d.ts",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/datepicker.esm.js",
+      "require": "./dist/datepicker.cjs.js"
+    },
+    "./dist/*": "./dist/*"
+  },
   "files": [
     "dist"
   ],
@@ -17,39 +25,49 @@
     "access": "public"
   },
   "scripts": {
-    "start": "dts watch --noClean",
-    "build": "dts build",
-    "test": "dts test",
-    "lint": "dts lint src"
+    "start": "vite build --watch",
+    "build": "vite build",
+    "test": "jest",
+    "lint": "eslint src"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/a11y": "^0.2.99",
-    "@entur/button": "^3.3.12",
-    "@entur/form": "^8.3.1",
-    "@entur/icons": "^8.0.0",
-    "@entur/modal": "^1.7.72",
-    "@entur/tokens": "^3.19.1",
-    "@entur/tooltip": "^5.2.12",
-    "@entur/typography": "^1.9.12",
-    "@entur/utils": "^0.12.3",
-    "@floating-ui/react-dom": "^2.1.0",
-    "@internationalized/date": "^3.4.0",
-    "@react-aria/button": "^3.6.4",
-    "@react-aria/calendar": "^3.6.0",
-    "@react-aria/datepicker": "^3.6.0",
-    "@react-aria/i18n": "^3.8.1",
-    "@react-stately/calendar": "^3.6.0",
-    "@react-stately/datepicker": "^3.11.0",
-    "classnames": "^2.3.1",
-    "react-focus-lock": "^2.9.1"
+    "@entur/a11y": "^0.2.100-beta.0",
+    "@entur/button": "^3.3.13-beta.0",
+    "@entur/form": "^8.3.2-beta.0",
+    "@entur/icons": "^8.0.1-beta.0",
+    "@entur/modal": "^1.7.73-beta.0",
+    "@entur/tokens": "^3.19.2-beta.0",
+    "@entur/tooltip": "^5.2.13-beta.0",
+    "@entur/typography": "^1.9.13-beta.0",
+    "@entur/utils": "^0.12.4-beta.0",
+    "@floating-ui/react-dom": "^2.1.6",
+    "@internationalized/date": "^3.8.2",
+    "@react-aria/button": "^3.14.0",
+    "@react-aria/calendar": "^3.9.0",
+    "@react-aria/datepicker": "^3.15.0",
+    "@react-aria/i18n": "^3.12.11",
+    "@react-stately/calendar": "^3.8.3",
+    "@react-stately/datepicker": "^3.15.0",
+    "classnames": "^2.5.1",
+    "react-focus-lock": "^2.13.6"
   },
   "devDependencies": {
-    "@react-types/datepicker": "^3.9.0",
-    "dts-cli": "2.0.5"
+    "@react-types/datepicker": "^3.13.0",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^10.4.9",
+    "@testing-library/user-event": "14.6.1",
+    "@vitejs/plugin-react": "^5.0.1",
+    "eslint": "^7.32.0",
+    "jest": "^29.0.0",
+    "jest-environment-jsdom": "^29.0.0",
+    "ts-jest": "^29.0.0",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.3",
+    "vite-plugin-dts": "^4.5.4"
   },
-  "gitHead": "f332d7ab2cffcbf373183520965f838daf64e8c5"
+  "gitHead": "414181fa2084722438238256a9aa32e304896b9d"
 }

package/dist/DatePicker/Calendar.d.ts

@@ -1,60 +0,0 @@
-import React from 'react';
-import { AriaCalendarProps } from '@react-aria/calendar';
-import { CalendarDate, DateValue } from '@internationalized/date';
-import { MappedDateValue } from '@react-types/datepicker';
-import { DateFieldProps } from './DateField';
-import './Calendar.scss';
-type ExtendedCalendarProps<DateType extends DateValue> = Omit<AriaCalendarProps<DateType>, keyof BaseCalendarProps<DateType> | 'value' | 'label' | 'hideTimeZone' | 'placeholder' | 'placeholderValue' | 'defaultValue' | 'minValue' | 'maxValue'>;
-type BaseCalendarProps<DateType extends DateValue> = {
-    selectedDate: DateType | null;
-    onChange?: (selectedDate: MappedDateValue<DateType> | null) => void;
-    navigationDescription?: string;
-    style?: React.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;
-    /** 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;
-    /** 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;
-    disabled?: boolean;
-    locale?: string;
-    calendarRef?: React.MutableRefObject<HTMLDivElement | null>;
-    forcedReturnType?: DateFieldProps<DateType>['forcedReturnType'];
-};
-export type CalendarProps<DateType extends DateValue> = BaseCalendarProps<DateType> & ExtendedCalendarProps<DateType>;
-export declare const Calendar: <DateType extends DateValue>({ locale: localOverride, ...rest }: CalendarProps<DateType>) => React.JSX.Element;
-export {};

package/dist/DatePicker/CalendarCell.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { CalendarState } from '@react-stately/calendar';
-import { CalendarDate } from '@internationalized/date';
-type CalendarCellProps = {
-    state: CalendarState;
-    date: CalendarDate;
-    weekNumberString: string;
-    onSelectedCellClick?: () => void;
-    onCellClick?: () => void;
-    classNameForDate?: (date: CalendarDate) => string;
-    ariaLabelForDate?: (date: CalendarDate) => string;
-};
-export declare const CalendarCell: ({ state, date, onSelectedCellClick, onCellClick, weekNumberString, classNameForDate, ariaLabelForDate, ...rest }: CalendarCellProps) => React.JSX.Element;
-export {};

package/dist/DatePicker/CalendarGrid.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { CalendarState } from '@react-stately/calendar';
-import { CalendarDate } from '@internationalized/date';
-type CalendarGridProps = {
-    state: CalendarState;
-    navigationDescription?: string;
-    showWeekNumbers: boolean;
-    weekNumberHeader: string;
-    onSelectedCellClick?: () => void;
-    onCellClick?: () => void;
-    classNameForDate?: (date: CalendarDate) => string;
-    ariaLabelForDate?: (date: CalendarDate) => string;
-};
-export declare const CalendarGrid: ({ state, navigationDescription, onSelectedCellClick, onCellClick, showWeekNumbers, weekNumberHeader, classNameForDate, ariaLabelForDate, ...rest }: CalendarGridProps) => React.JSX.Element;
-export {};

package/dist/DatePicker/DateField.d.ts

@@ -1,88 +0,0 @@
-import React from 'react';
-import type { DateValue, AriaDatePickerProps, MappedDateValue, Granularity } from '@react-types/datepicker';
-import { BaseFormControlProps } from '@entur/form';
-import { VariantType } from '@entur/utils';
-import { ForcedReturnType } from '../shared/utils';
-import './DateField.scss';
-/** @deprecated use variant="information" instead */
-declare const info = "info";
-/** @deprecated use variant="negative" instead */
-declare const error = "error";
-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'>>;
-export 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;
-    labelTooltip?: React.ReactNode;
-    labelProps?: React.DOMAttributes<Element>;
-    fieldProps?: DateFieldProps<DateType>;
-    dateFieldRef?: React.Ref<HTMLDivElement>;
-    disabled?: boolean;
-    readOnly?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    style?: React.CSSProperties;
-};
-export type DateFieldProps<DateType extends DateValue> = BaseDateFieldProps<DateType> & ExtendedDateFieldProps<DateType>;
-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, dateFieldRef: ref, ...rest }: DateFieldProps<DateType>) => React.JSX.Element;
-export {};

package/dist/DatePicker/DatePicker.d.ts

@@ -1,44 +0,0 @@
-import React from 'react';
-import { CalendarDate, DateValue } from '@internationalized/date';
-import { BaseDateFieldProps, ExtendedDateFieldProps } from './DateField';
-import './DatePicker.scss';
-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?: 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;
-    /** 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;
-};
-export type DatePickerProps<DateType extends DateValue> = Omit<BaseDateFieldProps<DateType>, keyof BaseDatePickerProps | 'labelProps' | 'fieldProps' | 'groupProps' | 'dateFieldRef'> & BaseDatePickerProps & ExtendedDateFieldProps<DateType>;
-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;
-export {};

package/dist/DatePicker/NativeDatePicker.d.ts

@@ -1,43 +0,0 @@
-import React from 'react';
-import { VariantType } from '@entur/utils';
-/** @deprecated use variant="information" instead */
-declare const info = "info";
-/** @deprecated use variant="negative" instead */
-declare const error = "error";
-export type NativeDatePickerProps = {
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Label over NativeDatePicker */
-    label: string;
-    /** Varselmelding, som vil komme under NativeDatePicker */
-    feedback?: string;
-    /** Valideringsvariant*/
-    variant?: VariantType | typeof error | typeof info;
-    /** 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;
-    /** Label over NativeDatePicker */
-    label: string;
-    /** Varselmelding, som vil komme under NativeDatePicker */
-    feedback?: string;
-    /** Valideringsvariant*/
-    variant?: VariantType | typeof error | typeof info;
-    /** 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> & React.RefAttributes<HTMLInputElement>>;
-export {};

package/dist/DatePicker/index.d.ts

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

package/dist/TimePicker/NativeTimePicker.d.ts

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