@dreamstack-us/kaal 0.0.1

package/lib/module/components/TimePicker/ClockFace.js

@@ -0,0 +1,194 @@
+"use strict";
+
+import { memo, useCallback, useMemo } from 'react';
+import { View } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import { runOnJS } from 'react-native-reanimated';
+import Svg, { Circle, G, Line, Text as SvgText } from 'react-native-svg';
+import { to12Hour, to24Hour } from "../../hooks/useTimePicker.js";
+import { styles } from "./TimePicker.styles.js";
+
+// Clock dimensions
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CLOCK_SIZE = 256;
+const CLOCK_CENTER = CLOCK_SIZE / 2;
+const OUTER_RADIUS = 96;
+const SELECTION_DOT_RADIUS = 20;
+const CENTER_DOT_RADIUS = 4;
+
+// Hour positions (12 at top, clockwise)
+const HOURS_12 = [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
+const MINUTE_LABELS = [0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55];
+
+/**
+ * Converts clock position (0-11 for hours, 0-59 for minutes) to angle in degrees
+ * 12 o'clock is at -90 degrees (top)
+ */
+const positionToAngle = (position, isMinutes = false) => {
+  if (isMinutes) {
+    return position * 6 - 90; // 360/60 = 6 degrees per minute
+  }
+  return position * 30 - 90; // 360/12 = 30 degrees per position
+};
+
+/**
+ * Gets x,y coordinates on circle from angle and radius
+ */
+const getPointOnCircle = (angleDegrees, radius) => {
+  const rad = angleDegrees * Math.PI / 180;
+  return {
+    x: CLOCK_CENTER + radius * Math.cos(rad),
+    y: CLOCK_CENTER + radius * Math.sin(rad)
+  };
+};
+export const ClockFace = /*#__PURE__*/memo(({
+  value,
+  onChange,
+  mode,
+  onModeChange,
+  is24Hour = false
+}) => {
+  const {
+    hour: hour12,
+    period
+  } = to12Hour(value.hours);
+
+  // Calculate hand end position based on current value
+  const handAngle = useMemo(() => {
+    if (mode === 'hours') {
+      const hourIndex = HOURS_12.indexOf(hour12);
+      return positionToAngle(hourIndex >= 0 ? hourIndex : 0);
+    }
+    return positionToAngle(value.minutes, true);
+  }, [mode, hour12, value.minutes]);
+  const handEndPos = getPointOnCircle(handAngle, OUTER_RADIUS);
+  const handleInteraction = useCallback((x, y) => {
+    // Convert touch coordinates to angle
+    const dx = x - CLOCK_CENTER;
+    const dy = y - CLOCK_CENTER;
+    const angle = Math.atan2(dy, dx) * (180 / Math.PI);
+
+    // Normalize angle to 0-360, with 0 at top (12 o'clock)
+    const normalized = ((angle + 90) % 360 + 360) % 360;
+    if (mode === 'hours') {
+      // Round to nearest hour position
+      const position = Math.round(normalized / 30) % 12;
+      const hour = HOURS_12[position];
+      if (hour !== undefined) {
+        const newHours = to24Hour(hour, period);
+        onChange({
+          hours: newHours,
+          minutes: value.minutes
+        });
+      }
+    } else {
+      // Round to nearest minute
+      const minutes = Math.round(normalized / 6) % 60;
+      onChange({
+        hours: value.hours,
+        minutes
+      });
+    }
+  }, [mode, period, value, onChange]);
+  const handleInteractionEnd = useCallback(() => {
+    // Switch to minutes mode after selecting hours
+    if (mode === 'hours' && onModeChange) {
+      // Small delay for visual feedback
+      setTimeout(() => onModeChange('minutes'), 200);
+    }
+  }, [mode, onModeChange]);
+  const panGesture = useMemo(() => Gesture.Pan().onStart(e => {
+    'worklet';
+
+    runOnJS(handleInteraction)(e.x, e.y);
+  }).onUpdate(e => {
+    'worklet';
+
+    runOnJS(handleInteraction)(e.x, e.y);
+  }).onEnd(() => {
+    'worklet';
+
+    runOnJS(handleInteractionEnd)();
+  }), [handleInteraction, handleInteractionEnd]);
+  const tapGesture = useMemo(() => Gesture.Tap().onEnd(e => {
+    'worklet';
+
+    runOnJS(handleInteraction)(e.x, e.y);
+    runOnJS(handleInteractionEnd)();
+  }), [handleInteraction, handleInteractionEnd]);
+  const combinedGesture = Gesture.Race(panGesture, tapGesture);
+
+  // Render clock numbers
+  const numbers = useMemo(() => {
+    if (mode === 'hours') {
+      return HOURS_12.map((hour, index) => {
+        const angle = positionToAngle(index);
+        const pos = getPointOnCircle(angle, OUTER_RADIUS);
+        const isSelected = hour12 === hour;
+        return /*#__PURE__*/_jsx(SvgText, {
+          x: pos.x,
+          y: pos.y,
+          textAnchor: "middle",
+          alignmentBaseline: "central",
+          fontSize: 14,
+          fontWeight: isSelected ? '500' : '400',
+          fill: isSelected ? '#FFFFFF' : '#E6E1E5',
+          children: hour
+        }, hour);
+      });
+    }
+    return MINUTE_LABELS.map((minute, index) => {
+      const angle = positionToAngle(index);
+      const pos = getPointOnCircle(angle, OUTER_RADIUS);
+      const isSelected = value.minutes === minute;
+      return /*#__PURE__*/_jsx(SvgText, {
+        x: pos.x,
+        y: pos.y,
+        textAnchor: "middle",
+        alignmentBaseline: "central",
+        fontSize: 14,
+        fontWeight: isSelected ? '500' : '400',
+        fill: isSelected ? '#FFFFFF' : '#E6E1E5',
+        children: minute.toString().padStart(2, '0')
+      }, minute);
+    });
+  }, [mode, hour12, value.minutes]);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.clockContainer,
+    children: /*#__PURE__*/_jsx(GestureDetector, {
+      gesture: combinedGesture,
+      children: /*#__PURE__*/_jsxs(Svg, {
+        width: CLOCK_SIZE,
+        height: CLOCK_SIZE,
+        viewBox: `0 0 ${CLOCK_SIZE} ${CLOCK_SIZE}`,
+        children: [/*#__PURE__*/_jsx(Circle, {
+          cx: CLOCK_CENTER,
+          cy: CLOCK_CENTER,
+          r: CLOCK_SIZE / 2 - 4,
+          fill: "#3F384C"
+        }), /*#__PURE__*/_jsx(Circle, {
+          cx: handEndPos.x,
+          cy: handEndPos.y,
+          r: SELECTION_DOT_RADIUS,
+          fill: "#4DA6FF"
+        }), /*#__PURE__*/_jsx(Line, {
+          x1: CLOCK_CENTER,
+          y1: CLOCK_CENTER,
+          x2: handEndPos.x,
+          y2: handEndPos.y,
+          stroke: "#4DA6FF",
+          strokeWidth: 2
+        }), /*#__PURE__*/_jsx(Circle, {
+          cx: CLOCK_CENTER,
+          cy: CLOCK_CENTER,
+          r: CENTER_DOT_RADIUS,
+          fill: "#4DA6FF"
+        }), /*#__PURE__*/_jsx(G, {
+          children: numbers
+        })]
+      })
+    })
+  });
+});
+ClockFace.displayName = 'ClockFace';
+//# sourceMappingURL=ClockFace.js.map

