@getsoren/react-native-design-system 1.32.1

package/lib/module/components/Inputs/TextField/TextField.js

@@ -0,0 +1,240 @@
+"use strict";
+
+import { Input, withTheme } from "@rneui/themed";
+import { isValidElement, useEffect, useRef, useState } from "react";
+import { Animated, View } from "react-native";
+import useTheme from "../../../hooks/useTheme";
+import Skeleton from "../../DataDisplay/Skeleton";
+import Text from "../../DataDisplay/Text";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const getKeyboardType = type => {
+  switch (type) {
+    case "number":
+      return "numeric";
+    case "email":
+      return "email-address";
+    case "tel":
+    case "phone":
+      return "phone-pad";
+    case "url":
+      return "url";
+    default:
+      return "default";
+  }
+};
+const getAutoCompleteType = type => {
+  switch (type) {
+    case "email":
+      return "email";
+    case "password":
+      return "password";
+    case "phone":
+      return "tel";
+    case "address":
+      return "address-line1";
+    case "url":
+      return "url";
+    default:
+      return "off";
+  }
+};
+const getLeftPositionLabel = (inputStyle, theme) => {
+  if (inputStyle && "paddingLeft" in inputStyle) {
+    return inputStyle?.paddingLeft;
+  }
+  if (Array.isArray(inputStyle)) {
+    const paddingLeft = inputStyle.find(style => "paddingLeft" in style);
+    return paddingLeft?.paddingLeft;
+  }
+  return theme.spacing.md;
+};
+const TextField = ({
+  autoComplete,
+  style,
+  type,
+  label,
+  leftIcon,
+  labelStyle,
+  onChangeText,
+  inputStyle,
+  value,
+  autoCapitalize,
+  loading,
+  placeholder,
+  focus,
+  size,
+  setFocus,
+  onFocus,
+  onBlur,
+  errorMessage,
+  required,
+  disabled,
+  editable,
+  disabledInputStyle,
+  errorStyle,
+  keyboardType,
+  textContentType,
+  caretHidden,
+  rightIcon,
+  rightIconContainerStyle,
+  rightIconCircle,
+  leftIconContainerStyle,
+  viewContainerStyle,
+  ...props
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const [isFocus, setIsFocus] = useState(false);
+  const [hasText, setHasText] = useState(false);
+  const moveLabelAnimation = useRef(new Animated.Value(0)).current;
+  const hasValue = loading ? true : !!value || hasText;
+  const isFocused = focus || isFocus;
+  const handleOnFocus = event => {
+    onFocus?.(event);
+    setIsFocus(true);
+  };
+  const handleOnBlur = event => {
+    onBlur?.(event);
+    setIsFocus(false);
+  };
+  const handleOnChangeText = text => {
+    onChangeText?.(text);
+    setHasText(!!text);
+  };
+
+  /**
+   * Reset internal focus state when focus prop becomes false
+   */
+  useEffect(() => {
+    if (focus === false) {
+      setIsFocus(false);
+    }
+  }, [focus]);
+
+  /**
+   * Animation for label
+   */
+  useEffect(() => {
+    if (hasValue) {
+      Animated.timing(moveLabelAnimation, {
+        duration: 150,
+        toValue: -8,
+        useNativeDriver: true
+      }).start();
+    } else {
+      Animated.timing(moveLabelAnimation, {
+        duration: 150,
+        toValue: 0,
+        useNativeDriver: true
+      }).start();
+    }
+  }, [hasValue, moveLabelAnimation]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      alignItems: "center",
+      justifyContent: "center",
+      position: "relative",
+      ...(errorMessage && {
+        marginBottom: 15
+      })
+    }, viewContainerStyle],
+    children: [loading && /*#__PURE__*/_jsx(Skeleton, {
+      height: 12,
+      width: 150,
+      style: {
+        bottom: theme.spacing.md,
+        left: leftIcon ? theme.spacing.xl * 2 : theme.spacing.md,
+        position: "absolute",
+        zIndex: 1
+      }
+    }), label && /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        alignItems: "center",
+        bottom: 0,
+        justifyContent: "center",
+        left: getLeftPositionLabel(inputStyle, theme),
+        pointerEvents: "none",
+        position: "absolute",
+        top: 0,
+        transform: [{
+          translateY: moveLabelAnimation
+        }],
+        zIndex: 1
+      }],
+      children: /*#__PURE__*/_jsxs(Text, {
+        body2: true,
+        color: "textDisabled",
+        style: [labelStyle],
+        children: [label, required && !hasValue && "*"]
+      })
+    }), /*#__PURE__*/_jsx(Input, {
+      placeholder: placeholder,
+      leftIcon: leftIcon,
+      disabled: disabled,
+      keyboardType: keyboardType || getKeyboardType(type),
+      autoComplete: autoComplete || !textContentType ? getAutoCompleteType(type) : undefined,
+      autoCapitalize: autoCapitalize || type === "email" ? "none" : undefined,
+      errorMessage: errorMessage,
+      selectionColor: loading ? "transparent" : undefined,
+      caretHidden: loading ? true : caretHidden,
+      editable: loading ? false : editable,
+      secureTextEntry: type === "password",
+      value: value,
+      onFocus: handleOnFocus,
+      onBlur: handleOnBlur,
+      onChangeText: handleOnChangeText,
+      rightIcon: rightIconCircle ? /*#__PURE__*/_jsx(View, {
+        style: {
+          alignItems: "center",
+          backgroundColor: "black",
+          borderRadius: 100,
+          height: 40,
+          justifyContent: "center",
+          right: -12,
+          width: 40
+        },
+        children: rightIconCircle
+      }) : rightIcon,
+      errorStyle: [{
+        position: "absolute",
+        top: "100%"
+      }, errorStyle],
+      inputStyle: [inputStyle, {
+        ...(hasValue && label && {
+          paddingBottom: -12,
+          paddingTop: size === "sm" ? 16 : 18
+        }),
+        ...(loading && {
+          color: "transparent"
+        })
+      }],
+      disabledInputStyle: [disabledInputStyle, {
+        ...(loading && {
+          color: "transparent"
+        })
+      }],
+      style: [{
+        ...(isFocused && {
+          borderColor: theme.colors.text
+        }),
+        ...(errorMessage && {
+          borderColor: theme.colors.error
+        })
+      }, style],
+      rightIconContainerStyle: [rightIconContainerStyle, {
+        ...(/*#__PURE__*/isValidElement(rightIcon) && rightIcon.props.onPress ? {} : {
+          pointerEvents: "none"
+        })
+      }],
+      leftIconContainerStyle: [leftIconContainerStyle, {
+        ...(/*#__PURE__*/isValidElement(leftIcon) && leftIcon.props.onPress ? {} : {
+          pointerEvents: "none"
+        })
+      }],
+      ...props
+    })]
+  });
+};
+export default withTheme(TextField, "TextField");
+//# sourceMappingURL=TextField.js.map

