@entur/datepicker 11.8.0 → 12.0.0-next.0

package/dist/DatePicker/Calendar.d.ts

@@ -66,5 +66,5 @@ type BaseCalendarProps<DateType extends DateValue> = {
     visibleDuration?: Pick<DateDuration, 'months'>;
 };
 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 declare const Calendar: <DateType extends DateValue>({ locale: localOverride, ...rest }: CalendarProps<DateType>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/DatePicker/CalendarBase.d.ts

@@ -16,5 +16,5 @@ type CalendarBaseProps = {
     weekNumberHeader: string;
     renderCell: (date: CalendarDate, currentMonth: CalendarDate, weekNumberString: string, ariaDescribedBy: string) => React.ReactNode;
 };
-export declare const CalendarBase: ({ state, calendarProps, prevButtonProps, nextButtonProps, title, calendarRef, style, className, navigationDescription, showWeekNumbers, weekNumberHeader, renderCell, }: CalendarBaseProps) => React.JSX.Element;
+export declare const CalendarBase: ({ state, calendarProps, prevButtonProps, nextButtonProps, title, calendarRef, style, className, navigationDescription, showWeekNumbers, weekNumberHeader, renderCell, }: CalendarBaseProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/DatePicker/CalendarCell.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { CalendarState } from '@react-stately/calendar';
 import { CalendarDate } from '@internationalized/date';
 type CalendarCellProps = {
@@ -12,5 +11,5 @@ type CalendarCellProps = {
     classNameForDate?: (date: CalendarDate) => string;
     ariaLabelForDate?: (date: CalendarDate) => string;
 };
-export declare const CalendarCell: ({ state, date, currentMonth, showOutsideMonth, onSelectedCellClick, onCellClick, weekNumberString, classNameForDate, ariaLabelForDate, ...rest }: CalendarCellProps) => React.JSX.Element;
+export declare const CalendarCell: ({ state, date, currentMonth, showOutsideMonth, onSelectedCellClick, onCellClick, weekNumberString, classNameForDate, ariaLabelForDate, ...rest }: CalendarCellProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/DatePicker/CalendarGrid.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { CalendarState, RangeCalendarState } from '@react-stately/calendar';
 import { CalendarDate } from '@internationalized/date';
 type CalendarGridProps = {
@@ -9,5 +8,5 @@ type CalendarGridProps = {
     weekNumberHeader: string;
     renderCell: (date: CalendarDate, currentMonth: CalendarDate, weekNumberString: string, ariaDescribedBy: string) => React.ReactNode;
 };
-export declare const CalendarGrid: ({ state, startDate, navigationDescription, showWeekNumbers, weekNumberHeader, renderCell, }: CalendarGridProps) => React.JSX.Element;
+export declare const CalendarGrid: ({ state, startDate, navigationDescription, showWeekNumbers, weekNumberHeader, renderCell, }: CalendarGridProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/DatePicker/DateField.d.ts

@@ -85,5 +85,5 @@ export type BaseDateFieldProps<DateType extends DateValue> = {
     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, onValidate, dateFieldRef: ref, ...rest }: DateFieldProps<DateType>) => React.JSX.Element;
+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>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/DatePicker/DatePicker.d.ts

@@ -43,5 +43,5 @@ type BaseDatePickerProps = {
     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, showOutsideMonth, disableModal, labelTooltip, navigationDescription, minDate, maxDate, modalTreshold, ariaLabelForDate, append, prepend, granularity, ...rest }: DatePickerProps<DateType>) => React.JSX.Element;
+export declare const DatePicker: <DateType extends DateValue>({ selectedDate, locale, disabled, readOnly, showTime, showTimeZone, classNameForDate, className, variant, feedback, validationVariant, validationFeedback, showWeekNumbers, weekNumberHeader, showOutsideMonth, disableModal, labelTooltip, navigationDescription, minDate, maxDate, modalTreshold, ariaLabelForDate, append, prepend, granularity, ...rest }: DatePickerProps<DateType>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/DatePicker/RangeCalendar.d.ts

@@ -65,5 +65,5 @@ type BaseRangeCalendarProps<DateType extends DateValue> = {
 };
 type ExtendedRangeCalendarProps<DateType extends DateValue> = Omit<AriaRangeCalendarProps<DateType>, keyof BaseRangeCalendarProps<DateType> | 'value' | 'label' | 'hideTimeZone' | 'placeholder' | 'placeholderValue' | 'defaultValue' | 'minValue' | 'maxValue'>;
 export type RangeCalendarProps<DateType extends DateValue> = BaseRangeCalendarProps<DateType> & ExtendedRangeCalendarProps<DateType>;
-export declare const RangeCalendar: <DateType extends DateValue>({ locale: localOverride, ...rest }: RangeCalendarProps<DateType>) => React.JSX.Element;
+export declare const RangeCalendar: <DateType extends DateValue>({ locale: localOverride, ...rest }: RangeCalendarProps<DateType>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/DatePicker/RangeCalendarCell.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { RangeCalendarState } from '@react-stately/calendar';
 import { CalendarDate } from '@internationalized/date';
 type RangeCalendarCellProps = {
@@ -10,5 +9,5 @@ type RangeCalendarCellProps = {
     classNameForDate?: (date: CalendarDate) => string;
     ariaLabelForDate?: (date: CalendarDate) => string;
 };
-export declare const RangeCalendarCell: ({ state, date, currentMonth, showOutsideMonth, weekNumberString, classNameForDate, ariaLabelForDate, ...rest }: RangeCalendarCellProps) => React.JSX.Element;
+export declare const RangeCalendarCell: ({ state, date, currentMonth, showOutsideMonth, weekNumberString, classNameForDate, ariaLabelForDate, ...rest }: RangeCalendarCellProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/TimePicker/SimpleTimePicker.d.ts

@@ -44,5 +44,5 @@ type BaseSimpleTimePickerProps<TimeType extends TimeValue> = {
     style?: React.CSSProperties;
 };
 export type SimpleTimePickerProps<TimeType extends TimeValue> = BaseSimpleTimePickerProps<TimeType> & ExtendedSimpleTimePickerProps<TimeType>;
-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;
+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>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/TimePicker/TimePicker.d.ts

@@ -65,5 +65,5 @@ type BaseTimePickerProps<TimeType extends TimeValue> = {
     style?: React.CSSProperties;
 };
 export type TimePickerProps<TimeType extends TimeValue> = BaseTimePickerProps<TimeType> & ExtendedTimePickerProps<TimeType>;
-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;
+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>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/TimePicker/TimePickerArrowButton.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 type TimePickerArrowButtonProps = {
     direction: 'left' | 'right';
     disabled?: boolean;
@@ -7,5 +6,5 @@ type TimePickerArrowButtonProps = {
     onClick?: () => void;
     onFocus?: () => void;
 };
-export declare const TimePickerArrowButton: ({ direction, onClick, disabled, readonly, "aria-label": ariaLabel, ...rest }: TimePickerArrowButtonProps) => React.JSX.Element;
+export declare const TimePickerArrowButton: ({ direction, onClick, disabled, readonly, "aria-label": ariaLabel, ...rest }: TimePickerArrowButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/datepicker.cjs.js

@@ -259,7 +259,7 @@ const DateField = ({
   const dateFieldRef = React.useRef(null);
   const { labelProps, fieldProps } = datepicker.useDateField(_props, state, dateFieldRef);
   React.useEffect(() => onValidate?.(!state.isInvalid), [state.isInvalid]);
-  const id = utils.useRandomId("datefield");
+  const id = `datefield${React.useId()}`;
   return /* @__PURE__ */ jsxRuntime.jsx(
     utils.ConditionalWrapper,
     {
@@ -312,7 +312,7 @@ const CalendarGrid = ({
   weekNumberHeader,
   renderCell
 }) => {
-  const calendarGridId = utils.useRandomId("eds-calendar");
+  const calendarGridId = `eds-calendar${React.useId()}`;
   const { locale } = i18n.useLocale();
   const gridStartDate = startDate ?? state.visibleRange.start;
   const { gridProps, headerProps, weekDays } = calendar.useCalendarGrid(
@@ -958,7 +958,7 @@ const NativeDatePicker = React.forwardRef(
     prepend = /* @__PURE__ */ jsxRuntime.jsx(icons.DateIcon, { inline: true }),
     ...rest
   }, ref) => {
-    const nativedatepickerId = utils.useRandomId("eds-nativetimepicker");
+    const nativedatepickerId = `eds-nativetimepicker${React.useId()}`;
     return /* @__PURE__ */ jsxRuntime.jsx(
       form.BaseFormControl,
       {
@@ -1075,7 +1075,7 @@ const TimePicker = ({
 }) => {
   let { locale } = i18n.useLocale();
   if (customLocale) locale = customLocale;
-  const timePickerId = utils.useRandomId("eds-timepicker");
+  const timePickerId = `eds-timepicker${React.useId()}`;
   const timeZone = forcedTimeZone ?? (selectedTime !== null && "timeZone" in selectedTime ? selectedTime.timeZone : "Europe/Oslo");
   const handleOnChange2 = (value) => {
     if (forcedReturnType !== void 0 || !selectedTime) {
@@ -1106,7 +1106,7 @@ const TimePicker = ({
     state,
     timeFieldRef
   );
-  const id = utils.useRandomId("timepicker");
+  const id = `timepicker${React.useId()}`;
   const getCurrentTime = () => {
     const getCurrentTimeWithCorrectType = convertValueToType({
       value: date.now(timeZone),
@@ -1206,7 +1206,7 @@ const TimePicker = ({
 };
 const NativeTimePicker = React.forwardRef(
   ({ className, style, onChange, label, feedback, variant, prepend, ...rest }, ref) => {
-    const nativetimepickerId = utils.useRandomId("eds-native-timepicker");
+    const nativetimepickerId = `eds-native-timepicker${React.useId()}`;
     return /* @__PURE__ */ jsxRuntime.jsx(
       form.BaseFormControl,
       {