package/lib/module/components/TimePicker/ClockFace.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","useMemo","View","Gesture","GestureDetector","runOnJS","Svg","Circle","G","Line","Text","SvgText","to12Hour","to24Hour","styles","jsx","_jsx","jsxs","_jsxs","CLOCK_SIZE","CLOCK_CENTER","OUTER_RADIUS","SELECTION_DOT_RADIUS","CENTER_DOT_RADIUS","HOURS_12","MINUTE_LABELS","positionToAngle","position","isMinutes","getPointOnCircle","angleDegrees","radius","rad","Math","PI","x","cos","y","sin","ClockFace","value","onChange","mode","onModeChange","is24Hour","hour","hour12","period","hours","handAngle","hourIndex","indexOf","minutes","handEndPos","handleInteraction","dx","dy","angle","atan2","normalized","round","undefined","newHours","handleInteractionEnd","setTimeout","panGesture","Pan","onStart","e","onUpdate","onEnd","tapGesture","Tap","combinedGesture","Race","numbers","map","index","pos","isSelected","textAnchor","alignmentBaseline","fontSize","fontWeight","fill","children","minute","toString","padStart","style","clockContainer","gesture","width","height","viewBox","cx","cy","r","x1","y1","x2","y2","stroke","strokeWidth","displayName"],"sourceRoot":"../../../../src","sources":["components/TimePicker/ClockFace.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/TimePicker/MaterialTimePicker.js

