@getsoren/react-native-design-system 1.32.1

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

@@ -0,0 +1,56 @@
+"use strict";
+
+import { withTheme } from "@rneui/themed";
+import { Pressable, View } from "react-native";
+import Icon from "../../DataDisplay/Icon";
+import Text from "../../DataDisplay/Text";
+import Stack from "../../Layout/Stack";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CheckCard = withTheme(({
+  theme,
+  onPress,
+  subtitle,
+  title,
+  checked,
+  disabled,
+  containerStyle
+}) => /*#__PURE__*/_jsx(Pressable, {
+  disabled: disabled,
+  onPress: onPress,
+  style: [{
+    borderWidth: 1,
+    justifyContent: "center",
+    minHeight: 54,
+    paddingLeft: theme?.spacing.md,
+    paddingRight: theme?.spacing.lg
+  }, containerStyle],
+  children: /*#__PURE__*/_jsxs(Stack, {
+    direction: "row",
+    align: "center",
+    justify: "space-between",
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        backgroundColor: "transparent",
+        paddingVertical: theme?.spacing.sm
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        body2: true,
+        style: [{
+          color: disabled ? theme?.colors.textDisabled : theme?.colors.text
+        }],
+        children: title
+      }), subtitle && /*#__PURE__*/_jsx(Text, {
+        body2: true,
+        style: [{
+          color: disabled ? theme?.colors.textDisabled : theme?.colors.textSecondary
+        }],
+        children: subtitle
+      })]
+    }), checked && /*#__PURE__*/_jsx(Icon, {
+      name: "check-filled",
+      color: theme?.colors.secondaryDark
+    })]
+  })
+}), "CheckCard");
+export default CheckCard;
+//# sourceMappingURL=CheckCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["withTheme","Pressable","View","Icon","Text","Stack","jsx","_jsx","jsxs","_jsxs","CheckCard","theme","onPress","subtitle","title","checked","disabled","containerStyle","style","borderWidth","justifyContent","minHeight","paddingLeft","spacing","md","paddingRight","lg","children","direction","align","justify","backgroundColor","paddingVertical","sm","body2","color","colors","textDisabled","text","textSecondary","name","secondaryDark"],"sourceRoot":"../../../../../src","sources":["components/Inputs/CheckCard/CheckCard.tsx"],"mappings":";;AAAA,SAAgBA,SAAS,QAAQ,eAAe;AAChD,SAASC,SAAS,EAAaC,IAAI,QAAmB,cAAc;AACpE,OAAOC,IAAI,MAAM,wBAAwB;AACzC,OAAOC,IAAI,MAAM,wBAAwB;AACzC,OAAOC,KAAK,MAAM,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAiBvC,MAAMC,SAAS,GAAGV,SAAS,CACzB,CAAC;EAAEW,KAAK;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAAe,CAAC,kBACrEV,IAAA,CAACN,SAAS;EACRe,QAAQ,EAAEA,QAAS;EACnBJ,OAAO,EAAEA,OAAQ;EACjBM,KAAK,EAAE,CACL;IACEC,WAAW,EAAE,CAAC;IACdC,cAAc,EAAE,QAAQ;IACxBC,SAAS,EAAE,EAAE;IACbC,WAAW,EAAEX,KAAK,EAAEY,OAAO,CAACC,EAAE;IAC9BC,YAAY,EAAEd,KAAK,EAAEY,OAAO,CAACG;EAC/B,CAAC,EACDT,cAAc,CACd;EAAAU,QAAA,eAEFlB,KAAA,CAACJ,KAAK;IAACuB,SAAS,EAAC,KAAK;IAACC,KAAK,EAAC,QAAQ;IAACC,OAAO,EAAC,eAAe;IAAAH,QAAA,gBAC3DlB,KAAA,CAACP,IAAI;MACHgB,KAAK,EAAE;QACLa,eAAe,EAAE,aAAa;QAC9BC,eAAe,EAAErB,KAAK,EAAEY,OAAO,CAACU;MAClC,CAAE;MAAAN,QAAA,gBAEFpB,IAAA,CAACH,IAAI;QAAC8B,KAAK;QAAChB,KAAK,EAAE,CAAC;UAAEiB,KAAK,EAAEnB,QAAQ,GAAGL,KAAK,EAAEyB,MAAM,CAACC,YAAY,GAAG1B,KAAK,EAAEyB,MAAM,CAACE;QAAK,CAAC,CAAE;QAAAX,QAAA,EACxFb;MAAK,CACF,CAAC,EACND,QAAQ,iBACPN,IAAA,CAACH,IAAI;QAAC8B,KAAK;QAAChB,KAAK,EAAE,CAAC;UAAEiB,KAAK,EAAEnB,QAAQ,GAAGL,KAAK,EAAEyB,MAAM,CAACC,YAAY,GAAG1B,KAAK,EAAEyB,MAAM,CAACG;QAAc,CAAC,CAAE;QAAAZ,QAAA,EACjGd;MAAQ,CACL,CACP;IAAA,CACG,CAAC,EACNE,OAAO,iBAAIR,IAAA,CAACJ,IAAI;MAACqC,IAAI,EAAC,cAAc;MAACL,KAAK,EAAExB,KAAK,EAAEyB,MAAM,CAACK;IAAc,CAAE,CAAC;EAAA,CACvE;AAAC,CACC,CACZ,EACD,WACF,CAAC;AAED,eAAe/B,SAAS","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,10 @@
+"use strict";
+
+import { Chip as ChipRNE, withTheme } from "@rneui/themed";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Chip = props => /*#__PURE__*/_jsx(ChipRNE, {
+  ...props,
+  onPress: props?.onPress ? event => props?.onPress?.(event, !props?.checked) : undefined
+});
+export default withTheme(Chip, "Chip");
+//# sourceMappingURL=Chip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Chip","ChipRNE","withTheme","jsx","_jsx","props","onPress","event","checked","undefined"],"sourceRoot":"../../../../../src","sources":["components/Inputs/Chip/Chip.tsx"],"mappings":";;AAAA,SAAoCA,IAAI,IAAIC,OAAO,EAAEC,SAAS,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiBtF,MAAMJ,IAAI,GAAIK,KAAgB,iBAC5BD,IAAA,CAACH,OAAO;EAAA,GAAKI,KAAK;EAAEC,OAAO,EAAED,KAAK,EAAEC,OAAO,GAAIC,KAAK,IAAKF,KAAK,EAAEC,OAAO,GAAGC,KAAK,EAAE,CAACF,KAAK,EAAEG,OAAO,CAAC,GAAGC;AAAU,CAAE,CACjH;AAED,eAAeP,SAAS,CAAYF,IAAI,EAAE,MAAM,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["Chip"],"sourceRoot":"../../../../../src","sources":["components/Inputs/Chip/index.ts"],"mappings":";;AAAA,OAAOA,IAAI,MAAM,QAAQ;AAEzB,eAAeA,IAAI;AACnB,cAAc,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,123 @@
+"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 TextFieldDateTime from "../TextFieldDateTime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const defaultDate = new Date();
+const DatePicker = ({
+  label,
+  value,
+  setValue,
+  open,
+  setOpen,
+  errorMessage,
+  required,
+  onChange,
+  disabled,
+  inline,
+  style,
+  maximumDate,
+  minimumDate,
+  renderTrigger
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const [date, setDate] = useState();
+  const [isPickerOpen, setIsPickerOpen] = useState(false);
+  const valueDate = value || date;
+  const isOpened = open || isPickerOpen;
+  const locale = useLocales();
+  const valueToLocaleString = valueDate?.toLocaleDateString();
+  const handleOpen = () => {
+    setOpen?.(true);
+    setIsPickerOpen(true);
+  };
+  const handleClose = () => {
+    setOpen?.(false);
+    setIsPickerOpen(false);
+  };
+  const handleOnChange = (event, dateTime) => {
+    if (onChange && dateTime) {
+      onChange(dateTime, event);
+    }
+    if (dateTime && !onChange) {
+      setValue?.(dateTime);
+      setDate?.(dateTime);
+    }
+    if (!inline) {
+      handleClose();
+    }
+  };
+  if (Platform.OS === "android" || inline) {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [!inline && (renderTrigger ? renderTrigger({
+        open: handleOpen,
+        value: valueDate
+      }) : /*#__PURE__*/_jsx(TextFieldDateTime, {
+        label: label,
+        value: valueToLocaleString,
+        onFocus: handleOpen,
+        focus: isPickerOpen,
+        errorMessage: errorMessage,
+        required: required,
+        disabled: disabled
+      })), (isOpened || inline) && /*#__PURE__*/_jsx(DateTimePicker, {
+        display: inline ? "inline" : undefined,
+        themeVariant: "light",
+        locale: locale?.[0]?.languageTag,
+        value: valueDate || defaultDate,
+        onChange: handleOnChange,
+        accentColor: theme.colors.primary,
+        disabled: disabled,
+        style: [{
+          alignSelf: "center"
+        }, style],
+        maximumDate: maximumDate,
+        minimumDate: minimumDate
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [renderTrigger ? renderTrigger({
+      open: handleOpen,
+      value: valueDate
+    }) : /*#__PURE__*/_jsx(TextFieldDateTime, {
+      label: label,
+      value: valueToLocaleString,
+      onFocus: handleOpen,
+      focus: isPickerOpen,
+      errorMessage: errorMessage,
+      required: required,
+      disabled: disabled
+    }), /*#__PURE__*/_jsx(BottomSheet, {
+      isVisible: isOpened && !disabled,
+      onBackdropPress: handleClose,
+      children: /*#__PURE__*/_jsx(BottomSheetContent, {
+        children: /*#__PURE__*/_jsx(DateTimePicker, {
+          display: "inline",
+          themeVariant: "light",
+          locale: locale?.[0]?.languageTag,
+          value: valueDate || defaultDate,
+          onChange: handleOnChange,
+          accentColor: theme.colors.primary,
+          disabled: disabled,
+          style: [{
+            width: "100%"
+          }, style],
+          maximumDate: maximumDate,
+          minimumDate: minimumDate
+        })
+      })
+    })]
+  });
+};
+export default withTheme(DatePicker, "DatePicker");
+//# sourceMappingURL=DatePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DateTimePicker","withTheme","useLocales","useState","Platform","useTheme","BottomSheet","BottomSheetContent","TextFieldDateTime","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","defaultDate","Date","DatePicker","label","value","setValue","open","setOpen","errorMessage","required","onChange","disabled","inline","style","maximumDate","minimumDate","renderTrigger","theme","date","setDate","isPickerOpen","setIsPickerOpen","valueDate","isOpened","locale","valueToLocaleString","toLocaleDateString","handleOpen","handleClose","handleOnChange","event","dateTime","OS","children","onFocus","focus","display","undefined","themeVariant","languageTag","accentColor","colors","primary","alignSelf","isVisible","onBackdropPress","width"],"sourceRoot":"../../../../../src","sources":["components/Inputs/DatePicker/DatePicker.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,429 @@
+"use strict";
+
+import DateTimePicker from "@react-native-community/datetimepicker";
+import { withTheme } from "@rneui/themed";
+import { useToggle } from "@getsoren/react-utils";
+import { useLocales } from "expo-localization";
+import { useEffect, useState } from "react";
+import { Platform } from "react-native";
+import useTheme from "../../../hooks/useTheme";
+import Text from "../../DataDisplay/Text";
+import BottomSheet from "../../Feedback/BottomSheet";
+import BottomSheetContent from "../../Feedback/BottomSheetContent";
+import Spacing from "../../Layout/Spacing";
+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 clampDate = (date, min, max) => {
+  if (min && date < min) {
+    return min;
+  }
+  if (max && date > max) {
+    return max;
+  }
+  return date;
+};
+const DateRangePicker = ({
+  title,
+  label,
+  value,
+  setValue,
+  open,
+  setOpen,
+  errorMessage,
+  onChange,
+  required,
+  disabled,
+  onSubmit,
+  onCancel,
+  enableValidationButton,
+  RenderComponent,
+  renderTrigger,
+  inline,
+  style,
+  cancelButtonLabel = "Cancel",
+  validateButtonLabel = "Validate"
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const locale = useLocales();
+  const [tempValue, setTempValue] = useState();
+  const [isPickerOpen, setIsPickerOpen] = useState(false);
+  const [active, setActive] = useState(0);
+  const [isOpenPickerAndroidWithValidation, toggleIsOpenPickerAndroidWithValidation] = useToggle(false);
+  const valueDate = tempValue || value;
+  const minimumDate = active === 1 ? valueDate?.[0] : undefined;
+  const activeValue = clampDate(valueDate?.[active] ?? (active === 1 && valueDate?.[0] ? valueDate[0] : new Date()), minimumDate);
+  const isOpen = open || isPickerOpen;
+  const startTextFieldValue = valueDate?.[0]?.toLocaleDateString();
+  const endTextFieldValue = valueDate?.[1]?.toLocaleDateString();
+  const startDisabled = Array.isArray(disabled) ? disabled?.[0] : disabled;
+  const endDisabled = Array.isArray(disabled) ? disabled?.[1] : disabled;
+  const disablePicker = startDisabled && endDisabled;
+  const startFocus = startDisabled ? false : active === 0 && isOpen;
+  const endFocus = endDisabled ? false : active === 1 && isOpen;
+  const handleSetActive = index => () => {
+    setActive(index);
+  };
+  const handleOpen = index => () => {
+    setActive(index);
+    setOpen?.(true);
+    setIsPickerOpen(true);
+  };
+  const handleClose = () => {
+    onCancel?.();
+    setOpen?.(false);
+    setIsPickerOpen(false);
+    if (!startDisabled) {
+      setActive(0);
+    }
+    toggleIsOpenPickerAndroidWithValidation();
+  };
+  const handleValidation = () => {
+    if (valueDate?.[0] && valueDate?.[1]) {
+      onSubmit?.(valueDate);
+    }
+    handleClose();
+  };
+  const handleOnChangeAndroid = (event, newDate) => {
+    if (event.type === "dismissed") {
+      handleClose();
+      return;
+    }
+    const newDates = active === 0 ? [newDate, valueDate?.[1]] : [valueDate?.[0], newDate];
+    if (enableValidationButton) {
+      toggleIsOpenPickerAndroidWithValidation();
+      setTempValue?.(newDates);
+    } else {
+      setTempValue(newDates);
+      handleClose();
+    }
+    onChange?.(newDates, event);
+    setValue?.(newDates);
+  };
+  const handleChangeIOS = (event, newDate) => {
+    if (event.type === "dismissed" || !newDate) {
+      if (!inline) {
+        handleClose();
+      }
+      return;
+    }
+    if (active === 0) {
+      const newStartDate = [newDate, valueDate?.[1]];
+      setTempValue(newStartDate);
+      setValue?.(newStartDate);
+      onChange?.(newStartDate, event);
+      setActive(1);
+      return;
+    }
+    if (active === 1) {
+      if (!valueDate?.[0]) {
+        return;
+      }
+      const newEndDate = [valueDate[0], newDate];
+      setTempValue(newEndDate);
+      setValue?.(newEndDate);
+      onChange?.(newEndDate, event);
+      if (!(enableValidationButton || inline)) {
+        handleClose();
+        setActive(0);
+      }
+    }
+  };
+
+  /**
+   * If start date is disabled, set active to end date on open
+   */
+  useEffect(() => {
+    if (startDisabled) {
+      setActive(1);
+    }
+  }, [startDisabled]);
+  if (Platform.OS === "android" && enableValidationButton && !inline) {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [renderTrigger ? renderTrigger({
+        openEnd: handleOpen(1),
+        openStart: handleOpen(0),
+        value: valueDate
+      }) : RenderComponent || /*#__PURE__*/_jsxs(Stack, {
+        direction: "row",
+        children: [/*#__PURE__*/_jsx(TextFieldDateTime, {
+          label: label?.[0],
+          value: startTextFieldValue,
+          onFocus: handleOpen(0),
+          focus: startFocus,
+          errorMessage: errorMessage?.[0],
+          required: required,
+          disabled: startDisabled,
+          viewContainerStyle: {
+            flex: 1
+          }
+        }), /*#__PURE__*/_jsx(TextFieldDateTime, {
+          label: label?.[1],
+          value: endTextFieldValue,
+          onFocus: handleOpen(1),
+          focus: endFocus,
+          errorMessage: errorMessage?.[0],
+          required: required,
+          disabled: endDisabled,
+          viewContainerStyle: {
+            flex: 1
+          }
+        })]
+      }), isOpen && isOpenPickerAndroidWithValidation && /*#__PURE__*/_jsx(DateTimePicker, {
+        disabled: disablePicker,
+        themeVariant: "light",
+        locale: locale?.[0]?.languageTag,
+        value: activeValue,
+        onChange: handleOnChangeAndroid,
+        accentColor: theme.colors.primary,
+        minimumDate: minimumDate,
+        style: style
+      }), /*#__PURE__*/_jsx(BottomSheet, {
+        isVisible: isOpen,
+        onBackdropPress: handleClose,
+        children: /*#__PURE__*/_jsxs(BottomSheetContent, {
+          children: [/*#__PURE__*/_jsxs(Stack, {
+            direction: "row",
+            children: [/*#__PURE__*/_jsx(TextFieldDateTime, {
+              label: label?.[0],
+              value: startTextFieldValue,
+              focus: startDisabled ? false : active === 0 && isOpenPickerAndroidWithValidation,
+              viewContainerStyle: {
+                flex: 1
+              },
+              onFocus: () => {
+                toggleIsOpenPickerAndroidWithValidation();
+                setActive(0);
+              },
+              required: required,
+              disabled: startDisabled
+            }), /*#__PURE__*/_jsx(TextFieldDateTime, {
+              label: label?.[1],
+              value: endTextFieldValue,
+              focus: endDisabled ? false : active === 1 && isOpenPickerAndroidWithValidation,
+              viewContainerStyle: {
+                flex: 1
+              },
+              onFocus: () => {
+                toggleIsOpenPickerAndroidWithValidation();
+                setActive(1);
+              },
+              required: required,
+              disabled: endDisabled
+            })]
+          }), /*#__PURE__*/_jsx(Spacing, {
+            xl: true
+          }), /*#__PURE__*/_jsxs(Stack, {
+            direction: "row",
+            children: [/*#__PURE__*/_jsx(Button, {
+              containerStyle: {
+                flex: 1
+              },
+              onPress: handleClose,
+              children: cancelButtonLabel
+            }), /*#__PURE__*/_jsx(Button, {
+              containerStyle: {
+                flex: 1
+              },
+              onPress: handleValidation,
+              children: validateButtonLabel
+            })]
+          })]
+        })
+      })]
+    });
+  }
+  if (Platform.OS === "android" && !inline) {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [renderTrigger ? renderTrigger({
+        openEnd: handleOpen(1),
+        openStart: handleOpen(0),
+        value: valueDate
+      }) : RenderComponent || /*#__PURE__*/_jsxs(Stack, {
+        direction: "row",
+        children: [/*#__PURE__*/_jsx(TextFieldDateTime, {
+          label: label?.[0],
+          value: startTextFieldValue,
+          onFocus: handleOpen(0),
+          focus: startFocus,
+          errorMessage: errorMessage?.[0],
+          required: required,
+          disabled: startDisabled,
+          viewContainerStyle: {
+            flex: 1
+          }
+        }), /*#__PURE__*/_jsx(TextFieldDateTime, {
+          label: label?.[1],
+          value: endTextFieldValue,
+          onFocus: handleOpen(1),
+          focus: endFocus,
+          errorMessage: errorMessage?.[0],
+          required: required,
+          disabled: endDisabled,
+          viewContainerStyle: {
+            flex: 1
+          }
+        })]
+      }), isOpen && /*#__PURE__*/_jsx(DateTimePicker, {
+        disabled: disablePicker,
+        themeVariant: "light",
+        locale: locale?.[0]?.languageTag,
+        value: activeValue,
+        onChange: handleOnChangeAndroid,
+        accentColor: theme.colors.primary,
+        minimumDate: minimumDate,
+        style: style
+      })]
+    });
+  }
+  if (inline) {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [title && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Spacing, {}), /*#__PURE__*/_jsx(Text, {
+          h2: true,
+          children: title
+        }), /*#__PURE__*/_jsx(Spacing, {})]
+      }), /*#__PURE__*/_jsxs(Stack, {
+        direction: "row",
+        children: [/*#__PURE__*/_jsx(TextFieldDateTime, {
+          label: label?.[0],
+          value: startTextFieldValue,
+          focus: startDisabled ? false : active === 0,
+          onPress: handleSetActive(0),
+          required: required,
+          disabled: startDisabled,
+          viewContainerStyle: {
+            flex: 1
+          }
+        }), /*#__PURE__*/_jsx(TextFieldDateTime, {
+          label: label?.[1],
+          value: endTextFieldValue,
+          focus: endDisabled ? false : active === 1,
+          onPress: handleSetActive(1),
+          required: required,
+          disabled: endDisabled,
+          viewContainerStyle: {
+            flex: 1
+          }
+        })]
+      }), /*#__PURE__*/_jsx(DateTimePicker, {
+        disabled: disablePicker,
+        display: "inline",
+        themeVariant: "light",
+        locale: locale?.[0]?.languageTag,
+        value: activeValue,
+        onChange: handleChangeIOS,
+        accentColor: theme.colors.primary,
+        minimumDate: minimumDate,
+        style: [{
+          alignSelf: "center"
+        }, style]
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [renderTrigger ? renderTrigger({
+      openEnd: handleOpen(1),
+      openStart: handleOpen(0),
+      value: valueDate
+    }) : RenderComponent || /*#__PURE__*/_jsxs(Stack, {
+      direction: "row",
+      children: [/*#__PURE__*/_jsx(TextFieldDateTime, {
+        label: label?.[0],
+        value: startTextFieldValue,
+        onPress: handleOpen(0),
+        focus: startFocus,
+        errorMessage: errorMessage?.[0],
+        required: required,
+        disabled: startDisabled,
+        viewContainerStyle: {
+          flex: 1
+        }
+      }), /*#__PURE__*/_jsx(TextFieldDateTime, {
+        label: label?.[1],
+        value: endTextFieldValue,
+        onPress: handleOpen(1),
+        focus: endFocus,
+        errorMessage: errorMessage?.[0],
+        required: required,
+        disabled: endDisabled,
+        viewContainerStyle: {
+          flex: 1
+        }
+      })]
+    }), /*#__PURE__*/_jsx(BottomSheet, {
+      isVisible: isOpen,
+      onBackdropPress: handleClose,
+      children: /*#__PURE__*/_jsxs(BottomSheetContent, {
+        children: [title && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Spacing, {}), /*#__PURE__*/_jsx(Text, {
+            h2: true,
+            children: title
+          }), /*#__PURE__*/_jsx(Spacing, {})]
+        }), /*#__PURE__*/_jsxs(Stack, {
+          direction: "row",
+          children: [/*#__PURE__*/_jsx(TextFieldDateTime, {
+            label: label?.[0],
+            value: startTextFieldValue,
+            focus: startDisabled ? false : active === 0,
+            onFocus: handleSetActive(0),
+            required: required,
+            disabled: startDisabled,
+            viewContainerStyle: {
+              flex: 1
+            }
+          }), /*#__PURE__*/_jsx(TextFieldDateTime, {
+            label: label?.[1],
+            value: endTextFieldValue,
+            focus: endDisabled ? false : active === 1,
+            onFocus: handleSetActive(1),
+            required: required,
+            disabled: endDisabled,
+            viewContainerStyle: {
+              flex: 1
+            }
+          })]
+        }), /*#__PURE__*/_jsx(DateTimePicker, {
+          disabled: disablePicker,
+          display: "inline",
+          themeVariant: "light",
+          locale: locale?.[0]?.languageTag,
+          value: activeValue,
+          onChange: handleChangeIOS,
+          accentColor: theme.colors.primary,
+          minimumDate: minimumDate,
+          style: [{
+            margin: "auto",
+            paddingBottom: 10
+          }, style]
+        }), enableValidationButton && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Spacing, {
+            xl: true
+          }), /*#__PURE__*/_jsxs(Stack, {
+            direction: "row",
+            children: [/*#__PURE__*/_jsx(Button, {
+              containerStyle: {
+                flex: 1
+              },
+              onPress: handleClose,
+              variant: "text",
+              children: cancelButtonLabel
+            }), /*#__PURE__*/_jsx(Button, {
+              containerStyle: {
+                flex: 1
+              },
+              onPress: handleValidation,
+              disabled: disablePicker,
+              children: validateButtonLabel
+            })]
+          })]
+        })]
+      })
+    })]
+  });
+};
+export default withTheme(DateRangePicker, "DateRangePicker");
+//# sourceMappingURL=DateRangePicker.js.map