package/lib/module/components/Inputs/TextField/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Input","withTheme","isValidElement","useEffect","useRef","useState","Animated","View","useTheme","Skeleton","Text","jsx","_jsx","jsxs","_jsxs","getKeyboardType","type","getAutoCompleteType","getLeftPositionLabel","inputStyle","theme","paddingLeft","Array","isArray","find","style","spacing","md","TextField","autoComplete","label","leftIcon","labelStyle","onChangeText","value","autoCapitalize","loading","placeholder","focus","size","setFocus","onFocus","onBlur","errorMessage","required","disabled","editable","disabledInputStyle","errorStyle","keyboardType","textContentType","caretHidden","rightIcon","rightIconContainerStyle","rightIconCircle","leftIconContainerStyle","viewContainerStyle","props","isFocus","setIsFocus","hasText","setHasText","moveLabelAnimation","Value","current","hasValue","isFocused","handleOnFocus","event","handleOnBlur","handleOnChangeText","text","timing","duration","toValue","useNativeDriver","start","alignItems","justifyContent","position","marginBottom","children","height","width","bottom","left","xl","zIndex","pointerEvents","top","transform","translateY","body2","color","undefined","selectionColor","secureTextEntry","backgroundColor","borderRadius","right","paddingBottom","paddingTop","borderColor","colors","error","onPress"],"sourceRoot":"../../../../../src","sources":["components/Inputs/TextField/TextField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Inputs/TextField/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import TextField from "./TextField";
+export default TextField;
+export * from "./TextField";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Inputs/TextField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextField"],"sourceRoot":"../../../../../src","sources":["components/Inputs/TextField/index.ts"],"mappings":";;AAAA,OAAOA,SAAS,MAAM,aAAa;AAEnC,eAAeA,SAAS;AACxB,cAAc,aAAa","ignoreList":[]}