@@ -0,0 +1,122 @@
+"use strict";
+
+import { memo, useCallback, useState } from 'react';
+import { Pressable, Text, View } from 'react-native';
+import { to12Hour, to24Hour } from "../../hooks/useTimePicker.js";
+import { ClockFace } from "./ClockFace.js";
+import { styles } from "./TimePicker.styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MaterialTimePicker = /*#__PURE__*/memo(({
+  value,
+  onChange,
+  is24Hour = false,
+  onCancel,
+  onConfirm
+}) => {
+  const [mode, setMode] = useState('hours');
+  const {
+    hour: hour12,
+    period
+  } = to12Hour(value.hours);
+  const handleHourPress = useCallback(() => {
+    setMode('hours');
+  }, []);
+  const handleMinutePress = useCallback(() => {
+    setMode('minutes');
+  }, []);
+  const handlePeriodChange = useCallback(newPeriod => {
+    const newHours = to24Hour(hour12, newPeriod);
+    onChange({
+      hours: newHours,
+      minutes: value.minutes
+    });
+  }, [hour12, value.minutes, onChange]);
+  const handleModeChange = useCallback(newMode => {
+    setMode(newMode);
+  }, []);
+
+  // Format display values
+  const displayHour = is24Hour ? value.hours.toString().padStart(2, '0') : hour12.toString().padStart(2, '0');
+  const displayMinute = value.minutes.toString().padStart(2, '0');
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.materialContainer,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.materialHeader,
+      children: "Select time"
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.timeInputContainer,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.timeFieldsContainer,
+        children: [/*#__PURE__*/_jsx(Pressable, {
+          onPress: handleHourPress,
+          style: [styles.timeField, mode === 'hours' && styles.timeFieldActive],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.timeFieldText, mode === 'hours' && styles.timeFieldTextActive],
+            children: displayHour
+          })
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.timeSeparator,
+          children: ":"
+        }), /*#__PURE__*/_jsx(Pressable, {
+          onPress: handleMinutePress,
+          style: [styles.timeField, mode === 'minutes' && styles.timeFieldActive],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.timeFieldText, mode === 'minutes' && styles.timeFieldTextActive],
+            children: displayMinute
+          })
+        })]
+      }), !is24Hour && /*#__PURE__*/_jsxs(View, {
+        style: styles.periodToggleContainer,
+        children: [/*#__PURE__*/_jsx(Pressable, {
+          onPress: () => handlePeriodChange('AM'),
+          style: [styles.periodButton, styles.periodButtonTop, period === 'AM' && styles.periodButtonActive],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.periodButtonText, period === 'AM' && styles.periodButtonTextActive],
+            children: "AM"
+          })
+        }), /*#__PURE__*/_jsx(Pressable, {
+          onPress: () => handlePeriodChange('PM'),
+          style: [styles.periodButton, period === 'PM' && styles.periodButtonActive],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.periodButtonText, period === 'PM' && styles.periodButtonTextActive],
+            children: "PM"
+          })
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(ClockFace, {
+      value: value,
+      onChange: onChange,
+      mode: mode,
+      onModeChange: handleModeChange,
+      is24Hour: is24Hour
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.actionsContainer,
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        style: styles.keyboardButton,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.keyboardButtonText,
+          children: "\u2328\uFE0F"
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.actionButtonsContainer,
+        children: [onCancel && /*#__PURE__*/_jsx(Pressable, {
+          style: styles.actionButton,
+          onPress: onCancel,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.actionButtonText,
+            children: "Cancel"
+          })
+        }), onConfirm && /*#__PURE__*/_jsx(Pressable, {
+          style: styles.actionButton,
+          onPress: onConfirm,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.actionButtonText,
+            children: "OK"
+          })
+        })]
+      })]
+    })]
+  });
+});
+MaterialTimePicker.displayName = 'MaterialTimePicker';
+//# sourceMappingURL=MaterialTimePicker.js.map

