@norges-domstoler/dds-components 0.0.0-dev-20251016104350 → 0.0.0-dev-20251021065940

package/dist/index.js

@@ -7066,6 +7066,36 @@ DatePicker.displayName = "DatePicker";
 var import_datepicker6 = require("@react-aria/datepicker");
 var import_datepicker7 = require("@react-stately/datepicker");
 var import_react48 = require("react");
+
+// src/components/date-inputs/TimePicker/TimePicker.utils.ts
+function formatTimeSegments(segments) {
+  const hourSegment = segments.find((segment) => segment.type === "hour");
+  const minuteSegment = segments.find((segment) => segment.type === "minute");
+  const separatorSegment = segments.find(
+    (segment) => segment.type === "literal" && segment.isPlaceholder === void 0
+  );
+  if (!hourSegment || !minuteSegment || !separatorSegment) {
+    throw new Error("Invalid time segments");
+  }
+  const formattedHourSegment = {
+    ...hourSegment,
+    text: hourSegment.text.padStart(2, "0"),
+    placeholder: "\u2013\u2013"
+  };
+  const formattedMinuteSegment = {
+    ...minuteSegment,
+    text: minuteSegment.text.padStart(2, "0"),
+    placeholder: "\u2013\u2013"
+  };
+  const formattedSeparatorSegment = { ...separatorSegment, text: ":" };
+  return [
+    formattedHourSegment,
+    formattedSeparatorSegment,
+    formattedMinuteSegment
+  ];
+}
+
+// src/components/date-inputs/TimePicker/TimePicker.tsx
 var import_jsx_runtime238 = require("react/jsx-runtime");
 function TimePicker({
   componentSize = "medium",
@@ -7075,7 +7105,7 @@ function TimePicker({
 }) {
   const lang = useLanguage();
   if (!lang) {
-    throw new Error("DatePicker must be used within a DdsProvider");
+    throw new Error("TimePicker must be used within a DdsProvider");
   }
   const internalRef = (0, import_react48.useRef)(null);
   const state = (0, import_datepicker7.useTimeFieldState)({
@@ -7089,6 +7119,7 @@ function TimePicker({
   );
   const iconSize = componentSize === "xsmall" ? "small" : "medium";
   const disabled = props.isDisabled || !!fieldProps["aria-disabled"];
+  const formattedSegments = formatTimeSegments(state.segments);
   return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
     DateInput,
     {
@@ -7114,7 +7145,7 @@ function TimePicker({
           )
         }
       ),
-      children: state.segments.map((segment, i) => /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
+      children: formattedSegments.map((segment, i) => /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
         DateSegment,
         {
           componentSize,