package/lib/module/components/Inputs/TextFieldDateTime/TextFieldDateTime.js

@@ -0,0 +1,68 @@
+"use strict";
+
+import { withTheme } from "@rneui/themed";
+import { useRef } from "react";
+import { Keyboard } from "react-native";
+import CalendarIcon from "../../DataDisplay/Icon/CalendarIcon";
+import ClockIcon from "../../DataDisplay/Icon/ClockIcon";
+import TextField from "../TextField";
+import { jsx as _jsx } from "react/jsx-runtime";
+const TextFieldDateTime = withTheme(({
+  label,
+  onFocus,
+  value,
+  focus,
+  containerStyle,
+  inputStyle,
+  labelStyle,
+  errorMessage,
+  icon,
+  required,
+  disabled,
+  disabledInputStyle,
+  viewContainerStyle,
+  iconColor,
+  onPress,
+  pointerEvents,
+  readonly,
+  autoFocus = false
+}) => {
+  const textFieldRef = useRef(null);
+  return /*#__PURE__*/_jsx(TextField, {
+    ref: textFieldRef,
+    caretHidden: true,
+    showSoftInputOnFocus: false,
+    pointerEvents: pointerEvents,
+    autoFocus: autoFocus,
+    label: label,
+    value: value,
+    focus: focus,
+    editable: readonly,
+    inputStyle: inputStyle,
+    labelStyle: labelStyle,
+    errorMessage: errorMessage,
+    required: required,
+    disabled: disabled,
+    disabledInputStyle: disabledInputStyle,
+    onPress: disabled ? undefined : onPress,
+    onFocus: onFocus,
+    containerStyle: [containerStyle],
+    viewContainerStyle: viewContainerStyle,
+    onSubmitEditing: () => Keyboard.dismiss(),
+    rightIcon: icon === "time" ? /*#__PURE__*/_jsx(ClockIcon, {
+      color: iconColor
+    }) : /*#__PURE__*/_jsx(CalendarIcon, {
+      color: iconColor,
+      style: {
+        marginRight: -3
+      }
+    }),
+    onPressIn: () => {
+      if (textFieldRef?.current?.isFocused()) {
+        onFocus?.();
+      }
+    }
+  });
+}, "TextFieldDateTime");
+export default TextFieldDateTime;
+//# sourceMappingURL=TextFieldDateTime.js.map

package/lib/module/components/Inputs/TextFieldDateTime/TextFieldDateTime.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["withTheme","useRef","Keyboard","CalendarIcon","ClockIcon","TextField","jsx","_jsx","TextFieldDateTime","label","onFocus","value","focus","containerStyle","inputStyle","labelStyle","errorMessage","icon","required","disabled","disabledInputStyle","viewContainerStyle","iconColor","onPress","pointerEvents","readonly","autoFocus","textFieldRef","ref","caretHidden","showSoftInputOnFocus","editable","undefined","onSubmitEditing","dismiss","rightIcon","color","style","marginRight","onPressIn","current","isFocused"],"sourceRoot":"../../../../../src","sources":["components/Inputs/TextFieldDateTime/TextFieldDateTime.tsx"],"mappings":";;AAAA,SAAgBA,SAAS,QAAQ,eAAe;AAChD,SAA4BC,MAAM,QAAQ,OAAO;AACjD,SAASC,QAAQ,QAAoD,cAAc;AACnF,OAAOC,YAAY,MAAM,qCAAqC;AAC9D,OAAOC,SAAS,MAAM,kCAAkC;AACxD,OAAOC,SAAS,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA6BrC,MAAMC,iBAAiB,GAAGR,SAAS,CACjC,CAAC;EACCS,KAAK;EACLC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC,cAAc;EACdC,UAAU;EACVC,UAAU;EACVC,YAAY;EACZC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,kBAAkB;EAClBC,kBAAkB;EAClBC,SAAS;EACTC,OAAO;EACPC,aAAa;EACbC,QAAQ;EACRC,SAAS,GAAG;AACd,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAG1B,MAAM,CAAY,IAAI,CAAC;EAE5C,oBACEM,IAAA,CAACF,SAAS;IACRuB,GAAG,EAAED,YAAa;IAClBE,WAAW;IACXC,oBAAoB,EAAE,KAAM;IAC5BN,aAAa,EAAEA,aAAc;IAC7BE,SAAS,EAAEA,SAAU;IACrBjB,KAAK,EAAEA,KAAM;IACbE,KAAK,EAAEA,KAAM;IACbC,KAAK,EAAEA,KAAM;IACbmB,QAAQ,EAAEN,QAAS;IACnBX,UAAU,EAAEA,UAAW;IACvBC,UAAU,EAAEA,UAAW;IACvBC,YAAY,EAAEA,YAAa;IAC3BE,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBC,kBAAkB,EAAEA,kBAAmB;IACvCG,OAAO,EAAEJ,QAAQ,GAAGa,SAAS,GAAGT,OAAQ;IACxCb,OAAO,EAAEA,OAAQ;IACjBG,cAAc,EAAE,CAACA,cAAc,CAAE;IACjCQ,kBAAkB,EAAEA,kBAAmB;IACvCY,eAAe,EAAEA,CAAA,KAAM/B,QAAQ,CAACgC,OAAO,CAAC,CAAE;IAC1CC,SAAS,EAAElB,IAAI,KAAK,MAAM,gBAAGV,IAAA,CAACH,SAAS;MAACgC,KAAK,EAAEd;IAAU,CAAE,CAAC,gBAAGf,IAAA,CAACJ,YAAY;MAACiC,KAAK,EAAEd,SAAU;MAACe,KAAK,EAAE;QAAEC,WAAW,EAAE,CAAC;MAAE;IAAE,CAAE,CAAE;IAC9HC,SAAS,EAAEA,CAAA,KAAM;MACf,IAAIZ,YAAY,EAAEa,OAAO,EAAEC,SAAS,CAAC,CAAC,EAAE;QACtC/B,OAAO,GAAG,CAAC;MACb;IACF;EAAE,CACH,CAAC;AAEN,CAAC,EACD,mBACF,CAAC;AAED,eAAeF,iBAAiB","ignoreList":[]}