package/lib/module/components/TimePicker/MaterialTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","useState","Pressable","Text","View","to12Hour","to24Hour","ClockFace","styles","jsx","_jsx","jsxs","_jsxs","MaterialTimePicker","value","onChange","is24Hour","onCancel","onConfirm","mode","setMode","hour","hour12","period","hours","handleHourPress","handleMinutePress","handlePeriodChange","newPeriod","newHours","minutes","handleModeChange","newMode","displayHour","toString","padStart","displayMinute","style","materialContainer","children","materialHeader","timeInputContainer","timeFieldsContainer","onPress","timeField","timeFieldActive","timeFieldText","timeFieldTextActive","timeSeparator","periodToggleContainer","periodButton","periodButtonTop","periodButtonActive","periodButtonText","periodButtonTextActive","onModeChange","actionsContainer","keyboardButton","keyboardButtonText","actionButtonsContainer","actionButton","actionButtonText","displayName"],"sourceRoot":"../../../../src","sources":["components/TimePicker/MaterialTimePicker.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,SAAS,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACpD,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,8BAA2B;AAE9D,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,MAAM,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU7C,OAAO,MAAMC,kBAAqD,gBAAGd,IAAI,CACvE,CAAC;EAAEe,KAAK;EAAEC,QAAQ;EAAEC,QAAQ,GAAG,KAAK;EAAEC,QAAQ;EAAEC;AAAU,CAAC,KAAK;EAC9D,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGnB,QAAQ,CAAY,OAAO,CAAC;EACpD,MAAM;IAAEoB,IAAI,EAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGlB,QAAQ,CAACS,KAAK,CAACU,KAAK,CAAC;EAEtD,MAAMC,eAAe,GAAGzB,WAAW,CAAC,MAAM;IACxCoB,OAAO,CAAC,OAAO,CAAC;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,iBAAiB,GAAG1B,WAAW,CAAC,MAAM;IAC1CoB,OAAO,CAAC,SAAS,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,kBAAkB,GAAG3B,WAAW,CACnC4B,SAAqB,IAAK;IACzB,MAAMC,QAAQ,GAAGvB,QAAQ,CAACgB,MAAM,EAAEM,SAAS,CAAC;IAC5Cb,QAAQ,CAAC;MAAES,KAAK,EAAEK,QAAQ;MAAEC,OAAO,EAAEhB,KAAK,CAACgB;IAAQ,CAAC,CAAC;EACvD,CAAC,EACD,CAACR,MAAM,EAAER,KAAK,CAACgB,OAAO,EAAEf,QAAQ,CAClC,CAAC;EAED,MAAMgB,gBAAgB,GAAG/B,WAAW,CAAEgC,OAAkB,IAAK;IAC3DZ,OAAO,CAACY,OAAO,CAAC;EAClB,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAMC,WAAW,GAAGjB,QAAQ,GACxBF,KAAK,CAACU,KAAK,CAACU,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GACvCb,MAAM,CAACY,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EACtC,MAAMC,aAAa,GAAGtB,KAAK,CAACgB,OAAO,CAACI,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EAE/D,oBACEvB,KAAA,CAACR,IAAI;IAACiC,KAAK,EAAE7B,MAAM,CAAC8B,iBAAkB;IAAAC,QAAA,gBAEpC7B,IAAA,CAACP,IAAI;MAACkC,KAAK,EAAE7B,MAAM,CAACgC,cAAe;MAAAD,QAAA,EAAC;IAAW,CAAM,CAAC,eAGtD3B,KAAA,CAACR,IAAI;MAACiC,KAAK,EAAE7B,MAAM,CAACiC,kBAAmB;MAAAF,QAAA,gBACrC3B,KAAA,CAACR,IAAI;QAACiC,KAAK,EAAE7B,MAAM,CAACkC,mBAAoB;QAAAH,QAAA,gBAEtC7B,IAAA,CAACR,SAAS;UACRyC,OAAO,EAAElB,eAAgB;UACzBY,KAAK,EAAE,CACL7B,MAAM,CAACoC,SAAS,EAChBzB,IAAI,KAAK,OAAO,IAAIX,MAAM,CAACqC,eAAe,CAC1C;UAAAN,QAAA,eAEF7B,IAAA,CAACP,IAAI;YACHkC,KAAK,EAAE,CACL7B,MAAM,CAACsC,aAAa,EACpB3B,IAAI,KAAK,OAAO,IAAIX,MAAM,CAACuC,mBAAmB,CAC9C;YAAAR,QAAA,EAEDN;UAAW,CACR;QAAC,CACE,CAAC,eAGZvB,IAAA,CAACP,IAAI;UAACkC,KAAK,EAAE7B,MAAM,CAACwC,aAAc;UAAAT,QAAA,EAAC;QAAC,CAAM,CAAC,eAG3C7B,IAAA,CAACR,SAAS;UACRyC,OAAO,EAAEjB,iBAAkB;UAC3BW,KAAK,EAAE,CACL7B,MAAM,CAACoC,SAAS,EAChBzB,IAAI,KAAK,SAAS,IAAIX,MAAM,CAACqC,eAAe,CAC5C;UAAAN,QAAA,eAEF7B,IAAA,CAACP,IAAI;YACHkC,KAAK,EAAE,CACL7B,MAAM,CAACsC,aAAa,EACpB3B,IAAI,KAAK,SAAS,IAAIX,MAAM,CAACuC,mBAAmB,CAChD;YAAAR,QAAA,EAEDH;UAAa,CACV;QAAC,CACE,CAAC;MAAA,CACR,CAAC,EAGN,CAACpB,QAAQ,iBACRJ,KAAA,CAACR,IAAI;QAACiC,KAAK,EAAE7B,MAAM,CAACyC,qBAAsB;QAAAV,QAAA,gBACxC7B,IAAA,CAACR,SAAS;UACRyC,OAAO,EAAEA,CAAA,KAAMhB,kBAAkB,CAAC,IAAI,CAAE;UACxCU,KAAK,EAAE,CACL7B,MAAM,CAAC0C,YAAY,EACnB1C,MAAM,CAAC2C,eAAe,EACtB5B,MAAM,KAAK,IAAI,IAAIf,MAAM,CAAC4C,kBAAkB,CAC5C;UAAAb,QAAA,eAEF7B,IAAA,CAACP,IAAI;YACHkC,KAAK,EAAE,CACL7B,MAAM,CAAC6C,gBAAgB,EACvB9B,MAAM,KAAK,IAAI,IAAIf,MAAM,CAAC8C,sBAAsB,CAChD;YAAAf,QAAA,EACH;UAED,CAAM;QAAC,CACE,CAAC,eACZ7B,IAAA,CAACR,SAAS;UACRyC,OAAO,EAAEA,CAAA,KAAMhB,kBAAkB,CAAC,IAAI,CAAE;UACxCU,KAAK,EAAE,CACL7B,MAAM,CAAC0C,YAAY,EACnB3B,MAAM,KAAK,IAAI,IAAIf,MAAM,CAAC4C,kBAAkB,CAC5C;UAAAb,QAAA,eAEF7B,IAAA,CAACP,IAAI;YACHkC,KAAK,EAAE,CACL7B,MAAM,CAAC6C,gBAAgB,EACvB9B,MAAM,KAAK,IAAI,IAAIf,MAAM,CAAC8C,sBAAsB,CAChD;YAAAf,QAAA,EACH;UAED,CAAM;QAAC,CACE,CAAC;MAAA,CACR,CACP;IAAA,CACG,CAAC,eAGP7B,IAAA,CAACH,SAAS;MACRO,KAAK,EAAEA,KAAM;MACbC,QAAQ,EAAEA,QAAS;MACnBI,IAAI,EAAEA,IAAK;MACXoC,YAAY,EAAExB,gBAAiB;MAC/Bf,QAAQ,EAAEA;IAAS,CACpB,CAAC,eAGFJ,KAAA,CAACR,IAAI;MAACiC,KAAK,EAAE7B,MAAM,CAACgD,gBAAiB;MAAAjB,QAAA,gBACnC7B,IAAA,CAACR,SAAS;QAACmC,KAAK,EAAE7B,MAAM,CAACiD,cAAe;QAAAlB,QAAA,eACtC7B,IAAA,CAACP,IAAI;UAACkC,KAAK,EAAE7B,MAAM,CAACkD,kBAAmB;UAAAnB,QAAA,EAAC;QAAE,CAAM;MAAC,CACxC,CAAC,eAEZ3B,KAAA,CAACR,IAAI;QAACiC,KAAK,EAAE7B,MAAM,CAACmD,sBAAuB;QAAApB,QAAA,GACxCtB,QAAQ,iBACPP,IAAA,CAACR,SAAS;UAACmC,KAAK,EAAE7B,MAAM,CAACoD,YAAa;UAACjB,OAAO,EAAE1B,QAAS;UAAAsB,QAAA,eACvD7B,IAAA,CAACP,IAAI;YAACkC,KAAK,EAAE7B,MAAM,CAACqD,gBAAiB;YAAAtB,QAAA,EAAC;UAAM,CAAM;QAAC,CAC1C,CACZ,EACArB,SAAS,iBACRR,IAAA,CAACR,SAAS;UAACmC,KAAK,EAAE7B,MAAM,CAACoD,YAAa;UAACjB,OAAO,EAAEzB,SAAU;UAAAqB,QAAA,eACxD7B,IAAA,CAACP,IAAI;YAACkC,KAAK,EAAE7B,MAAM,CAACqD,gBAAiB;YAAAtB,QAAA,EAAC;UAAE,CAAM;QAAC,CACtC,CACZ;MAAA,CACG,CAAC;IAAA,CACH,CAAC;EAAA,CACH,CAAC;AAEX,CACF,CAAC;AAED1B,kBAAkB,CAACiD,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/lib/module/components/TimePicker/TimePicker.android.js

