@norges-domstoler/dds-components 0.0.0-dev-20240110151153 → 0.0.0-dev-20240112130219

package/dist/index.d.mts

@@ -11,8 +11,8 @@ import { Environment } from '@norges-domstoler/development-utils';
 import { OptionProps, GroupBase, SingleValueProps, Props, SelectInstance } from 'react-select';
 import { DateValue, AriaCalendarProps } from '@react-aria/calendar';
 import { AriaDatePickerProps } from '@react-types/datepicker';
-import { AriaDateFieldOptions, useDatePicker, TimeValue, AriaTimeFieldProps } from '@react-aria/datepicker';
-import { DateValue as DateValue$1, CalendarDate } from '@internationalized/date';
+import { AriaDateFieldOptions, useDatePicker, AriaTimeFieldProps } from '@react-aria/datepicker';
+import { DateValue as DateValue$1, CalendarDate, Time } from '@internationalized/date';
 import { InputProps as InputProps$1 } from '@norges-domstoler/dds-components';
 
 interface SvgChevronProps {
@@ -2300,16 +2300,16 @@ type DateFieldProps<T extends DateValue$1 = CalendarDate> = AriaDateFieldOptions
     buttonProps?: ReturnType<typeof useDatePicker>['buttonProps'];
 } & Pick<InputProps$1, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style'>;
 
-interface DatePickerProps extends AriaDatePickerProps<CalendarDate>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'> {
+interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granularity'>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'> {
     label?: string;
     errorMessage?: string;
 }
 declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLElement>>;
 
-type TimePickerProps<T extends TimeValue = TimeValue> = AriaTimeFieldProps<T> & {
+type TimePickerProps = Omit<AriaTimeFieldProps<Time>, 'hideTimeZone'> & {
     className?: string;
 } & Pick<InputProps$1, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style'>;
-declare const TimePicker: react.ForwardRefExoticComponent<AriaTimeFieldProps<TimeValue> & {
+declare const TimePicker: react.ForwardRefExoticComponent<Omit<AriaTimeFieldProps<Time>, "hideTimeZone"> & {
     className?: string | undefined;
 } & Pick<InputProps$1, "style" | "disabled" | "tip" | "errorMessage" | "componentSize"> & react.RefAttributes<HTMLDivElement>>;
 

package/dist/index.d.ts

@@ -11,8 +11,8 @@ import { Environment } from '@norges-domstoler/development-utils';
 import { OptionProps, GroupBase, SingleValueProps, Props, SelectInstance } from 'react-select';
 import { DateValue, AriaCalendarProps } from '@react-aria/calendar';
 import { AriaDatePickerProps } from '@react-types/datepicker';
-import { AriaDateFieldOptions, useDatePicker, TimeValue, AriaTimeFieldProps } from '@react-aria/datepicker';
-import { DateValue as DateValue$1, CalendarDate } from '@internationalized/date';
+import { AriaDateFieldOptions, useDatePicker, AriaTimeFieldProps } from '@react-aria/datepicker';
+import { DateValue as DateValue$1, CalendarDate, Time } from '@internationalized/date';
 import { InputProps as InputProps$1 } from '@norges-domstoler/dds-components';
 
 interface SvgChevronProps {
@@ -2300,16 +2300,16 @@ type DateFieldProps<T extends DateValue$1 = CalendarDate> = AriaDateFieldOptions
     buttonProps?: ReturnType<typeof useDatePicker>['buttonProps'];
 } & Pick<InputProps$1, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style'>;
 
-interface DatePickerProps extends AriaDatePickerProps<CalendarDate>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'> {
+interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granularity'>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'> {
     label?: string;
     errorMessage?: string;
 }
 declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLElement>>;
 
-type TimePickerProps<T extends TimeValue = TimeValue> = AriaTimeFieldProps<T> & {
+type TimePickerProps = Omit<AriaTimeFieldProps<Time>, 'hideTimeZone'> & {
     className?: string;
 } & Pick<InputProps$1, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style'>;
-declare const TimePicker: react.ForwardRefExoticComponent<AriaTimeFieldProps<TimeValue> & {
+declare const TimePicker: react.ForwardRefExoticComponent<Omit<AriaTimeFieldProps<Time>, "hideTimeZone"> & {
     className?: string | undefined;
 } & Pick<InputProps$1, "style" | "disabled" | "tip" | "errorMessage" | "componentSize"> & react.RefAttributes<HTMLDivElement>>;
 

package/dist/index.js

@@ -11098,38 +11098,37 @@ var import_jsx_runtime237 = require("react/jsx-runtime");
 var refIsFocusable = (ref) => {
   return typeof ref === "object" && ref !== null && "focus" in ref;
 };
-var DatePicker = (0, import_react85.forwardRef)(
-  ({ errorMessage, componentSize, tip, style, ...props }, forwardedRef) => {
-    const state = (0, import_datepicker4.useDatePickerState)(props);
-    const domRef = useFocusManagerRef(
-      refIsFocusable(import_react85.forwardRef) ? forwardedRef : null
-    );
-    const ref = (0, import_react85.useRef)(null);
-    const combinedRef = useCombinedRef(ref, domRef);
-    const { buttonProps, calendarProps, fieldProps } = (0, import_datepicker5.useDatePicker)(
-      props,
-      state,
-      ref
-    );
-    return /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(CalendarPopover, { isOpen: state.isOpen, onClose: state.close, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(CalendarPopoverAnchor, { children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
-        DateField,
-        {
-          ...fieldProps,
-          ref: combinedRef,
-          componentSize,
-          tip,
-          label: props.label,
-          errorMessage,
-          buttonProps,
-          isOpen: state.isOpen,
-          style
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(CalendarPopoverContent, { children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Calendar, { ...calendarProps }) })
-    ] });
-  }
-);
+function _DatePicker({ errorMessage, componentSize, tip, style, ...props }, forwardedRef) {
+  const state = (0, import_datepicker4.useDatePickerState)(props);
+  const domRef = useFocusManagerRef(
+    refIsFocusable(import_react85.forwardRef) ? forwardedRef : null
+  );
+  const ref = (0, import_react85.useRef)(null);
+  const combinedRef = useCombinedRef(ref, domRef);
+  const { buttonProps, calendarProps, fieldProps } = (0, import_datepicker5.useDatePicker)(
+    { ...props, granularity: "day" },
+    state,
+    ref
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(CalendarPopover, { isOpen: state.isOpen, onClose: state.close, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(CalendarPopoverAnchor, { children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
+      DateField,
+      {
+        ...fieldProps,
+        ref: combinedRef,
+        componentSize,
+        tip,
+        label: props.label,
+        errorMessage,
+        buttonProps,
+        isOpen: state.isOpen,
+        style
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(CalendarPopoverContent, { children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Calendar, { ...calendarProps }) })
+  ] });
+}
+var DatePicker = (0, import_react85.forwardRef)(_DatePicker);
 DatePicker.displayName = "DatePicker";
 
 // src/components/date-inputs/TimePicker/TimePicker.tsx
@@ -11149,7 +11148,11 @@ function _TimePicker({ componentSize = "medium", style, ...props }, forwardedRef
     ...props,
     locale
   });
-  const { labelProps, fieldProps } = (0, import_datepicker6.useTimeField)(props, state, ref);
+  const { labelProps, fieldProps } = (0, import_datepicker6.useTimeField)(
+    { ...props, hideTimeZone: true, granularity: "hour" },
+    state,
+    ref
+  );
   const disabled = props.isDisabled || !!fieldProps["aria-disabled"];
   return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
     DateInput,