package/lib/module/components/Inputs/TextFieldDateTime/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import TextFieldDateTime from "./TextFieldDateTime";
+export default TextFieldDateTime;
+export * from "./TextFieldDateTime";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Inputs/TextFieldDateTime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextFieldDateTime"],"sourceRoot":"../../../../../src","sources":["components/Inputs/TextFieldDateTime/index.ts"],"mappings":";;AAAA,OAAOA,iBAAiB,MAAM,qBAAqB;AAEnD,eAAeA,iBAAiB;AAChC,cAAc,qBAAqB","ignoreList":[]}

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

@@ -0,0 +1,115 @@
+"use strict";
+
+import DateTimePicker from "@react-native-community/datetimepicker";
+import { withTheme } from "@rneui/themed";
+import { useLocales } from "expo-localization";
+import { useState } from "react";
+import { Platform } from "react-native";
+import useTheme from "../../../hooks/useTheme";
+import BottomSheet from "../../Feedback/BottomSheet";
+import BottomSheetContent from "../../Feedback/BottomSheetContent";
+import Button from "../Button";
+import TextFieldDateTime from "../TextFieldDateTime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const defaultDate = new Date();
+const TimePicker = ({
+  label,
+  value,
+  setValue,
+  open,
+  setOpen,
+  errorMessage,
+  onChange,
+  required,
+  disabled,
+  closeButtonLabel = "Close"
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const [date, setDate] = useState();
+  const [isPickerOpen, setIsPickerOpen] = useState(false);
+  const valueTime = value || date;
+  const isOpened = open || isPickerOpen;
+  const locale = useLocales();
+  const valueToLocaleTimeString = valueTime?.toLocaleTimeString([], {
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+  const handleClose = () => {
+    setOpen?.(false);
+    setIsPickerOpen(false);
+  };
+  const handleOpen = () => {
+    setOpen?.(true);
+    setIsPickerOpen(true);
+  };
+  const handleOnChange = (event, dateTime) => {
+    if (onChange && dateTime) {
+      onChange(dateTime, event);
+    }
+    if (dateTime && !onChange) {
+      setValue?.(dateTime);
+      setDate?.(dateTime);
+    }
+    if (event.type === "dismissed" || Platform.OS === "android" && event.type === "set") {
+      handleClose();
+    }
+  };
+  if (Platform.OS === "android") {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(TextFieldDateTime, {
+        icon: "time",
+        label: label,
+        value: valueToLocaleTimeString,
+        onFocus: handleOpen,
+        focus: isPickerOpen,
+        errorMessage: errorMessage,
+        required: required,
+        disabled: disabled
+      }), isOpened && /*#__PURE__*/_jsx(DateTimePicker, {
+        mode: "time",
+        themeVariant: "light",
+        locale: locale?.[0]?.languageTag,
+        value: valueTime || defaultDate,
+        onChange: handleOnChange,
+        accentColor: theme.colors.primary,
+        disabled: disabled
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(TextFieldDateTime, {
+      icon: "time",
+      label: label,
+      value: valueToLocaleTimeString,
+      onFocus: handleOpen,
+      focus: isPickerOpen,
+      errorMessage: errorMessage,
+      required: required,
+      disabled: disabled
+    }), /*#__PURE__*/_jsx(BottomSheet, {
+      isVisible: isOpened,
+      onBackdropPress: handleClose,
+      children: /*#__PURE__*/_jsxs(BottomSheetContent, {
+        children: [/*#__PURE__*/_jsx(DateTimePicker, {
+          themeVariant: "light",
+          mode: "time",
+          display: "spinner",
+          value: valueTime || defaultDate,
+          onChange: handleOnChange,
+          locale: locale?.[0]?.languageTag,
+          disabled: disabled,
+          style: {
+            margin: "auto"
+          }
+        }), /*#__PURE__*/_jsx(Button, {
+          onPress: handleClose,
+          children: closeButtonLabel
+        })]
+      })
+    })]
+  });
+};
+export default withTheme(TimePicker, "TimePicker");
+//# sourceMappingURL=TimePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DateTimePicker","withTheme","useLocales","useState","Platform","useTheme","BottomSheet","BottomSheetContent","Button","TextFieldDateTime","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","defaultDate","Date","TimePicker","label","value","setValue","open","setOpen","errorMessage","onChange","required","disabled","closeButtonLabel","theme","date","setDate","isPickerOpen","setIsPickerOpen","valueTime","isOpened","locale","valueToLocaleTimeString","toLocaleTimeString","hour","minute","handleClose","handleOpen","handleOnChange","event","dateTime","type","OS","children","icon","onFocus","focus","mode","themeVariant","languageTag","accentColor","colors","primary","isVisible","onBackdropPress","display","style","margin","onPress"],"sourceRoot":"../../../../../src","sources":["components/Inputs/TimePicker/TimePicker.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+import TimePicker from "./TimePicker";
+export default TimePicker;
+export * from "./TimePicker";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["TimePicker"],"sourceRoot":"../../../../../src","sources":["components/Inputs/TimePicker/index.ts"],"mappings":";;AAAA,OAAOA,UAAU,MAAM,cAAc;AAErC,eAAeA,UAAU;AACzB,cAAc,cAAc","ignoreList":[]}

package/lib/module/components/Inputs/TimeRangePicker/TimeRangePicker.js

@@ -0,0 +1,195 @@
+"use strict";
+
+import DateTimePicker from "@react-native-community/datetimepicker";
+import { withTheme } from "@rneui/themed";
+import { useLocales } from "expo-localization";
+import { useState } from "react";
+import { Platform, StyleSheet } from "react-native";
+import useTheme from "../../../hooks/useTheme";
+import BottomSheet from "../../Feedback/BottomSheet";
+import BottomSheetContent from "../../Feedback/BottomSheetContent";
+import Stack from "../../Layout/Stack";
+import Button from "../Button";
+import TextFieldDateTime from "../TextFieldDateTime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const styles = StyleSheet.create({
+  picker: {
+    margin: "auto"
+  }
+});
+const defaultDate = new Date("2021-01-01T00:00:00");
+const TimeRangePicker = ({
+  label,
+  value,
+  setValue,
+  open,
+  setOpen,
+  errorMessage,
+  onChange,
+  required,
+  disabled,
+  validateButtonLabel = "Validate"
+}) => {
+  const [internalValue, setInternalValue] = useState(value || [undefined, undefined]);
+  const [isPickerOpen, setIsPickerOpen] = useState(false);
+  const [active, setActive] = useState(0);
+  const {
+    theme
+  } = useTheme();
+  const locale = useLocales();
+  const isOpen = open || isPickerOpen;
+  const currentValue = value || internalValue;
+  const startTime = currentValue?.[0]?.toLocaleTimeString([], {
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+  const endTime = currentValue?.[1]?.toLocaleTimeString([], {
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+  const handleSetActive = index => () => {
+    setActive(index);
+  };
+  const handleOpen = index => () => {
+    setActive(index);
+    setOpen?.(true);
+    setIsPickerOpen(true);
+  };
+  const handleClose = () => {
+    setOpen?.(false);
+    setIsPickerOpen(false);
+  };
+  const handleOnChange = (event, newDate) => {
+    if (!newDate) {
+      return;
+    }
+    const newValue = [...currentValue];
+    newValue[active] = newDate;
+    setInternalValue(newValue);
+    setValue?.(newValue);
+    onChange?.(newValue, event);
+    if (event.type === "dismissed" || Platform.OS === "android" && event.type === "set") {
+      handleClose();
+    }
+  };
+  const handleValidate = () => {
+    if (active === 0) {
+      setActive(1);
+      return;
+    }
+    handleClose();
+  };
+  if (Platform.OS === "android") {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(Stack, {
+        direction: "row",
+        children: [/*#__PURE__*/_jsx(TextFieldDateTime, {
+          icon: "time",
+          label: label?.[0],
+          value: startTime,
+          onFocus: handleOpen(0),
+          focus: active === 0 && isOpen,
+          errorMessage: errorMessage?.[0],
+          required: required,
+          disabled: disabled,
+          viewContainerStyle: {
+            flex: 1
+          }
+        }), /*#__PURE__*/_jsx(TextFieldDateTime, {
+          icon: "time",
+          label: label?.[1],
+          value: endTime,
+          onFocus: handleOpen(1),
+          focus: active === 1 && isOpen,
+          errorMessage: errorMessage?.[0],
+          required: required,
+          disabled: disabled,
+          viewContainerStyle: {
+            flex: 1
+          }
+        })]
+      }), isOpen && /*#__PURE__*/_jsx(DateTimePicker, {
+        mode: "time",
+        value: currentValue?.[active] || defaultDate,
+        onChange: handleOnChange,
+        display: "clock"
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Stack, {
+      direction: "row",
+      children: [/*#__PURE__*/_jsx(TextFieldDateTime, {
+        icon: "time",
+        label: label?.[0],
+        value: startTime,
+        onPress: handleOpen(0),
+        focus: active === 0 && isOpen,
+        errorMessage: errorMessage?.[0],
+        required: required,
+        disabled: disabled,
+        viewContainerStyle: {
+          flex: 1
+        }
+      }), /*#__PURE__*/_jsx(TextFieldDateTime, {
+        icon: "time",
+        label: label?.[1],
+        value: endTime,
+        onPress: handleOpen(1),
+        focus: active === 1 && isOpen,
+        errorMessage: errorMessage?.[0],
+        required: required,
+        disabled: disabled,
+        viewContainerStyle: {
+          flex: 1
+        }
+      })]
+    }), /*#__PURE__*/_jsx(BottomSheet, {
+      isVisible: isOpen,
+      onBackdropPress: handleClose,
+      children: /*#__PURE__*/_jsxs(BottomSheetContent, {
+        children: [/*#__PURE__*/_jsxs(Stack, {
+          direction: "row",
+          children: [/*#__PURE__*/_jsx(TextFieldDateTime, {
+            icon: "time",
+            label: label?.[0],
+            value: startTime,
+            focus: active === 0,
+            onFocus: handleSetActive(0),
+            required: required,
+            disabled: disabled,
+            viewContainerStyle: {
+              flex: 1
+            }
+          }), /*#__PURE__*/_jsx(TextFieldDateTime, {
+            icon: "time",
+            label: label?.[1],
+            value: endTime,
+            focus: active === 1,
+            onFocus: handleSetActive(1),
+            required: required,
+            disabled: disabled,
+            viewContainerStyle: {
+              flex: 1
+            }
+          })]
+        }), /*#__PURE__*/_jsx(DateTimePicker, {
+          mode: "time",
+          display: "spinner",
+          themeVariant: "light",
+          locale: locale?.[0]?.languageTag,
+          value: currentValue?.[active] || defaultDate,
+          onChange: handleOnChange,
+          accentColor: theme.colors.primary,
+          disabled: disabled,
+          style: styles.picker
+        }), /*#__PURE__*/_jsx(Button, {
+          onPress: handleValidate,
+          children: validateButtonLabel
+        })]
+      })
+    })]
+  });
+};
+export default withTheme(TimeRangePicker, "TimeRangePicker");
+//# sourceMappingURL=TimeRangePicker.js.map