@@ -0,0 +1,77 @@
+"use strict";
+
+import React, { Suspense, useCallback } from 'react';
+import { ActivityIndicator, View } from 'react-native';
+import { MaterialTimePicker } from "./MaterialTimePicker.js";
+import { styles } from "./TimePicker.styles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+// @ts-expect-error - React.lazy fallback returns null when @expo/ui unavailable
+const ExpoTimePicker = /*#__PURE__*/React.lazy(async () => {
+  try {
+    // @ts-expect-error - @expo/ui types not available
+    const {
+      DateTimePicker
+    } = await import('@expo/ui/jetpack-compose');
+    return {
+      default: ({
+        value,
+        onChange,
+        is24Hour
+      }) => {
+        // Create a Date object for the picker
+        const date = new Date();
+        date.setHours(value.hours, value.minutes, 0, 0);
+        const handleChange = newDate => {
+          onChange({
+            hours: newDate.getHours(),
+            minutes: newDate.getMinutes()
+          });
+        };
+        return /*#__PURE__*/_jsx(DateTimePicker, {
+          onDateSelected: handleChange,
+          displayedComponents: "hourAndMinute",
+          initialDate: date.toISOString(),
+          variant: "picker"
+        });
+      }
+    };
+  } catch {
+    // Fallback when @expo/ui is not available
+    return {
+      default: _props => null
+    };
+  }
+});
+export const TimePicker = ({
+  value,
+  onChange,
+  theme = 'native',
+  is24Hour = false
+}) => {
+  const handleTimeChange = useCallback(time => {
+    onChange(time);
+  }, [onChange]);
+
+  // Use native Android picker for 'native' theme
+  if (theme === 'native') {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.container,
+      children: /*#__PURE__*/_jsx(Suspense, {
+        fallback: /*#__PURE__*/_jsx(ActivityIndicator, {}),
+        children: /*#__PURE__*/_jsx(ExpoTimePicker, {
+          value: value,
+          onChange: handleTimeChange,
+          is24Hour: is24Hour
+        })
+      })
+    });
+  }
+
+  // Use Material-style picker for 'android' or 'ios' themes
+  return /*#__PURE__*/_jsx(MaterialTimePicker, {
+    value: value,
+    onChange: onChange,
+    is24Hour: is24Hour
+  });
+};
+//# sourceMappingURL=TimePicker.android.js.map

