@entur/datepicker 9.3.3 → 9.4.0

package/dist/DatePicker/DateField.d.ts

@@ -1,7 +1,11 @@
 import React from 'react';
 import type { SpectrumDateFieldProps, DateValue } from '@react-types/datepicker';
-import { VariantType } from '@entur/form';
+import { VariantType } from '@entur/utils';
 import './DateField.scss';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type DateFieldProps = {
     /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
     selectedDate: DateValue | null;
@@ -34,14 +38,14 @@ export type DateFieldProps = {
     maxDate?: DateValue;
     /** Varselmelding, som vil komme under TimePicker */
     feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
+    /** 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 "error"
+     * @default "negative"
      */
     validationVariant?: VariantType;
     labelTooltip?: React.ReactNode;
@@ -52,3 +56,4 @@ export type DateFieldProps = {
     [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>>;
+export {};

package/dist/DatePicker/DatePicker.d.ts

@@ -1,8 +1,12 @@
 import React from 'react';
 import { CalendarDate, DateValue } from '@internationalized/date';
 import type { AriaDatePickerProps, MappedDateValue } from '@react-types/datepicker';
-import type { VariantType } from '@entur/form';
+import type { VariantType } from '@entur/utils';
 import './DatePicker.scss';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type DatePickerProps<DateType extends DateValue> = {
     /** Den valgte datoen. Dato i '@internationalized/date'-pakkens format */
     selectedDate: DateType | null;
@@ -41,16 +45,16 @@ export type DatePickerProps<DateType extends DateValue> = {
     isDateUnavailable?: (date: DateValue) => boolean;
     /** Varselmelding, som vil komme under DatePicker sitt inputfelt */
     feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
+    /** 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 "error"
+     * @default "negative"
      */
-    validationVariant?: VariantType;
+    validationVariant?: VariantType | typeof error | typeof info;
     disabled?: boolean;
     /** Slå på visning av ukenummere i kalenderen. Overskriften for ukenummer-kolonnen
      * kan endres med prop-en 'weekNumberHeader'
@@ -102,3 +106,4 @@ export type DatePickerProps<DateType extends DateValue> = {
     style?: React.CSSProperties;
 } & Omit<AriaDatePickerProps<DateType>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'>;
 export declare const DatePicker: <DateType extends DateValue>({ selectedDate, onChange, locale, disabled, showTime, showTimeZone, classNameForDate, className, style, variant, feedback, validationVariant, validationFeedback, showWeekNumbers, weekNumberHeader, disableModal, labelTooltip, navigationDescription, minDate, maxDate, modalTreshold, forcedReturnType, ariaLabelForDate, ...rest }: DatePickerProps<DateType>) => React.JSX.Element;
+export {};

package/dist/DatePicker/NativeDatePicker.d.ts

@@ -1,5 +1,9 @@
 import React from 'react';
-import { VariantType } from '@entur/form';
+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;
@@ -7,8 +11,8 @@ export type NativeDatePickerProps = {
     label: string;
     /** Varselmelding, som vil komme under NativeDatePicker */
     feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
+    /** Valideringsvariant*/
+    variant?: VariantType | typeof error | typeof info;
     /** Plasserer labelen statisk på toppen av inputfeltet
      * @default false
      */
@@ -25,8 +29,8 @@ export declare const NativeDatePicker: React.ForwardRefExoticComponent<{
     label: string;
     /** Varselmelding, som vil komme under NativeDatePicker */
     feedback?: string | undefined;
-    /** Valideringsvariant */
-    variant?: VariantType | undefined;
+    /** Valideringsvariant*/
+    variant?: "info" | "error" | VariantType | undefined;
     /** Plasserer labelen statisk på toppen av inputfeltet
      * @default false
      */
@@ -36,3 +40,4 @@ export declare const NativeDatePicker: React.ForwardRefExoticComponent<{
      */
     prepend?: React.ReactNode;
 } & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/TimePicker/NativeTimePicker.d.ts

@@ -1,6 +1,10 @@
 import React from 'react';
-import { VariantType } from '@entur/form';
+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;
@@ -8,8 +12,8 @@ export type NativeTimePickerProps = {
     label: string;
     /** Varselmelding, som vil komme under NativeTimePicker */
     feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
+    /** Valideringsvariant*/
+    variant?: VariantType | typeof error | typeof info;
     /** Tekst eller ikon som kommer før inputfelter */
     prepend?: React.ReactNode;
 } & React.InputHTMLAttributes<HTMLInputElement>;
@@ -20,8 +24,9 @@ export declare const NativeTimePicker: React.ForwardRefExoticComponent<{
     label: string;
     /** Varselmelding, som vil komme under NativeTimePicker */
     feedback?: string | undefined;
-    /** Valideringsvariant */
-    variant?: VariantType | undefined;
+    /** Valideringsvariant*/
+    variant?: "info" | "error" | VariantType | undefined;
     /** Tekst eller ikon som kommer før inputfelter */
     prepend?: React.ReactNode;
 } & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/TimePicker/SimpleTimePicker.d.ts

@@ -1,7 +1,11 @@
 import React from 'react';
 import type { TimeValue, AriaTimeFieldProps, MappedTimeValue } from '@react-types/datepicker';
-import { VariantType } from '@entur/form';
+import { VariantType } from '@entur/utils';
 import './SimpleTimePicker.scss';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type SimpleTimePickerProps<TimeType extends TimeValue> = {
     /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
     selectedTime: TimeType | null;
@@ -24,8 +28,8 @@ export type SimpleTimePickerProps<TimeType extends TimeValue> = {
     padding?: 'default' | 'large';
     /** Varselmelding, som vil komme under TimePicker */
     feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
+    /** Valideringsvariant*/
+    variant?: VariantType | typeof error | typeof info;
     /** Tekst eller ikon som vises foran skjema-elementet */
     prepend?: React.ReactNode;
     /** Tekst eller ikon som vises etter skjema-elementet */
@@ -39,3 +43,4 @@ export type SimpleTimePickerProps<TimeType extends TimeValue> = {
     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;
+export {};

package/dist/TimePicker/TimePicker.d.ts

@@ -1,7 +1,11 @@
 import React from 'react';
 import type { TimeValue, AriaTimeFieldProps, MappedTimeValue } from '@react-types/datepicker';
-import { VariantType } from '@entur/form';
+import { VariantType } from '@entur/utils';
 import './TimePicker.scss';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type TimePickerProps<TimeType extends TimeValue> = {
     /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
     selectedTime: TimeType | null;
@@ -38,8 +42,8 @@ export type TimePickerProps<TimeType extends TimeValue> = {
     rightArrowButtonAriaLabel?: string;
     /** Varselmelding, som vil komme under TimePicker */
     feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
+    /** Valideringsvariant*/
+    variant?: VariantType | typeof error | typeof info;
     labelTooltip?: React.ReactNode;
     disabled?: boolean;
     inputRef?: React.ForwardedRef<HTMLDivElement>;
@@ -59,3 +63,4 @@ export type TimePickerProps<TimeType extends TimeValue> = {
     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, granularity, variant, locale: customLocale, showTimeZone, showSeconds, minuteIncrementForArrowButtons, leftArrowButtonAriaLabel, rightArrowButtonAriaLabel, inputRef, forcedReturnType, forcedTimeZone, ...rest }: TimePickerProps<TimeType>) => React.JSX.Element;
+export {};

package/dist/datepicker.cjs.development.js

@@ -69,11 +69,11 @@ var FieldSegment = function FieldSegment(_ref) {
 var nativeDateToDateTime = function nativeDateToDateTime(date$1, timeZone, offset) {
   if (timeZone) {
     if (offset) {
-      return new date.ZonedDateTime(date$1.getFullYear(), date$1.getMonth() + 1, date$1.getDate(), timeZone, offset, date$1.getHours(), date$1.getMinutes(), date$1.getSeconds());
+      return new date.ZonedDateTime(date$1.getFullYear(), date$1.getMonth() + 1, date$1.getDate(), timeZone, offset, date$1.getHours(), date$1.getMinutes(), date$1.getSeconds(), date$1.getMilliseconds());
     }
     return date.parseAbsolute(date$1.toISOString(), timeZone);
   }
-  return new date.CalendarDateTime(date$1.getFullYear(), date$1.getMonth() + 1, date$1.getDate(), date$1.getHours(), date$1.getMinutes(), date$1.getSeconds());
+  return new date.CalendarDateTime(date$1.getFullYear(), date$1.getMonth() + 1, date$1.getDate(), date$1.getHours(), date$1.getMinutes(), date$1.getSeconds(), date$1.getMilliseconds());
 };
 /**
  * Tar inn et JS Date-objekt og returnerer et av DateValue-objektene fra @internationalized/date-pakken
@@ -104,7 +104,7 @@ function nativeDateToTimeValue(date$1, noDateOnlyTime, timeZone, offset) {
     noDateOnlyTime = false;
   }
   if (date$1 === null) return null;
-  if (noDateOnlyTime) return new date.Time(date$1.getHours(), date$1.getMinutes(), date$1.getSeconds(), 0);
+  if (noDateOnlyTime) return new date.Time(date$1.getHours(), date$1.getMinutes(), date$1.getSeconds(), date$1.getMilliseconds());
   return nativeDateToDateTime(date$1, timeZone, offset);
 }
 /**
@@ -121,6 +121,7 @@ function timeOrDateValueToNativeDate(value, timeZoneForCalendarDateTime) {
     date$1.setHours(value.hour);
     date$1.setMinutes(value.minute);
     date$1.setSeconds(value.second);
+    date$1.setMilliseconds(value.millisecond);
     return date$1;
   }
   // type is CalendarDate
@@ -130,7 +131,7 @@ function timeOrDateValueToNativeDate(value, timeZoneForCalendarDateTime) {
   // type is CalendarDateTime
   if (!('timeZone' in value)) {
     if (timeZoneForCalendarDateTime) return value.toDate(timeZoneForCalendarDateTime);
-    return new Date(value.year, value.month - 1, value.day, value.hour, value.minute, value.second);
+    return value.toDate(date.getLocalTimeZone());
   }
   // type is ZonedDateTime
   return value.toDate();
@@ -228,7 +229,7 @@ var DateField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     variant = _ref.variant,
     feedback = _ref.feedback,
     _ref$validationVarian = _ref.validationVariant,
-    validationVariant = _ref$validationVarian === void 0 ? 'error' : _ref$validationVarian,
+    validationVariant = _ref$validationVarian === void 0 ? 'negative' : _ref$validationVarian,
     _ref$validationFeedba = _ref.validationFeedback,
     validationFeedback = _ref$validationFeedba === void 0 ? 'Ugyldig dato' : _ref$validationFeedba,
     labelTooltip = _ref.labelTooltip,
@@ -532,6 +533,8 @@ var DatePicker = function DatePicker(_ref) {
   var _useWindowDimensions = utils.useWindowDimensions(),
     width = _useWindowDimensions.width;
   var handleOnChange = function handleOnChange(value) {
+    // console.log(value && value.compare(parseDate('1000-01-01')) < 0);
+    // if (value && value.compare(parseDate('1000-01-01')) < 0) return;
     if (forcedReturnType !== undefined) {
       return onChange(convertValueToType({
         value: value,