@oslokommune/punkt-react 14.5.3 → 15.0.0

package/CHANGELOG.md

@@ -5,6 +5,39 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [15.0.0](https://github.com/oslokommune/punkt/compare/14.5.4...15.0.0) (2026-02-12)
+
+### ⚠ BREAKING CHANGES
+* PktDatepicker er nå en ren React-komponent - pluss endringer i Elements pkt-datepicker (#3241). BREAKING CHANGE: **React datepicker bruker ikke Custom Event i onValueChange, men returnerer array direkte**
+  
+  BREAKING CHANGE: **Endringer i HTML-attributter for Punkt Elements `<pkt-datepicker>`**
+  
+  `showRangeLabels` er nå `show-range-labels`
+  `calendarOpen` er nå `calendar-open`
+  
+  JavaScript-properties og React-props (`showRangeLabels`, `calendarOpen`) er uendret — kun HTML-attributtene i Punkt Elements-varianten er endret.
+  
+  **Andre endringer:**
+  
+  Lagt til til en metode for å overstyre `today`, slik at dagens dato i kalenderen kan være markert som en annen dato enn dagens faktiske dato (nyttig om man har snapshot-tester som daglig vil vike fra gårsdagens snapshots.
+  
+  Fikset en drøss med små visuelle bugs som er rapportert fra brukere og designer.
+  
+  Datepicker støtter endelig attributten `fullwidth`.
+
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [14.5.3](https://github.com/oslokommune/punkt/compare/14.5.2...14.5.3) (2026-02-09)
 
 ### ⚠ BREAKING CHANGES

package/dist/index.d.ts

@@ -10,6 +10,7 @@ import { FocusEventHandler } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
 import { HTMLProps } from 'react';
+import { IDatepickerStrings } from '../../../../../shared-types/datepicker';
 import { InputHTMLAttributes } from 'react';
 import { IPktBackLink as IPktBackLink_2 } from '@oslokommune/punkt-elements';
 import { IPktCombobox as IPktCombobox_2 } from '@oslokommune/punkt-elements';
@@ -160,6 +161,37 @@ export declare interface IPktButton extends ButtonHTMLAttributes<HTMLButtonEleme
     loadingAnimationPath?: string;
 }
 
+declare interface IPktCalendar {
+    selected?: string[];
+    multiple?: boolean;
+    maxMultiple?: number;
+    range?: boolean;
+    earliest?: string | null;
+    latest?: string | null;
+    excludedates?: Date[] | string[];
+    excludeweekdays?: string[];
+    weeknumbers?: boolean;
+    withcontrols?: boolean;
+    currentmonth?: Date | string | null;
+    today?: string;
+    strings?: IPktCalendarStrings;
+    onDateSelected?: (selected: string[]) => void;
+    onClose?: () => void;
+    id?: string;
+    className?: string;
+}
+
+declare interface IPktCalendarStrings {
+    month?: string;
+    year?: string;
+    days?: string[];
+    daysShort?: string[];
+    months?: string[];
+    week?: string;
+    prevMonth?: string;
+    nextMonth?: string;
+}
+
 export declare interface IPktCard extends PktElType {
     ariaLabel?: string;
     metaLead?: string | null;
@@ -224,41 +256,41 @@ declare interface IPktConsent extends IPktConsent_2 {
     onToggleConsent?: (e: CustomEvent) => void;
 }
 
-export declare interface IPktDatepicker extends InputHTMLAttributes<HTMLInputElement> {
+export declare interface IPktDatepicker extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+    id: string;
+    label: string;
     value?: string | string[];
-    label?: string;
     dateformat?: string;
     multiple?: boolean;
     maxlength?: number;
     range?: boolean;
+    showRangeLabels?: boolean;
     weeknumbers?: boolean;
     withcontrols?: boolean;
-    fullwidth?: boolean;
     excludedates?: string[];
     excludeweekdays?: string[];
     currentmonth?: string;
+    today?: string;
     calendarOpen?: boolean;
-    requiredTag?: boolean;
-    requiredText?: string;
+    timezone?: string;
+    fullwidth?: boolean;
+    hasFieldset?: boolean;
+    inline?: boolean;
+    helptext?: string | ReactNode;
+    helptextDropdown?: string | ReactNode;
+    helptextDropdownButton?: string;
+    hasError?: boolean;
+    errorMessage?: string | ReactNode;
     optionalTag?: boolean;
     optionalText?: string;
+    requiredTag?: boolean;
+    requiredText?: string;
     tagText?: string;
     useWrapper?: boolean;
-    helptext?: string | ReactNode | ReactNode[];
-    helptextDropdown?: string | ReactNode | ReactNode[];
-    helptextDropdownButton?: string;
-    hasError?: boolean;
-    errorMessage?: string | ReactNode | ReactNode[];
-    strings?: any;
-    ref?: LegacyRef<HTMLInputElement>;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    onInput?: ChangeEventHandler<HTMLInputElement>;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    onValueChange?: (e: CustomEvent) => void;
-    onToggleHelpText?: (e: CustomEvent) => void;
-    dataTestid?: string;
-    skipForwardTestid?: boolean;
+    strings?: IDatepickerStrings;
+    onChange?: (e: Event) => void;
+    onValueChange?: (values: string[]) => void;
+    className?: string;
 }
 
 export declare interface IPktFooter extends HTMLAttributes<HTMLDivElement> {
@@ -742,6 +774,17 @@ export declare const PktBreadcrumbs: ForwardRefExoticComponent<IPktBreadcrumbs &
 
 export declare const PktButton: ForwardRefExoticComponent<IPktButton & RefAttributes<HTMLButtonElement>>;
 
+export declare const PktCalendar: ForwardRefExoticComponent<IPktCalendar & RefAttributes<PktCalendarHandle>>;
+
+declare interface PktCalendarHandle {
+    handleDateSelect: (selectedDate: Date | null) => void;
+    addToSelected: (selectedDate: Date) => void;
+    removeFromSelected: (selectedDate: Date) => void;
+    toggleSelected: (selectedDate: Date) => void;
+    focusOnCurrentDate: () => void;
+    close: () => void;
+}
+
 export declare const PktCard: FC<IPktCard>;
 
 export declare const PktCheckbox: ForwardRefExoticComponent<IPktCheckbox & RefAttributes<HTMLInputElement>>;
@@ -750,7 +793,7 @@ export declare const PktCombobox: FC<IPktCombobox>;
 
 export declare const PktConsent: ForwardRefExoticComponent<IPktConsent>;
 
-export declare const PktDatepicker: FC<IPktDatepicker>;
+export declare const PktDatepicker: ForwardRefExoticComponent<IPktDatepicker & RefAttributes<HTMLDivElement>>;
 
 declare interface PktElType extends HTMLAttributes<HTMLElement> {
     className?: string;