package/lib/module/components/TimePicker/TimePicker.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Suspense","useCallback","ActivityIndicator","View","MaterialTimePicker","styles","jsx","_jsx","ExpoTimePicker","lazy","DateTimePicker","default","value","onChange","is24Hour","date","Date","setHours","hours","minutes","handleChange","newDate","getHours","getMinutes","onDateSelected","displayedComponents","initialDate","toISOString","variant","_props","TimePicker","theme","handleTimeChange","time","style","container","children","fallback"],"sourceRoot":"../../../../src","sources":["components/TimePicker/TimePicker.android.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AACpD,SAASC,iBAAiB,EAAEC,IAAI,QAAQ,cAAc;AAEtD,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SAASC,MAAM,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C;AACA,MAAMC,cAAc,gBAAGT,KAAK,CAACU,IAAI,CAAC,YAAY;EAC5C,IAAI;IACF;IACA,MAAM;MAAEC;IAAe,CAAC,GAAG,MAAM,MAAM,CAAC,0BAA0B,CAAC;IAEnE,OAAO;MACLC,OAAO,EAAEA,CAAC;QAAEC,KAAK;QAAEC,QAAQ;QAAEC;MAA8B,CAAC,KAAK;QAC/D;QACA,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,CAAC;QACvBD,IAAI,CAACE,QAAQ,CAACL,KAAK,CAACM,KAAK,EAAEN,KAAK,CAACO,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;QAE/C,MAAMC,YAAY,GAAIC,OAAa,IAAK;UACtCR,QAAQ,CAAC;YACPK,KAAK,EAAEG,OAAO,CAACC,QAAQ,CAAC,CAAC;YACzBH,OAAO,EAAEE,OAAO,CAACE,UAAU,CAAC;UAC9B,CAAC,CAAC;QACJ,CAAC;QAED,oBACEhB,IAAA,CAACG,cAAc;UACbc,cAAc,EAAEJ,YAAa;UAC7BK,mBAAmB,EAAC,eAAe;UACnCC,WAAW,EAAEX,IAAI,CAACY,WAAW,CAAC,CAAE;UAChCC,OAAO,EAAC;QAAQ,CACjB,CAAC;MAEN;IACF,CAAC;EACH,CAAC,CAAC,MAAM;IACN;IACA,OAAO;MAAEjB,OAAO,EAAGkB,MAA2B,IAAK;IAAK,CAAC;EAC3D;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,UAAqC,GAAGA,CAAC;EACpDlB,KAAK;EACLC,QAAQ;EACRkB,KAAK,GAAG,QAAQ;EAChBjB,QAAQ,GAAG;AACb,CAAC,KAAK;EACJ,MAAMkB,gBAAgB,GAAG/B,WAAW,CACjCgC,IAAe,IAAK;IACnBpB,QAAQ,CAACoB,IAAI,CAAC;EAChB,CAAC,EACD,CAACpB,QAAQ,CACX,CAAC;;EAED;EACA,IAAIkB,KAAK,KAAK,QAAQ,EAAE;IACtB,oBACExB,IAAA,CAACJ,IAAI;MAAC+B,KAAK,EAAE7B,MAAM,CAAC8B,SAAU;MAAAC,QAAA,eAC5B7B,IAAA,CAACP,QAAQ;QAACqC,QAAQ,eAAE9B,IAAA,CAACL,iBAAiB,IAAE,CAAE;QAAAkC,QAAA,eACxC7B,IAAA,CAACC,cAAc;UACbI,KAAK,EAAEA,KAAM;UACbC,QAAQ,EAAEmB,gBAAiB;UAC3BlB,QAAQ,EAAEA;QAAS,CACpB;MAAC,CACM;IAAC,CACP,CAAC;EAEX;;EAEA;EACA,oBACEP,IAAA,CAACH,kBAAkB;IAACQ,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA,QAAS;IAACC,QAAQ,EAAEA;EAAS,CAAE,CAAC;AAEhF,CAAC","ignoreList":[]}

package/lib/module/components/TimePicker/TimePicker.ios.js

@@ -0,0 +1,83 @@
+"use strict";
+
+import React, { Suspense, useCallback } from 'react';
+import { ActivityIndicator, View } from 'react-native';
+import { styles } from "./TimePicker.styles.js";
+import { TimeWheelPicker } from "./TimeWheelPicker.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+// @ts-expect-error - React.lazy fallback returns null when @expo/ui unavailable
+const ExpoTimePicker = /*#__PURE__*/React.lazy(async () => {
+  try {
+    // @ts-expect-error - @expo/ui types not available
+    const {
+      DateTimePicker,
+      Host
+    } = await import('@expo/ui/swift-ui');
+    return {
+      default: ({
+        value,
+        onChange,
+        is24Hour
+      }) => {
+        // Create a Date object for the picker
+        const date = new Date();
+        date.setHours(value.hours, value.minutes, 0, 0);
+        const handleChange = newDate => {
+          onChange({
+            hours: newDate.getHours(),
+            minutes: newDate.getMinutes()
+          });
+        };
+        return /*#__PURE__*/_jsx(Host, {
+          matchContents: true,
+          children: /*#__PURE__*/_jsx(DateTimePicker, {
+            onDateSelected: handleChange,
+            displayedComponents: "hourAndMinute",
+            initialDate: date.toISOString(),
+            variant: "wheel"
+          })
+        });
+      }
+    };
+  } catch {
+    // Fallback when @expo/ui is not available
+    return {
+      default: _props => null
+    };
+  }
+});
+export const TimePicker = ({
+  value,
+  onChange,
+  theme = 'native',
+  is24Hour = false,
+  minuteInterval = 1
+}) => {
+  const handleTimeChange = useCallback(time => {
+    onChange(time);
+  }, [onChange]);
+
+  // Use native iOS picker for 'native' or 'ios' theme
+  if (theme === 'native' || theme === 'ios') {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.container,
+      children: /*#__PURE__*/_jsx(Suspense, {
+        fallback: /*#__PURE__*/_jsx(ActivityIndicator, {}),
+        children: /*#__PURE__*/_jsx(ExpoTimePicker, {
+          value: value,
+          onChange: handleTimeChange,
+          is24Hour: is24Hour
+        })
+      })
+    });
+  }
+
+  // Fallback to wheel picker for other themes
+  return /*#__PURE__*/_jsx(TimeWheelPicker, {
+    value: value,
+    onChange: onChange,
+    is24Hour: is24Hour,
+    minuteInterval: minuteInterval
+  });
+};
+//# sourceMappingURL=TimePicker.ios.js.map

package/lib/module/components/TimePicker/TimePicker.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Suspense","useCallback","ActivityIndicator","View","styles","TimeWheelPicker","jsx","_jsx","ExpoTimePicker","lazy","DateTimePicker","Host","default","value","onChange","is24Hour","date","Date","setHours","hours","minutes","handleChange","newDate","getHours","getMinutes","matchContents","children","onDateSelected","displayedComponents","initialDate","toISOString","variant","_props","TimePicker","theme","minuteInterval","handleTimeChange","time","style","container","fallback"],"sourceRoot":"../../../../src","sources":["components/TimePicker/TimePicker.ios.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AACpD,SAASC,iBAAiB,EAAEC,IAAI,QAAQ,cAAc;AAEtD,SAASC,MAAM,QAAQ,wBAAqB;AAC5C,SAASC,eAAe,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQpD;AACA,MAAMC,cAAc,gBAAGT,KAAK,CAACU,IAAI,CAAC,YAAY;EAC5C,IAAI;IACF;IACA,MAAM;MAAEC,cAAc;MAAEC;IAAK,CAAC,GAAG,MAAM,MAAM,CAAC,mBAAmB,CAAC;IAElE,OAAO;MACLC,OAAO,EAAEA,CAAC;QAAEC,KAAK;QAAEC,QAAQ;QAAEC;MAA8B,CAAC,KAAK;QAC/D;QACA,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,CAAC;QACvBD,IAAI,CAACE,QAAQ,CAACL,KAAK,CAACM,KAAK,EAAEN,KAAK,CAACO,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;QAE/C,MAAMC,YAAY,GAAIC,OAAa,IAAK;UACtCR,QAAQ,CAAC;YACPK,KAAK,EAAEG,OAAO,CAACC,QAAQ,CAAC,CAAC;YACzBH,OAAO,EAAEE,OAAO,CAACE,UAAU,CAAC;UAC9B,CAAC,CAAC;QACJ,CAAC;QAED,oBACEjB,IAAA,CAACI,IAAI;UAACc,aAAa;UAAAC,QAAA,eACjBnB,IAAA,CAACG,cAAc;YACbiB,cAAc,EAAEN,YAAa;YAC7BO,mBAAmB,EAAC,eAAe;YACnCC,WAAW,EAAEb,IAAI,CAACc,WAAW,CAAC,CAAE;YAChCC,OAAO,EAAC;UAAO,CAChB;QAAC,CACE,CAAC;MAEX;IACF,CAAC;EACH,CAAC,CAAC,MAAM;IACN;IACA,OAAO;MAAEnB,OAAO,EAAGoB,MAA2B,IAAK;IAAK,CAAC;EAC3D;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,UAAqC,GAAGA,CAAC;EACpDpB,KAAK;EACLC,QAAQ;EACRoB,KAAK,GAAG,QAAQ;EAChBnB,QAAQ,GAAG,KAAK;EAChBoB,cAAc,GAAG;AACnB,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAGnC,WAAW,CACjCoC,IAAe,IAAK;IACnBvB,QAAQ,CAACuB,IAAI,CAAC;EAChB,CAAC,EACD,CAACvB,QAAQ,CACX,CAAC;;EAED;EACA,IAAIoB,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,KAAK,EAAE;IACzC,oBACE3B,IAAA,CAACJ,IAAI;MAACmC,KAAK,EAAElC,MAAM,CAACmC,SAAU;MAAAb,QAAA,eAC5BnB,IAAA,CAACP,QAAQ;QAACwC,QAAQ,eAAEjC,IAAA,CAACL,iBAAiB,IAAE,CAAE;QAAAwB,QAAA,eACxCnB,IAAA,CAACC,cAAc;UACbK,KAAK,EAAEA,KAAM;UACbC,QAAQ,EAAEsB,gBAAiB;UAC3BrB,QAAQ,EAAEA;QAAS,CACpB;MAAC,CACM;IAAC,CACP,CAAC;EAEX;;EAEA;EACA,oBACER,IAAA,CAACF,eAAe;IACdQ,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBoB,cAAc,EAAEA;EAAe,CAChC,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/components/TimePicker/TimePicker.js

@@ -0,0 +1,34 @@
+"use strict";
+
+// Re-export types for convenience
+
+/**
+ * TimePicker Component
+ *
+ * A cross-platform time picker with support for iOS wheel style and Material clock face.
+ *
+ * Platform-specific implementations are handled by Metro's file resolution:
+ * - iOS: Uses @expo/ui DateTimePicker in time mode, falls back to TimeWheelPicker
+ * - Android: Uses @expo/ui DateTimePicker or MaterialTimePicker with ClockFace
+ * - Web: TimeWheelPicker for iOS theme, MaterialTimePicker for Android theme
+ *
+ * @example
+ * ```tsx
+ * import { TimePicker } from '@dreamstack-us/kaal';
+ *
+ * const [time, setTime] = useState({ hours: 9, minutes: 30 });
+ *
+ * <TimePicker
+ *   value={time}
+ *   onChange={setTime}
+ *   theme="ios"
+ *   is24Hour={false}
+ * />
+ * ```
+ */
+export const TimePicker = _props => {
+  // This file serves as type definition and fallback
+  // Metro resolves platform-specific files (.ios.tsx, .android.tsx, .web.tsx)
+  return null;
+};
+//# sourceMappingURL=TimePicker.js.map

package/lib/module/components/TimePicker/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TimePicker","_props"],"sourceRoot":"../../../../src","sources":["components/TimePicker/TimePicker.tsx"],"mappings":";;AAGA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,UAAqC,GAAIC,MAAM,IAAK;EAC/D;EACA;EACA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}