react-native-paper-dates 0.11.15 → 0.14.0

package/lib/commonjs/Time/TimePickerModal.js

@@ -40,7 +40,9 @@ function TimePickerModal(_ref) {
     animationType = 'none',
     locale,
     keyboardIcon = 'keyboard-outline',
-    clockIcon = 'clock-outline'
+    clockIcon = 'clock-outline',
+    use24HourClock,
+    inputFontSize
   } = _ref;
   const theme = (0, _reactNativePaper.useTheme)();
   let textFont;
@@ -112,6 +114,8 @@ function TimePickerModal(_ref) {
   }, /*#__PURE__*/React.createElement(_TimePicker.default, {
     locale: locale,
     inputType: inputType,
+    use24HourClock: use24HourClock,
+    inputFontSize: inputFontSize,
     focused: focused,
     hours: localHours,
     minutes: localMinutes,

package/lib/commonjs/Time/TimePickerModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["supportedOrientations","TimePickerModal","visible","onDismiss","onConfirm","hours","minutes","label","uppercase","cancelLabel","confirmLabel","animationType","locale","keyboardIcon","clockIcon","theme","useTheme","textFont","labelText","isV3","fonts","labelMedium","medium","inputType","setInputType","React","useState","inputTypes","picker","focused","setFocused","clockTypes","localHours","setLocalHours","getHours","localMinutes","setLocalMinutes","getMinutes","keyboard","useEffect","onFocusInput","useCallback","type","onChange","params","StyleSheet","absoluteFill","styles","modalBackground","backgroundColor","colors","backdrop","modalRoot","keyboardView","modalContent","dark","elevation","level3","surface","overlay","borderRadius","roundness","labelContainer","color","onSurfaceVariant","text","toUpperCase","timePickerContainer","bottom","getTimeInputTypeIcon","reverseInputTypes","inputTypeToggle","fill","undefined","Date","create","justifyContent","alignItems","flex","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","minWidth","paddingVertical","paddingLeft","paddingRight","paddingTop","letterSpacing","fontSize","paddingBottom","flexDirection","padding","margin","memo"],"sources":["TimePickerModal.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  Modal,\n  StyleSheet,\n  View,\n  Text,\n  Animated,\n  TouchableWithoutFeedback,\n  KeyboardAvoidingView,\n} from 'react-native'\n\nimport {\n  Button,\n  IconButton,\n  MD2Theme,\n  overlay,\n  useTheme,\n} from 'react-native-paper'\n\nimport TimePicker from './TimePicker'\nimport {\n  clockTypes,\n  getTimeInputTypeIcon,\n  inputTypes,\n  PossibleClockTypes,\n  PossibleInputTypes,\n  reverseInputTypes,\n} from './timeUtils'\n\nconst supportedOrientations: (\n  | 'portrait'\n  | 'portrait-upside-down'\n  | 'landscape'\n  | 'landscape-left'\n  | 'landscape-right'\n)[] = [\n  'portrait',\n  'portrait-upside-down',\n  'landscape',\n  'landscape-left',\n  'landscape-right',\n]\n\nexport function TimePickerModal({\n  visible,\n  onDismiss,\n  onConfirm,\n  hours,\n  minutes,\n  label = 'Select time',\n  uppercase = true,\n  cancelLabel = 'Cancel',\n  confirmLabel = 'Ok',\n  animationType = 'none',\n  locale,\n  keyboardIcon = 'keyboard-outline',\n  clockIcon = 'clock-outline',\n}: {\n  locale?: undefined | string\n  label?: string\n  uppercase?: boolean\n  cancelLabel?: string\n  confirmLabel?: string\n  hours?: number | undefined\n  minutes?: number | undefined\n  visible: boolean | undefined\n  onDismiss: () => any\n  onConfirm: (hoursAndMinutes: { hours: number; minutes: number }) => any\n  animationType?: 'slide' | 'fade' | 'none'\n  keyboardIcon?: string\n  clockIcon?: string\n}) {\n  const theme = useTheme()\n\n  let textFont\n  let labelText = label\n\n  if (theme.isV3) {\n    textFont = theme.fonts.labelMedium\n  } else {\n    textFont = (theme as any as MD2Theme)?.fonts.medium\n  }\n\n  const [inputType, setInputType] = React.useState<PossibleInputTypes>(\n    inputTypes.picker\n  )\n  const [focused, setFocused] = React.useState<PossibleClockTypes>(\n    clockTypes.hours\n  )\n  const [localHours, setLocalHours] = React.useState<number>(getHours(hours))\n  const [localMinutes, setLocalMinutes] = React.useState<number>(\n    getMinutes(minutes)\n  )\n\n  if (inputType === inputTypes.keyboard && !label) {\n    labelText = 'Enter time'\n  }\n\n  React.useEffect(() => {\n    setLocalHours(getHours(hours))\n  }, [setLocalHours, hours])\n\n  React.useEffect(() => {\n    setLocalMinutes(getMinutes(minutes))\n  }, [setLocalMinutes, minutes])\n\n  const onFocusInput = React.useCallback(\n    (type: PossibleClockTypes) => setFocused(type),\n    []\n  )\n  const onChange = React.useCallback(\n    (params: {\n      focused?: PossibleClockTypes | undefined\n      hours: number\n      minutes: number\n    }) => {\n      if (params.focused) {\n        setFocused(params.focused)\n      }\n\n      setLocalHours(params.hours)\n      setLocalMinutes(params.minutes)\n    },\n    [setFocused, setLocalHours, setLocalMinutes]\n  )\n  return (\n    <Modal\n      animationType={animationType}\n      transparent={true}\n      visible={visible}\n      onRequestClose={onDismiss}\n      presentationStyle=\"overFullScreen\"\n      supportedOrientations={supportedOrientations}\n      statusBarTranslucent={true}\n    >\n      <>\n        <TouchableWithoutFeedback onPress={onDismiss}>\n          <View\n            style={[\n              StyleSheet.absoluteFill,\n              styles.modalBackground,\n              { backgroundColor: theme.colors?.backdrop },\n            ]}\n          />\n        </TouchableWithoutFeedback>\n        <View\n          style={[StyleSheet.absoluteFill, styles.modalRoot]}\n          pointerEvents=\"box-none\"\n        >\n          <KeyboardAvoidingView\n            style={styles.keyboardView}\n            behavior={'padding'}\n          >\n            <Animated.View\n              style={[\n                styles.modalContent,\n                {\n                  backgroundColor:\n                    theme.dark && theme.isV3\n                      ? theme.colors.elevation.level3\n                      : theme.isV3\n                      ? theme.colors.surface\n                      : theme.dark\n                      ? overlay(10, theme.colors.surface)\n                      : theme.colors.surface,\n                  borderRadius: theme.isV3\n                    ? theme.roundness * 6\n                    : theme.roundness,\n                },\n              ]}\n            >\n              <View style={styles.labelContainer}>\n                <Text\n                  style={[\n                    styles.label,\n                    {\n                      ...textFont,\n                      color: theme?.isV3\n                        ? theme.colors.onSurfaceVariant\n                        : (theme as any as MD2Theme).colors.text,\n                    },\n                  ]}\n                >\n                  {uppercase ? labelText.toUpperCase() : labelText}\n                </Text>\n              </View>\n              <View style={styles.timePickerContainer}>\n                <TimePicker\n                  locale={locale}\n                  inputType={inputType}\n                  focused={focused}\n                  hours={localHours}\n                  minutes={localMinutes}\n                  onChange={onChange}\n                  onFocusInput={onFocusInput}\n                />\n              </View>\n              <View style={styles.bottom}>\n                <IconButton\n                  icon={getTimeInputTypeIcon(inputType, {\n                    keyboard: keyboardIcon,\n                    picker: clockIcon,\n                  })}\n                  onPress={() => setInputType(reverseInputTypes[inputType])}\n                  size={24}\n                  style={styles.inputTypeToggle}\n                  accessibilityLabel=\"toggle keyboard\"\n                />\n                <View style={styles.fill} />\n                <Button onPress={onDismiss} uppercase={uppercase}>\n                  {cancelLabel}\n                </Button>\n                <Button\n                  onPress={() =>\n                    onConfirm({ hours: localHours, minutes: localMinutes })\n                  }\n                  uppercase={uppercase}\n                >\n                  {confirmLabel}\n                </Button>\n              </View>\n            </Animated.View>\n          </KeyboardAvoidingView>\n        </View>\n      </>\n    </Modal>\n  )\n}\n\nfunction getMinutes(minutes: number | undefined | null): number {\n  return minutes === undefined || minutes === null\n    ? new Date().getMinutes()\n    : minutes\n}\nfunction getHours(hours: number | undefined | null): number {\n  return hours === undefined || hours === null ? new Date().getHours() : hours\n}\n\nconst styles = StyleSheet.create({\n  modalRoot: {\n    justifyContent: 'center',\n    alignItems: 'center',\n    flex: 1,\n  },\n  keyboardView: {\n    justifyContent: 'center',\n    alignItems: 'center',\n    flex: 1,\n  },\n  modalBackground: {\n    flex: 1,\n  },\n  modalContent: {\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 5,\n    },\n    shadowOpacity: 0.34,\n    shadowRadius: 6.27,\n    elevation: 3,\n    minWidth: 287,\n    paddingVertical: 8,\n  },\n  labelContainer: {\n    justifyContent: 'flex-end',\n    paddingLeft: 24,\n    paddingRight: 24,\n    paddingTop: 16,\n  },\n  label: {\n    letterSpacing: 1,\n    fontSize: 13,\n  },\n  timePickerContainer: {\n    paddingLeft: 24,\n    paddingTop: 20,\n    paddingBottom: 16,\n    paddingRight: 24,\n  },\n  bottom: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    padding: 8,\n  },\n  inputTypeToggle: { margin: 4 },\n  fill: { flex: 1 },\n})\n\nexport default React.memo(TimePickerModal)\n"],"mappings":"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"}
+{"version":3,"names":["supportedOrientations","TimePickerModal","visible","onDismiss","onConfirm","hours","minutes","label","uppercase","cancelLabel","confirmLabel","animationType","locale","keyboardIcon","clockIcon","use24HourClock","inputFontSize","theme","useTheme","textFont","labelText","isV3","fonts","labelMedium","medium","inputType","setInputType","React","useState","inputTypes","picker","focused","setFocused","clockTypes","localHours","setLocalHours","getHours","localMinutes","setLocalMinutes","getMinutes","keyboard","useEffect","onFocusInput","useCallback","type","onChange","params","StyleSheet","absoluteFill","styles","modalBackground","backgroundColor","colors","backdrop","modalRoot","keyboardView","modalContent","dark","elevation","level3","surface","overlay","borderRadius","roundness","labelContainer","color","onSurfaceVariant","text","toUpperCase","timePickerContainer","bottom","getTimeInputTypeIcon","reverseInputTypes","inputTypeToggle","fill","undefined","Date","create","justifyContent","alignItems","flex","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","minWidth","paddingVertical","paddingLeft","paddingRight","paddingTop","letterSpacing","fontSize","paddingBottom","flexDirection","padding","margin","memo"],"sources":["TimePickerModal.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  Modal,\n  StyleSheet,\n  View,\n  Text,\n  Animated,\n  TouchableWithoutFeedback,\n  KeyboardAvoidingView,\n} from 'react-native'\n\nimport {\n  Button,\n  IconButton,\n  MD2Theme,\n  overlay,\n  useTheme,\n} from 'react-native-paper'\n\nimport TimePicker from './TimePicker'\nimport {\n  clockTypes,\n  getTimeInputTypeIcon,\n  inputTypes,\n  PossibleClockTypes,\n  PossibleInputTypes,\n  reverseInputTypes,\n} from './timeUtils'\n\nconst supportedOrientations: (\n  | 'portrait'\n  | 'portrait-upside-down'\n  | 'landscape'\n  | 'landscape-left'\n  | 'landscape-right'\n)[] = [\n  'portrait',\n  'portrait-upside-down',\n  'landscape',\n  'landscape-left',\n  'landscape-right',\n]\n\nexport function TimePickerModal({\n  visible,\n  onDismiss,\n  onConfirm,\n  hours,\n  minutes,\n  label = 'Select time',\n  uppercase = true,\n  cancelLabel = 'Cancel',\n  confirmLabel = 'Ok',\n  animationType = 'none',\n  locale,\n  keyboardIcon = 'keyboard-outline',\n  clockIcon = 'clock-outline',\n  use24HourClock,\n  inputFontSize,\n}: {\n  locale?: undefined | string\n  label?: string\n  uppercase?: boolean\n  cancelLabel?: string\n  confirmLabel?: string\n  hours?: number | undefined\n  minutes?: number | undefined\n  visible: boolean | undefined\n  onDismiss: () => any\n  onConfirm: (hoursAndMinutes: { hours: number; minutes: number }) => any\n  animationType?: 'slide' | 'fade' | 'none'\n  keyboardIcon?: string\n  clockIcon?: string\n  use24HourClock?: boolean\n  inputFontSize?: number\n}) {\n  const theme = useTheme()\n\n  let textFont\n  let labelText = label\n\n  if (theme.isV3) {\n    textFont = theme.fonts.labelMedium\n  } else {\n    textFont = (theme as any as MD2Theme)?.fonts.medium\n  }\n\n  const [inputType, setInputType] = React.useState<PossibleInputTypes>(\n    inputTypes.picker\n  )\n  const [focused, setFocused] = React.useState<PossibleClockTypes>(\n    clockTypes.hours\n  )\n  const [localHours, setLocalHours] = React.useState<number>(getHours(hours))\n  const [localMinutes, setLocalMinutes] = React.useState<number>(\n    getMinutes(minutes)\n  )\n\n  if (inputType === inputTypes.keyboard && !label) {\n    labelText = 'Enter time'\n  }\n\n  React.useEffect(() => {\n    setLocalHours(getHours(hours))\n  }, [setLocalHours, hours])\n\n  React.useEffect(() => {\n    setLocalMinutes(getMinutes(minutes))\n  }, [setLocalMinutes, minutes])\n\n  const onFocusInput = React.useCallback(\n    (type: PossibleClockTypes) => setFocused(type),\n    []\n  )\n  const onChange = React.useCallback(\n    (params: {\n      focused?: PossibleClockTypes | undefined\n      hours: number\n      minutes: number\n    }) => {\n      if (params.focused) {\n        setFocused(params.focused)\n      }\n\n      setLocalHours(params.hours)\n      setLocalMinutes(params.minutes)\n    },\n    [setFocused, setLocalHours, setLocalMinutes]\n  )\n  return (\n    <Modal\n      animationType={animationType}\n      transparent={true}\n      visible={visible}\n      onRequestClose={onDismiss}\n      presentationStyle=\"overFullScreen\"\n      supportedOrientations={supportedOrientations}\n      statusBarTranslucent={true}\n    >\n      <>\n        <TouchableWithoutFeedback onPress={onDismiss}>\n          <View\n            style={[\n              StyleSheet.absoluteFill,\n              styles.modalBackground,\n              { backgroundColor: theme.colors?.backdrop },\n            ]}\n          />\n        </TouchableWithoutFeedback>\n        <View\n          style={[StyleSheet.absoluteFill, styles.modalRoot]}\n          pointerEvents=\"box-none\"\n        >\n          <KeyboardAvoidingView\n            style={styles.keyboardView}\n            behavior={'padding'}\n          >\n            <Animated.View\n              style={[\n                styles.modalContent,\n                {\n                  backgroundColor:\n                    theme.dark && theme.isV3\n                      ? theme.colors.elevation.level3\n                      : theme.isV3\n                      ? theme.colors.surface\n                      : theme.dark\n                      ? overlay(10, theme.colors.surface)\n                      : theme.colors.surface,\n                  borderRadius: theme.isV3\n                    ? theme.roundness * 6\n                    : theme.roundness,\n                },\n              ]}\n            >\n              <View style={styles.labelContainer}>\n                <Text\n                  style={[\n                    styles.label,\n                    {\n                      ...textFont,\n                      color: theme?.isV3\n                        ? theme.colors.onSurfaceVariant\n                        : (theme as any as MD2Theme).colors.text,\n                    },\n                  ]}\n                >\n                  {uppercase ? labelText.toUpperCase() : labelText}\n                </Text>\n              </View>\n              <View style={styles.timePickerContainer}>\n                <TimePicker\n                  locale={locale}\n                  inputType={inputType}\n                  use24HourClock={use24HourClock}\n                  inputFontSize={inputFontSize}\n                  focused={focused}\n                  hours={localHours}\n                  minutes={localMinutes}\n                  onChange={onChange}\n                  onFocusInput={onFocusInput}\n                />\n              </View>\n              <View style={styles.bottom}>\n                <IconButton\n                  icon={getTimeInputTypeIcon(inputType, {\n                    keyboard: keyboardIcon,\n                    picker: clockIcon,\n                  })}\n                  onPress={() => setInputType(reverseInputTypes[inputType])}\n                  size={24}\n                  style={styles.inputTypeToggle}\n                  accessibilityLabel=\"toggle keyboard\"\n                />\n                <View style={styles.fill} />\n                <Button onPress={onDismiss} uppercase={uppercase}>\n                  {cancelLabel}\n                </Button>\n                <Button\n                  onPress={() =>\n                    onConfirm({ hours: localHours, minutes: localMinutes })\n                  }\n                  uppercase={uppercase}\n                >\n                  {confirmLabel}\n                </Button>\n              </View>\n            </Animated.View>\n          </KeyboardAvoidingView>\n        </View>\n      </>\n    </Modal>\n  )\n}\n\nfunction getMinutes(minutes: number | undefined | null): number {\n  return minutes === undefined || minutes === null\n    ? new Date().getMinutes()\n    : minutes\n}\nfunction getHours(hours: number | undefined | null): number {\n  return hours === undefined || hours === null ? new Date().getHours() : hours\n}\n\nconst styles = StyleSheet.create({\n  modalRoot: {\n    justifyContent: 'center',\n    alignItems: 'center',\n    flex: 1,\n  },\n  keyboardView: {\n    justifyContent: 'center',\n    alignItems: 'center',\n    flex: 1,\n  },\n  modalBackground: {\n    flex: 1,\n  },\n  modalContent: {\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 5,\n    },\n    shadowOpacity: 0.34,\n    shadowRadius: 6.27,\n    elevation: 3,\n    minWidth: 287,\n    paddingVertical: 8,\n  },\n  labelContainer: {\n    justifyContent: 'flex-end',\n    paddingLeft: 24,\n    paddingRight: 24,\n    paddingTop: 16,\n  },\n  label: {\n    letterSpacing: 1,\n    fontSize: 13,\n  },\n  timePickerContainer: {\n    paddingLeft: 24,\n    paddingTop: 20,\n    paddingBottom: 16,\n    paddingRight: 24,\n  },\n  bottom: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    padding: 8,\n  },\n  inputTypeToggle: { margin: 4 },\n  fill: { flex: 1 },\n})\n\nexport default React.memo(TimePickerModal)\n"],"mappings":"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"}

package/lib/commonjs/index.js

@@ -18,6 +18,7 @@ var _exportNames = {
   enGB: true,
   es: true,
   fr: true,
+  he: true,
   it: true,
   ko: true,
   nl: true,
@@ -103,6 +104,12 @@ Object.defineProperty(exports, "getTranslation", {
     return _utils.getTranslation;
   }
 });
+Object.defineProperty(exports, "he", {
+  enumerable: true,
+  get: function () {
+    return _he.default;
+  }
+});
 Object.defineProperty(exports, "it", {
   enumerable: true,
   get: function () {
@@ -184,6 +191,8 @@ var _es = _interopRequireDefault(require("./translations/es"));
 
 var _fr = _interopRequireDefault(require("./translations/fr"));
 
+var _he = _interopRequireDefault(require("./translations/he"));
+
 var _it = _interopRequireDefault(require("./translations/it"));
 
 var _ko = _interopRequireDefault(require("./translations/ko"));

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export { default as Calendar } from './Date/Calendar'\nexport { default as DatePickerModal } from './Date/DatePickerModal'\nexport * from './Date/DatePickerModal'\nexport { default as DatePickerModalContent } from './Date/DatePickerModalContent'\nexport { default as TimePickerModal } from './Time/TimePickerModal'\nexport { default as TimePicker } from './Time/TimePicker'\nexport { default as DatePickerInput } from './Date/DatePickerInput'\nexport type { TranslationsType } from './translations/utils'\nexport { registerTranslation, getTranslation } from './translations/utils'\n\nexport { default as ar } from './translations/ar'\nexport { default as de } from './translations/de'\nexport { default as en } from './translations/en'\nexport { default as enGB } from './translations/enGB'\nexport { default as es } from './translations/es'\nexport { default as fr } from './translations/fr'\nexport { default as it } from './translations/it'\nexport { default as ko } from './translations/ko'\nexport { default as nl } from './translations/nl'\nexport { default as pl } from './translations/pl'\nexport { default as pt } from './translations/pt'\nexport { default as tr } from './translations/tr'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export { default as Calendar } from './Date/Calendar'\nexport { default as DatePickerModal } from './Date/DatePickerModal'\nexport * from './Date/DatePickerModal'\nexport { default as DatePickerModalContent } from './Date/DatePickerModalContent'\nexport { default as TimePickerModal } from './Time/TimePickerModal'\nexport { default as TimePicker } from './Time/TimePicker'\nexport { default as DatePickerInput } from './Date/DatePickerInput'\nexport type { TranslationsType } from './translations/utils'\nexport { registerTranslation, getTranslation } from './translations/utils'\n\nexport { default as ar } from './translations/ar'\nexport { default as de } from './translations/de'\nexport { default as en } from './translations/en'\nexport { default as enGB } from './translations/enGB'\nexport { default as es } from './translations/es'\nexport { default as fr } from './translations/fr'\nexport { default as he } from './translations/he'\nexport { default as it } from './translations/it'\nexport { default as ko } from './translations/ko'\nexport { default as nl } from './translations/nl'\nexport { default as pl } from './translations/pl'\nexport { default as pt } from './translations/pt'\nexport { default as tr } from './translations/tr'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/lib/commonjs/translations/he.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const he = {
+  save: 'שמור',
+  selectSingle: 'בחר תאריך',
+  selectMultiple: 'בחר תאריכים',
+  selectRange: 'בחר טווח',
+  notAccordingToDateFormat: inputFormat => `פורמט של תאריך צריך להיות ${inputFormat}`,
+  mustBeHigherThan: date => `חייב להיות אחרי ${date}`,
+  mustBeLowerThan: date => `חייב להיות לפני ${date}`,
+  mustBeBetween: (startDate, endDate) => `חייב להיות בין ${startDate} - ${endDate}`,
+  dateIsDisabled: 'יום לא מורשה',
+  previous: 'הקודם',
+  next: 'הבא',
+  typeInDate: 'הקש תאריך',
+  pickDateFromCalendar: 'בחר תאריך מהלוח שנה',
+  close: 'סגור'
+};
+var _default = he;
+exports.default = _default;
+//# sourceMappingURL=he.js.map

package/lib/commonjs/translations/he.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["he","save","selectSingle","selectMultiple","selectRange","notAccordingToDateFormat","inputFormat","mustBeHigherThan","date","mustBeLowerThan","mustBeBetween","startDate","endDate","dateIsDisabled","previous","next","typeInDate","pickDateFromCalendar","close"],"sources":["he.ts"],"sourcesContent":["import type { TranslationsType } from './utils'\n\nconst he: TranslationsType = {\n  save: 'שמור',\n  selectSingle: 'בחר תאריך',\n  selectMultiple: 'בחר תאריכים',\n  selectRange: 'בחר טווח',\n  notAccordingToDateFormat: (inputFormat) =>\n    `פורמט של תאריך צריך להיות ${inputFormat}`,\n  mustBeHigherThan: (date) => `חייב להיות אחרי ${date}`,\n  mustBeLowerThan: (date) => `חייב להיות לפני ${date}`,\n  mustBeBetween: (startDate, endDate) =>\n    `חייב להיות בין ${startDate} - ${endDate}`,\n  dateIsDisabled: 'יום לא מורשה',\n  previous: 'הקודם',\n  next: 'הבא',\n  typeInDate: 'הקש תאריך',\n  pickDateFromCalendar: 'בחר תאריך מהלוח שנה',\n  close: 'סגור',\n}\nexport default he\n"],"mappings":";;;;;;AAEA,MAAMA,EAAoB,GAAG;EAC3BC,IAAI,EAAE,MADqB;EAE3BC,YAAY,EAAE,WAFa;EAG3BC,cAAc,EAAE,aAHW;EAI3BC,WAAW,EAAE,UAJc;EAK3BC,wBAAwB,EAAGC,WAAD,IACvB,6BAA4BA,WAAY,EANhB;EAO3BC,gBAAgB,EAAGC,IAAD,IAAW,mBAAkBA,IAAK,EAPzB;EAQ3BC,eAAe,EAAGD,IAAD,IAAW,mBAAkBA,IAAK,EARxB;EAS3BE,aAAa,EAAE,CAACC,SAAD,EAAYC,OAAZ,KACZ,kBAAiBD,SAAU,MAAKC,OAAQ,EAVhB;EAW3BC,cAAc,EAAE,cAXW;EAY3BC,QAAQ,EAAE,OAZiB;EAa3BC,IAAI,EAAE,KAbqB;EAc3BC,UAAU,EAAE,WAde;EAe3BC,oBAAoB,EAAE,qBAfK;EAgB3BC,KAAK,EAAE;AAhBoB,CAA7B;eAkBelB,E"}

package/lib/module/Date/CalendarEdit.js

@@ -12,7 +12,8 @@ function CalendarEdit(_ref) {
     collapsed,
     onChange,
     validRange,
-    locale
+    locale,
+    inputEnabled
   } = _ref;
   const dateInput = React.useRef(null);
   const startInput = React.useRef(null);
@@ -56,7 +57,8 @@ function CalendarEdit(_ref) {
     validRange: validRange,
     locale: locale,
     withModal: false,
-    autoComplete: 'off'
+    autoComplete: 'off',
+    inputEnabled: inputEnabled
   }) : null, mode === 'range' ? /*#__PURE__*/React.createElement(View, {
     style: styles.inner
   }, /*#__PURE__*/React.createElement(DatePickerInputWithoutModal, {
@@ -72,7 +74,8 @@ function CalendarEdit(_ref) {
     validRange: validRange,
     locale: locale,
     withModal: false,
-    autoComplete: 'off'
+    autoComplete: 'off',
+    inputEnabled: inputEnabled
   }), /*#__PURE__*/React.createElement(View, {
     style: styles.separator
   }), /*#__PURE__*/React.createElement(DatePickerInputWithoutModal, {
@@ -87,7 +90,8 @@ function CalendarEdit(_ref) {
     validRange: validRange,
     locale: locale,
     withModal: false,
-    autoComplete: "off"
+    autoComplete: "off",
+    inputEnabled: inputEnabled
   })) : null);
 }
 

package/lib/module/Date/CalendarEdit.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","Keyboard","DatePickerInputWithoutModal","CalendarEdit","mode","state","label","startLabel","endLabel","collapsed","onChange","validRange","locale","dateInput","useRef","startInput","endInput","useEffect","dismiss","inputsToFocus","current","filter","n","inputsToBlur","forEach","ip","blur","focus","onSubmitStartInput","useCallback","onSubmitEndInput","onSubmitInput","styles","root","date","inner","startDate","separator","endDate","create","padding","flexDirection","inputContainer","flex","input","width","memo"],"sources":["CalendarEdit.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  View,\n  StyleSheet,\n  TextInput as TextInputNative,\n  Keyboard,\n} from 'react-native'\n\nimport type { ModeType, ValidRangeType } from './Calendar'\nimport type { LocalState } from './DatePickerModalContent'\n\nimport DatePickerInputWithoutModal from './DatePickerInputWithoutModal'\n\nfunction CalendarEdit({\n  mode,\n  state,\n  label = '',\n  startLabel = 'Start',\n  endLabel = 'End',\n  collapsed,\n  onChange,\n  validRange,\n  locale,\n}: {\n  mode: ModeType\n  label?: string\n  startLabel?: string\n  endLabel?: string\n  state: LocalState\n  collapsed: boolean\n  onChange: (s: LocalState) => any\n  validRange: ValidRangeType | undefined\n  locale: string\n}) {\n  const dateInput = React.useRef<TextInputNative | null>(null)\n  const startInput = React.useRef<TextInputNative | null>(null)\n  const endInput = React.useRef<TextInputNative | null>(null)\n\n  // when switching views focus, or un-focus text input\n  React.useEffect(() => {\n    // hide open keyboard\n    if (collapsed) {\n      Keyboard.dismiss()\n    }\n\n    const inputsToFocus = [dateInput.current, startInput.current].filter(\n      (n) => n\n    ) as TextInputNative[]\n\n    const inputsToBlur = [\n      dateInput.current,\n      startInput.current,\n      endInput.current,\n    ].filter((n) => n) as TextInputNative[]\n\n    if (collapsed) {\n      inputsToBlur.forEach((ip) => ip.blur())\n    } else {\n      inputsToFocus.forEach((ip) => ip.focus())\n    }\n  }, [mode, startInput, endInput, dateInput, collapsed])\n\n  const onSubmitStartInput = React.useCallback(() => {\n    if (endInput.current) {\n      endInput.current.focus()\n    }\n  }, [endInput])\n\n  const onSubmitEndInput = React.useCallback(() => {\n    // TODO: close modal and persist range\n  }, [])\n\n  const onSubmitInput = React.useCallback(() => {\n    // TODO: close modal and persist range\n  }, [])\n\n  return (\n    <View style={styles.root}>\n      {mode === 'single' ? (\n        <DatePickerInputWithoutModal\n          inputMode=\"start\"\n          ref={dateInput}\n          label={label}\n          value={state.date}\n          onChange={(date) => onChange({ ...state, date })}\n          onSubmitEditing={onSubmitInput}\n          validRange={validRange}\n          locale={locale}\n          withModal={false}\n          autoComplete={'off'}\n        />\n      ) : null}\n      {mode === 'range' ? (\n        <View style={styles.inner}>\n          <DatePickerInputWithoutModal\n            inputMode=\"start\"\n            ref={startInput}\n            label={startLabel}\n            value={state.startDate}\n            onChange={(startDate) => onChange({ ...state, startDate })}\n            returnKeyType={'next'}\n            onSubmitEditing={onSubmitStartInput}\n            validRange={validRange}\n            locale={locale}\n            withModal={false}\n            autoComplete={'off'}\n          />\n          <View style={styles.separator} />\n          <DatePickerInputWithoutModal\n            inputMode=\"end\"\n            ref={endInput}\n            label={endLabel}\n            value={state.endDate}\n            onChange={(endDate) => onChange({ ...state, endDate })}\n            onSubmitEditing={onSubmitEndInput}\n            validRange={validRange}\n            locale={locale}\n            withModal={false}\n            autoComplete=\"off\"\n          />\n        </View>\n      ) : null}\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  root: { padding: 12 },\n  inner: { flexDirection: 'row' },\n  inputContainer: { flex: 1 },\n  input: { flex: 1 },\n  separator: { width: 12 },\n})\n\nexport default React.memo(CalendarEdit)\n"],"mappings":"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"}
+{"version":3,"names":["React","View","StyleSheet","Keyboard","DatePickerInputWithoutModal","CalendarEdit","mode","state","label","startLabel","endLabel","collapsed","onChange","validRange","locale","inputEnabled","dateInput","useRef","startInput","endInput","useEffect","dismiss","inputsToFocus","current","filter","n","inputsToBlur","forEach","ip","blur","focus","onSubmitStartInput","useCallback","onSubmitEndInput","onSubmitInput","styles","root","date","inner","startDate","separator","endDate","create","padding","flexDirection","inputContainer","flex","input","width","memo"],"sources":["CalendarEdit.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  View,\n  StyleSheet,\n  TextInput as TextInputNative,\n  Keyboard,\n} from 'react-native'\n\nimport type { ModeType, ValidRangeType } from './Calendar'\nimport type { LocalState } from './DatePickerModalContent'\n\nimport DatePickerInputWithoutModal from './DatePickerInputWithoutModal'\n\nfunction CalendarEdit({\n  mode,\n  state,\n  label = '',\n  startLabel = 'Start',\n  endLabel = 'End',\n  collapsed,\n  onChange,\n  validRange,\n  locale,\n  inputEnabled,\n}: {\n  mode: ModeType\n  label?: string\n  startLabel?: string\n  endLabel?: string\n  state: LocalState\n  collapsed: boolean\n  onChange: (s: LocalState) => any\n  validRange: ValidRangeType | undefined\n  locale: string\n  inputEnabled?: boolean\n}) {\n  const dateInput = React.useRef<TextInputNative | null>(null)\n  const startInput = React.useRef<TextInputNative | null>(null)\n  const endInput = React.useRef<TextInputNative | null>(null)\n\n  // when switching views focus, or un-focus text input\n  React.useEffect(() => {\n    // hide open keyboard\n    if (collapsed) {\n      Keyboard.dismiss()\n    }\n\n    const inputsToFocus = [dateInput.current, startInput.current].filter(\n      (n) => n\n    ) as TextInputNative[]\n\n    const inputsToBlur = [\n      dateInput.current,\n      startInput.current,\n      endInput.current,\n    ].filter((n) => n) as TextInputNative[]\n\n    if (collapsed) {\n      inputsToBlur.forEach((ip) => ip.blur())\n    } else {\n      inputsToFocus.forEach((ip) => ip.focus())\n    }\n  }, [mode, startInput, endInput, dateInput, collapsed])\n\n  const onSubmitStartInput = React.useCallback(() => {\n    if (endInput.current) {\n      endInput.current.focus()\n    }\n  }, [endInput])\n\n  const onSubmitEndInput = React.useCallback(() => {\n    // TODO: close modal and persist range\n  }, [])\n\n  const onSubmitInput = React.useCallback(() => {\n    // TODO: close modal and persist range\n  }, [])\n\n  return (\n    <View style={styles.root}>\n      {mode === 'single' ? (\n        <DatePickerInputWithoutModal\n          inputMode=\"start\"\n          ref={dateInput}\n          label={label}\n          value={state.date}\n          onChange={(date) => onChange({ ...state, date })}\n          onSubmitEditing={onSubmitInput}\n          validRange={validRange}\n          locale={locale}\n          withModal={false}\n          autoComplete={'off'}\n          inputEnabled={inputEnabled}\n        />\n      ) : null}\n      {mode === 'range' ? (\n        <View style={styles.inner}>\n          <DatePickerInputWithoutModal\n            inputMode=\"start\"\n            ref={startInput}\n            label={startLabel}\n            value={state.startDate}\n            onChange={(startDate) => onChange({ ...state, startDate })}\n            returnKeyType={'next'}\n            onSubmitEditing={onSubmitStartInput}\n            validRange={validRange}\n            locale={locale}\n            withModal={false}\n            autoComplete={'off'}\n            inputEnabled={inputEnabled}\n          />\n          <View style={styles.separator} />\n          <DatePickerInputWithoutModal\n            inputMode=\"end\"\n            ref={endInput}\n            label={endLabel}\n            value={state.endDate}\n            onChange={(endDate) => onChange({ ...state, endDate })}\n            onSubmitEditing={onSubmitEndInput}\n            validRange={validRange}\n            locale={locale}\n            withModal={false}\n            autoComplete=\"off\"\n            inputEnabled={inputEnabled}\n          />\n        </View>\n      ) : null}\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  root: { padding: 12 },\n  inner: { flexDirection: 'row' },\n  inputContainer: { flex: 1 },\n  input: { flex: 1 },\n  separator: { width: 12 },\n})\n\nexport default React.memo(CalendarEdit)\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,UAFF,EAIEC,QAJF,QAKO,cALP;AAUA,OAAOC,2BAAP,MAAwC,+BAAxC;;AAEA,SAASC,YAAT,OAsBG;EAAA,IAtBmB;IACpBC,IADoB;IAEpBC,KAFoB;IAGpBC,KAAK,GAAG,EAHY;IAIpBC,UAAU,GAAG,OAJO;IAKpBC,QAAQ,GAAG,KALS;IAMpBC,SANoB;IAOpBC,QAPoB;IAQpBC,UARoB;IASpBC,MAToB;IAUpBC;EAVoB,CAsBnB;EACD,MAAMC,SAAS,GAAGhB,KAAK,CAACiB,MAAN,CAAqC,IAArC,CAAlB;EACA,MAAMC,UAAU,GAAGlB,KAAK,CAACiB,MAAN,CAAqC,IAArC,CAAnB;EACA,MAAME,QAAQ,GAAGnB,KAAK,CAACiB,MAAN,CAAqC,IAArC,CAAjB,CAHC,CAKD;;EACAjB,KAAK,CAACoB,SAAN,CAAgB,MAAM;IACpB;IACA,IAAIT,SAAJ,EAAe;MACbR,QAAQ,CAACkB,OAAT;IACD;;IAED,MAAMC,aAAa,GAAG,CAACN,SAAS,CAACO,OAAX,EAAoBL,UAAU,CAACK,OAA/B,EAAwCC,MAAxC,CACnBC,CAAD,IAAOA,CADa,CAAtB;IAIA,MAAMC,YAAY,GAAG,CACnBV,SAAS,CAACO,OADS,EAEnBL,UAAU,CAACK,OAFQ,EAGnBJ,QAAQ,CAACI,OAHU,EAInBC,MAJmB,CAIXC,CAAD,IAAOA,CAJK,CAArB;;IAMA,IAAId,SAAJ,EAAe;MACbe,YAAY,CAACC,OAAb,CAAsBC,EAAD,IAAQA,EAAE,CAACC,IAAH,EAA7B;IACD,CAFD,MAEO;MACLP,aAAa,CAACK,OAAd,CAAuBC,EAAD,IAAQA,EAAE,CAACE,KAAH,EAA9B;IACD;EACF,CArBD,EAqBG,CAACxB,IAAD,EAAOY,UAAP,EAAmBC,QAAnB,EAA6BH,SAA7B,EAAwCL,SAAxC,CArBH;EAuBA,MAAMoB,kBAAkB,GAAG/B,KAAK,CAACgC,WAAN,CAAkB,MAAM;IACjD,IAAIb,QAAQ,CAACI,OAAb,EAAsB;MACpBJ,QAAQ,CAACI,OAAT,CAAiBO,KAAjB;IACD;EACF,CAJ0B,EAIxB,CAACX,QAAD,CAJwB,CAA3B;EAMA,MAAMc,gBAAgB,GAAGjC,KAAK,CAACgC,WAAN,CAAkB,MAAM,CAC/C;EACD,CAFwB,EAEtB,EAFsB,CAAzB;EAIA,MAAME,aAAa,GAAGlC,KAAK,CAACgC,WAAN,CAAkB,MAAM,CAC5C;EACD,CAFqB,EAEnB,EAFmB,CAAtB;EAIA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEG,MAAM,CAACC;EAApB,GACG9B,IAAI,KAAK,QAAT,gBACC,oBAAC,2BAAD;IACE,SAAS,EAAC,OADZ;IAEE,GAAG,EAAEU,SAFP;IAGE,KAAK,EAAER,KAHT;IAIE,KAAK,EAAED,KAAK,CAAC8B,IAJf;IAKE,QAAQ,EAAGA,IAAD,IAAUzB,QAAQ,CAAC,EAAE,GAAGL,KAAL;MAAY8B;IAAZ,CAAD,CAL9B;IAME,eAAe,EAAEH,aANnB;IAOE,UAAU,EAAErB,UAPd;IAQE,MAAM,EAAEC,MARV;IASE,SAAS,EAAE,KATb;IAUE,YAAY,EAAE,KAVhB;IAWE,YAAY,EAAEC;EAXhB,EADD,GAcG,IAfN,EAgBGT,IAAI,KAAK,OAAT,gBACC,oBAAC,IAAD;IAAM,KAAK,EAAE6B,MAAM,CAACG;EAApB,gBACE,oBAAC,2BAAD;IACE,SAAS,EAAC,OADZ;IAEE,GAAG,EAAEpB,UAFP;IAGE,KAAK,EAAET,UAHT;IAIE,KAAK,EAAEF,KAAK,CAACgC,SAJf;IAKE,QAAQ,EAAGA,SAAD,IAAe3B,QAAQ,CAAC,EAAE,GAAGL,KAAL;MAAYgC;IAAZ,CAAD,CALnC;IAME,aAAa,EAAE,MANjB;IAOE,eAAe,EAAER,kBAPnB;IAQE,UAAU,EAAElB,UARd;IASE,MAAM,EAAEC,MATV;IAUE,SAAS,EAAE,KAVb;IAWE,YAAY,EAAE,KAXhB;IAYE,YAAY,EAAEC;EAZhB,EADF,eAeE,oBAAC,IAAD;IAAM,KAAK,EAAEoB,MAAM,CAACK;EAApB,EAfF,eAgBE,oBAAC,2BAAD;IACE,SAAS,EAAC,KADZ;IAEE,GAAG,EAAErB,QAFP;IAGE,KAAK,EAAET,QAHT;IAIE,KAAK,EAAEH,KAAK,CAACkC,OAJf;IAKE,QAAQ,EAAGA,OAAD,IAAa7B,QAAQ,CAAC,EAAE,GAAGL,KAAL;MAAYkC;IAAZ,CAAD,CALjC;IAME,eAAe,EAAER,gBANnB;IAOE,UAAU,EAAEpB,UAPd;IAQE,MAAM,EAAEC,MARV;IASE,SAAS,EAAE,KATb;IAUE,YAAY,EAAC,KAVf;IAWE,YAAY,EAAEC;EAXhB,EAhBF,CADD,GA+BG,IA/CN,CADF;AAmDD;;AAED,MAAMoB,MAAM,GAAGjC,UAAU,CAACwC,MAAX,CAAkB;EAC/BN,IAAI,EAAE;IAAEO,OAAO,EAAE;EAAX,CADyB;EAE/BL,KAAK,EAAE;IAAEM,aAAa,EAAE;EAAjB,CAFwB;EAG/BC,cAAc,EAAE;IAAEC,IAAI,EAAE;EAAR,CAHe;EAI/BC,KAAK,EAAE;IAAED,IAAI,EAAE;EAAR,CAJwB;EAK/BN,SAAS,EAAE;IAAEQ,KAAK,EAAE;EAAT;AALoB,CAAlB,CAAf;AAQA,4BAAehD,KAAK,CAACiD,IAAN,CAAW5C,YAAX,CAAf"}

package/lib/module/Date/DatePickerInput.js

@@ -46,7 +46,8 @@ function DatePickerInput(_ref, ref) {
         saveLabelDisabled,
         uppercase,
         startYear,
-        endYear
+        endYear,
+        inputEnabled
       } = _ref3;
       return withModal ? /*#__PURE__*/React.createElement(DatePickerModal, {
         date: value,
@@ -61,7 +62,8 @@ function DatePickerInput(_ref, ref) {
         saveLabelDisabled: saveLabelDisabled ?? false,
         uppercase: uppercase ?? true,
         startYear: startYear ?? 1800,
-        endYear: endYear ?? 2200
+        endYear: endYear ?? 2200,
+        inputEnabled: inputEnabled
       }) : null;
     }
   }));

package/lib/module/Date/DatePickerInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","IconButton","StyleSheet","DatePickerModal","useLatest","DatePickerInputWithoutModal","DatePickerInput","ref","withModal","calendarIcon","rest","visible","setVisible","useState","onDismiss","useCallback","onChangeRef","onChange","onInnerConfirm","date","current","styles","calendarButton","disabled","value","locale","inputMode","validRange","saveLabel","saveLabelDisabled","uppercase","startYear","endYear","create","position","right","zIndex","forwardRef"],"sources":["DatePickerInput.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { IconButton } from 'react-native-paper'\nimport { StyleSheet } from 'react-native'\nimport DatePickerModal from './DatePickerModal'\nimport { useLatest } from '../utils'\nimport type { DatePickerInputProps } from './DatePickerInput.shared'\nimport DatePickerInputWithoutModal from './DatePickerInputWithoutModal'\n\nfunction DatePickerInput(\n  {\n    withModal = true,\n    calendarIcon = 'calendar',\n    ...rest\n  }: DatePickerInputProps,\n  ref: any\n) {\n  const [visible, setVisible] = React.useState<boolean>(false)\n  const onDismiss = React.useCallback(() => {\n    setVisible(false)\n  }, [setVisible])\n  const onChangeRef = useLatest(rest.onChange)\n  const onInnerConfirm = React.useCallback(\n    ({ date }: any) => {\n      setVisible(false)\n      onChangeRef.current(date)\n    },\n    [setVisible, onChangeRef]\n  )\n\n  return (\n    <DatePickerInputWithoutModal\n      ref={ref}\n      {...rest}\n      inputButtons={\n        withModal ? (\n          <IconButton\n            size={24}\n            style={styles.calendarButton}\n            icon={calendarIcon}\n            disabled={rest.disabled}\n            onPress={() => setVisible(true)}\n          />\n        ) : null\n      }\n      // eslint-disable-next-line react/no-unstable-nested-components\n      modal={({\n        value,\n        locale,\n        inputMode,\n        validRange,\n        saveLabel,\n        saveLabelDisabled,\n        uppercase,\n        startYear,\n        endYear,\n      }) =>\n        withModal ? (\n          <DatePickerModal\n            date={value}\n            mode=\"single\"\n            visible={visible}\n            onDismiss={onDismiss}\n            onConfirm={onInnerConfirm}\n            locale={locale}\n            dateMode={inputMode}\n            validRange={validRange}\n            saveLabel={saveLabel}\n            saveLabelDisabled={saveLabelDisabled ?? false}\n            uppercase={uppercase ?? true}\n            startYear={startYear ?? 1800}\n            endYear={endYear ?? 2200}\n          />\n        ) : null\n      }\n    />\n  )\n}\n\nconst styles = StyleSheet.create({\n  calendarButton: { position: 'absolute', right: 0, zIndex: 10 },\n})\n\nexport default React.forwardRef(DatePickerInput)\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT,QAA2B,oBAA3B;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AACA,SAASC,SAAT,QAA0B,UAA1B;AAEA,OAAOC,2BAAP,MAAwC,+BAAxC;;AAEA,SAASC,eAAT,OAMEC,GANF,EAOE;EAAA,IANA;IACEC,SAAS,GAAG,IADd;IAEEC,YAAY,GAAG,UAFjB;IAGE,GAAGC;EAHL,CAMA;EACA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBZ,KAAK,CAACa,QAAN,CAAwB,KAAxB,CAA9B;EACA,MAAMC,SAAS,GAAGd,KAAK,CAACe,WAAN,CAAkB,MAAM;IACxCH,UAAU,CAAC,KAAD,CAAV;EACD,CAFiB,EAEf,CAACA,UAAD,CAFe,CAAlB;EAGA,MAAMI,WAAW,GAAGZ,SAAS,CAACM,IAAI,CAACO,QAAN,CAA7B;EACA,MAAMC,cAAc,GAAGlB,KAAK,CAACe,WAAN,CACrB,SAAmB;IAAA,IAAlB;MAAEI;IAAF,CAAkB;IACjBP,UAAU,CAAC,KAAD,CAAV;IACAI,WAAW,CAACI,OAAZ,CAAoBD,IAApB;EACD,CAJoB,EAKrB,CAACP,UAAD,EAAaI,WAAb,CALqB,CAAvB;EAQA,oBACE,oBAAC,2BAAD;IACE,GAAG,EAAET;EADP,GAEMG,IAFN;IAGE,YAAY,EACVF,SAAS,gBACP,oBAAC,UAAD;MACE,IAAI,EAAE,EADR;MAEE,KAAK,EAAEa,MAAM,CAACC,cAFhB;MAGE,IAAI,EAAEb,YAHR;MAIE,QAAQ,EAAEC,IAAI,CAACa,QAJjB;MAKE,OAAO,EAAE,MAAMX,UAAU,CAAC,IAAD;IAL3B,EADO,GAQL,IAZR,CAcE;IAdF;IAeE,KAAK,EAAE;MAAA,IAAC;QACNY,KADM;QAENC,MAFM;QAGNC,SAHM;QAINC,UAJM;QAKNC,SALM;QAMNC,iBANM;QAONC,SAPM;QAQNC,SARM;QASNC;MATM,CAAD;MAAA,OAWLxB,SAAS,gBACP,oBAAC,eAAD;QACE,IAAI,EAAEgB,KADR;QAEE,IAAI,EAAC,QAFP;QAGE,OAAO,EAAEb,OAHX;QAIE,SAAS,EAAEG,SAJb;QAKE,SAAS,EAAEI,cALb;QAME,MAAM,EAAEO,MANV;QAOE,QAAQ,EAAEC,SAPZ;QAQE,UAAU,EAAEC,UARd;QASE,SAAS,EAAEC,SATb;QAUE,iBAAiB,EAAEC,iBAAiB,IAAI,KAV1C;QAWE,SAAS,EAAEC,SAAS,IAAI,IAX1B;QAYE,SAAS,EAAEC,SAAS,IAAI,IAZ1B;QAaE,OAAO,EAAEC,OAAO,IAAI;MAbtB,EADO,GAgBL,IA3BC;IAAA;EAfT,GADF;AA+CD;;AAED,MAAMX,MAAM,GAAGnB,UAAU,CAAC+B,MAAX,CAAkB;EAC/BX,cAAc,EAAE;IAAEY,QAAQ,EAAE,UAAZ;IAAwBC,KAAK,EAAE,CAA/B;IAAkCC,MAAM,EAAE;EAA1C;AADe,CAAlB,CAAf;AAIA,4BAAepC,KAAK,CAACqC,UAAN,CAAiB/B,eAAjB,CAAf"}
+{"version":3,"names":["React","IconButton","StyleSheet","DatePickerModal","useLatest","DatePickerInputWithoutModal","DatePickerInput","ref","withModal","calendarIcon","rest","visible","setVisible","useState","onDismiss","useCallback","onChangeRef","onChange","onInnerConfirm","date","current","styles","calendarButton","disabled","value","locale","inputMode","validRange","saveLabel","saveLabelDisabled","uppercase","startYear","endYear","inputEnabled","create","position","right","zIndex","forwardRef"],"sources":["DatePickerInput.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { IconButton } from 'react-native-paper'\nimport { StyleSheet } from 'react-native'\nimport DatePickerModal from './DatePickerModal'\nimport { useLatest } from '../utils'\nimport type { DatePickerInputProps } from './DatePickerInput.shared'\nimport DatePickerInputWithoutModal from './DatePickerInputWithoutModal'\n\nfunction DatePickerInput(\n  {\n    withModal = true,\n    calendarIcon = 'calendar',\n    ...rest\n  }: DatePickerInputProps,\n  ref: any\n) {\n  const [visible, setVisible] = React.useState<boolean>(false)\n  const onDismiss = React.useCallback(() => {\n    setVisible(false)\n  }, [setVisible])\n  const onChangeRef = useLatest(rest.onChange)\n  const onInnerConfirm = React.useCallback(\n    ({ date }: any) => {\n      setVisible(false)\n      onChangeRef.current(date)\n    },\n    [setVisible, onChangeRef]\n  )\n\n  return (\n    <DatePickerInputWithoutModal\n      ref={ref}\n      {...rest}\n      inputButtons={\n        withModal ? (\n          <IconButton\n            size={24}\n            style={styles.calendarButton}\n            icon={calendarIcon}\n            disabled={rest.disabled}\n            onPress={() => setVisible(true)}\n          />\n        ) : null\n      }\n      // eslint-disable-next-line react/no-unstable-nested-components\n      modal={({\n        value,\n        locale,\n        inputMode,\n        validRange,\n        saveLabel,\n        saveLabelDisabled,\n        uppercase,\n        startYear,\n        endYear,\n        inputEnabled,\n      }) =>\n        withModal ? (\n          <DatePickerModal\n            date={value}\n            mode=\"single\"\n            visible={visible}\n            onDismiss={onDismiss}\n            onConfirm={onInnerConfirm}\n            locale={locale}\n            dateMode={inputMode}\n            validRange={validRange}\n            saveLabel={saveLabel}\n            saveLabelDisabled={saveLabelDisabled ?? false}\n            uppercase={uppercase ?? true}\n            startYear={startYear ?? 1800}\n            endYear={endYear ?? 2200}\n            inputEnabled={inputEnabled}\n          />\n        ) : null\n      }\n    />\n  )\n}\n\nconst styles = StyleSheet.create({\n  calendarButton: { position: 'absolute', right: 0, zIndex: 10 },\n})\n\nexport default React.forwardRef(DatePickerInput)\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT,QAA2B,oBAA3B;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AACA,SAASC,SAAT,QAA0B,UAA1B;AAEA,OAAOC,2BAAP,MAAwC,+BAAxC;;AAEA,SAASC,eAAT,OAMEC,GANF,EAOE;EAAA,IANA;IACEC,SAAS,GAAG,IADd;IAEEC,YAAY,GAAG,UAFjB;IAGE,GAAGC;EAHL,CAMA;EACA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBZ,KAAK,CAACa,QAAN,CAAwB,KAAxB,CAA9B;EACA,MAAMC,SAAS,GAAGd,KAAK,CAACe,WAAN,CAAkB,MAAM;IACxCH,UAAU,CAAC,KAAD,CAAV;EACD,CAFiB,EAEf,CAACA,UAAD,CAFe,CAAlB;EAGA,MAAMI,WAAW,GAAGZ,SAAS,CAACM,IAAI,CAACO,QAAN,CAA7B;EACA,MAAMC,cAAc,GAAGlB,KAAK,CAACe,WAAN,CACrB,SAAmB;IAAA,IAAlB;MAAEI;IAAF,CAAkB;IACjBP,UAAU,CAAC,KAAD,CAAV;IACAI,WAAW,CAACI,OAAZ,CAAoBD,IAApB;EACD,CAJoB,EAKrB,CAACP,UAAD,EAAaI,WAAb,CALqB,CAAvB;EAQA,oBACE,oBAAC,2BAAD;IACE,GAAG,EAAET;EADP,GAEMG,IAFN;IAGE,YAAY,EACVF,SAAS,gBACP,oBAAC,UAAD;MACE,IAAI,EAAE,EADR;MAEE,KAAK,EAAEa,MAAM,CAACC,cAFhB;MAGE,IAAI,EAAEb,YAHR;MAIE,QAAQ,EAAEC,IAAI,CAACa,QAJjB;MAKE,OAAO,EAAE,MAAMX,UAAU,CAAC,IAAD;IAL3B,EADO,GAQL,IAZR,CAcE;IAdF;IAeE,KAAK,EAAE;MAAA,IAAC;QACNY,KADM;QAENC,MAFM;QAGNC,SAHM;QAINC,UAJM;QAKNC,SALM;QAMNC,iBANM;QAONC,SAPM;QAQNC,SARM;QASNC,OATM;QAUNC;MAVM,CAAD;MAAA,OAYLzB,SAAS,gBACP,oBAAC,eAAD;QACE,IAAI,EAAEgB,KADR;QAEE,IAAI,EAAC,QAFP;QAGE,OAAO,EAAEb,OAHX;QAIE,SAAS,EAAEG,SAJb;QAKE,SAAS,EAAEI,cALb;QAME,MAAM,EAAEO,MANV;QAOE,QAAQ,EAAEC,SAPZ;QAQE,UAAU,EAAEC,UARd;QASE,SAAS,EAAEC,SATb;QAUE,iBAAiB,EAAEC,iBAAiB,IAAI,KAV1C;QAWE,SAAS,EAAEC,SAAS,IAAI,IAX1B;QAYE,SAAS,EAAEC,SAAS,IAAI,IAZ1B;QAaE,OAAO,EAAEC,OAAO,IAAI,IAbtB;QAcE,YAAY,EAAEC;MAdhB,EADO,GAiBL,IA7BC;IAAA;EAfT,GADF;AAiDD;;AAED,MAAMZ,MAAM,GAAGnB,UAAU,CAACgC,MAAX,CAAkB;EAC/BZ,cAAc,EAAE;IAAEa,QAAQ,EAAE,UAAZ;IAAwBC,KAAK,EAAE,CAA/B;IAAkCC,MAAM,EAAE;EAA1C;AADe,CAAlB,CAAf;AAIA,4BAAerC,KAAK,CAACsC,UAAN,CAAiBhC,eAAjB,CAAf"}

package/lib/module/Date/DatePickerInput.shared.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["DatePickerInput.shared.tsx"],"sourcesContent":["import type { ValidRangeType } from './Calendar'\nimport type * as React from 'react'\nimport type { TextInput } from 'react-native-paper'\n\nexport type DatePickerInputProps = {\n  inputMode: 'start' | 'end'\n  locale: string\n  onChange: (date: Date | undefined) => void\n  value: Date | undefined\n  validRange?: ValidRangeType | undefined\n  withModal?: boolean\n  withDateFormatInLabel?: boolean\n  hideValidationErrors?: boolean\n  hasError?: boolean\n  onValidationError?: ((error: string | null) => void) | undefined\n  calendarIcon?: string\n  saveLabel?: string\n  saveLabelDisabled?: boolean\n  uppercase?: boolean\n  startYear?: number\n  endYear?: number\n  onChangeText?: (text: string | undefined) => void\n} & Omit<\n  React.ComponentProps<typeof TextInput>,\n  'value' | 'onChange' | 'onChangeText'\n>\n"],"mappings":""}
+{"version":3,"names":[],"sources":["DatePickerInput.shared.tsx"],"sourcesContent":["import type { ValidRangeType } from './Calendar'\nimport type * as React from 'react'\nimport type { TextInput } from 'react-native-paper'\n\nexport type DatePickerInputProps = {\n  inputMode: 'start' | 'end'\n  locale: string\n  onChange: (date: Date | undefined) => void\n  value: Date | undefined\n  validRange?: ValidRangeType | undefined\n  withModal?: boolean\n  withDateFormatInLabel?: boolean\n  hideValidationErrors?: boolean\n  hasError?: boolean\n  onValidationError?: ((error: string | null) => void) | undefined\n  calendarIcon?: string\n  saveLabel?: string\n  saveLabelDisabled?: boolean\n  uppercase?: boolean\n  startYear?: number\n  endYear?: number\n  onChangeText?: (text: string | undefined) => void\n  inputEnabled?: boolean\n} & Omit<\n  React.ComponentProps<typeof TextInput>,\n  'value' | 'onChange' | 'onChangeText' | 'inputMode'\n>\n"],"mappings":""}

package/lib/module/Date/DatePickerInputWithoutModal.js

@@ -27,6 +27,7 @@ function DatePickerInputWithoutModal(_ref, ref) {
     startYear,
     endYear,
     onChangeText,
+    inputEnabled,
     ...rest
   } = _ref;
   const theme = useTheme();
@@ -43,6 +44,16 @@ function DatePickerInputWithoutModal(_ref, ref) {
     onChange,
     onValidationError
   });
+  let disabled;
+
+  if (inputEnabled !== undefined) {
+    disabled = !inputEnabled;
+  }
+
+  if (rest.disabled) {
+    disabled = rest.disabled;
+  }
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     style: styles.root
   }, /*#__PURE__*/React.createElement(View, {
@@ -58,6 +69,7 @@ function DatePickerInputWithoutModal(_ref, ref) {
     value: formattedValue,
     keyboardType: rest.keyboardType ?? 'number-pad',
     mask: inputFormat,
+    disabled: disabled,
     onChangeText: onDateInputChangeText,
     onChange: e => onChangeText && onChangeText(e.nativeEvent.text),
     keyboardAppearance: theme.dark ? 'dark' : 'default',
@@ -75,7 +87,8 @@ function DatePickerInputWithoutModal(_ref, ref) {
     saveLabelDisabled,
     uppercase,
     startYear,
-    endYear
+    endYear,
+    inputEnabled
   }));
 }
 

package/lib/module/Date/DatePickerInputWithoutModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TextInputWithMask","HelperText","useTheme","View","StyleSheet","useDateInput","DatePickerInputWithoutModal","ref","label","value","onChange","style","locale","validRange","inputMode","withDateFormatInLabel","hasError","hideValidationErrors","onValidationError","modal","inputButtons","saveLabel","saveLabelDisabled","uppercase","startYear","endYear","onChangeText","rest","theme","formattedValue","inputFormat","onDateInputChangeText","error","styles","root","inputContainer","getLabel","keyboardType","e","nativeEvent","text","dark","input","create","flexGrow","flexDirection","alignItems","justifyContent","forwardRef"],"sources":["DatePickerInputWithoutModal.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport TextInputWithMask from '../TextInputMask'\nimport { HelperText, useTheme } from 'react-native-paper'\nimport { View, StyleSheet } from 'react-native'\nimport useDateInput from './inputUtils'\nimport type { DatePickerInputProps } from './DatePickerInput.shared'\n\nfunction DatePickerInputWithoutModal(\n  {\n    label,\n    value,\n    onChange,\n    style,\n    locale,\n    validRange,\n    inputMode,\n    withDateFormatInLabel = true,\n    hasError,\n    hideValidationErrors,\n    onValidationError,\n    modal,\n    inputButtons,\n    saveLabel,\n    saveLabelDisabled,\n    uppercase,\n    startYear,\n    endYear,\n    onChangeText,\n    ...rest\n  }: DatePickerInputProps & {\n    modal?: (params: {\n      value: DatePickerInputProps['value']\n      locale: DatePickerInputProps['locale']\n      inputMode: DatePickerInputProps['inputMode']\n      validRange: DatePickerInputProps['validRange']\n      saveLabel: DatePickerInputProps['saveLabel']\n      saveLabelDisabled: DatePickerInputProps['saveLabelDisabled']\n      uppercase: DatePickerInputProps['uppercase']\n      startYear: DatePickerInputProps['startYear']\n      endYear: DatePickerInputProps['endYear']\n    }) => any\n    inputButtons?: any\n  },\n  ref: any\n) {\n  const theme = useTheme()\n  const {\n    formattedValue,\n    inputFormat,\n    onChangeText: onDateInputChangeText,\n    error,\n  } = useDateInput({\n    locale,\n    value,\n    validRange,\n    inputMode,\n    onChange,\n    onValidationError,\n  })\n\n  return (\n    <>\n      <View style={styles.root}>\n        <View style={styles.inputContainer}>\n          <TextInputWithMask\n            {...rest}\n            ref={ref}\n            label={getLabel({\n              // TODO: support label components?\n              label: label as any,\n              inputFormat,\n              withDateFormatInLabel,\n            })}\n            value={formattedValue}\n            keyboardType={rest.keyboardType ?? 'number-pad'}\n            mask={inputFormat}\n            onChangeText={onDateInputChangeText}\n            onChange={(e) => onChangeText && onChangeText(e.nativeEvent.text)}\n            keyboardAppearance={theme.dark ? 'dark' : 'default'}\n            error={(!!error && !hideValidationErrors) || !!hasError}\n            style={[styles.input, style]}\n          />\n          {inputButtons}\n        </View>\n        {error && !hideValidationErrors ? (\n          <HelperText type=\"error\" visible={!!error}>\n            {error}\n          </HelperText>\n        ) : null}\n      </View>\n      {modal?.({\n        value,\n        locale,\n        inputMode,\n        validRange,\n        saveLabel,\n        saveLabelDisabled,\n        uppercase,\n        startYear,\n        endYear,\n      })}\n    </>\n  )\n}\n\nfunction getLabel({\n  withDateFormatInLabel,\n  inputFormat,\n  label,\n}: {\n  withDateFormatInLabel: boolean\n  inputFormat: string\n  label: string | undefined\n}) {\n  if (withDateFormatInLabel) {\n    return label ? `${label} (${inputFormat})` : inputFormat\n  }\n  return label || ''\n}\n\nconst styles = StyleSheet.create({\n  root: {\n    flexGrow: 1,\n  },\n  inputContainer: {\n    flexGrow: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n  },\n  input: {\n    flexGrow: 1,\n  },\n})\nexport default React.forwardRef(DatePickerInputWithoutModal)\n"],"mappings":"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"}
+{"version":3,"names":["React","TextInputWithMask","HelperText","useTheme","View","StyleSheet","useDateInput","DatePickerInputWithoutModal","ref","label","value","onChange","style","locale","validRange","inputMode","withDateFormatInLabel","hasError","hideValidationErrors","onValidationError","modal","inputButtons","saveLabel","saveLabelDisabled","uppercase","startYear","endYear","onChangeText","inputEnabled","rest","theme","formattedValue","inputFormat","onDateInputChangeText","error","disabled","undefined","styles","root","inputContainer","getLabel","keyboardType","e","nativeEvent","text","dark","input","create","flexGrow","flexDirection","alignItems","justifyContent","forwardRef"],"sources":["DatePickerInputWithoutModal.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport TextInputWithMask from '../TextInputMask'\nimport { HelperText, useTheme } from 'react-native-paper'\nimport { View, StyleSheet } from 'react-native'\nimport useDateInput from './inputUtils'\nimport type { DatePickerInputProps } from './DatePickerInput.shared'\n\nfunction DatePickerInputWithoutModal(\n  {\n    label,\n    value,\n    onChange,\n    style,\n    locale,\n    validRange,\n    inputMode,\n    withDateFormatInLabel = true,\n    hasError,\n    hideValidationErrors,\n    onValidationError,\n    modal,\n    inputButtons,\n    saveLabel,\n    saveLabelDisabled,\n    uppercase,\n    startYear,\n    endYear,\n    onChangeText,\n    inputEnabled,\n    ...rest\n  }: DatePickerInputProps & {\n    modal?: (params: {\n      value: DatePickerInputProps['value']\n      locale: DatePickerInputProps['locale']\n      inputMode: DatePickerInputProps['inputMode']\n      validRange: DatePickerInputProps['validRange']\n      saveLabel: DatePickerInputProps['saveLabel']\n      saveLabelDisabled: DatePickerInputProps['saveLabelDisabled']\n      uppercase: DatePickerInputProps['uppercase']\n      startYear: DatePickerInputProps['startYear']\n      endYear: DatePickerInputProps['endYear']\n      inputEnabled: DatePickerInputProps['inputEnabled']\n    }) => any\n    inputButtons?: any\n  },\n  ref: any\n) {\n  const theme = useTheme()\n  const {\n    formattedValue,\n    inputFormat,\n    onChangeText: onDateInputChangeText,\n    error,\n  } = useDateInput({\n    locale,\n    value,\n    validRange,\n    inputMode,\n    onChange,\n    onValidationError,\n  })\n\n  let disabled\n\n  if (inputEnabled !== undefined) {\n    disabled = !inputEnabled\n  }\n\n  if (rest.disabled) {\n    disabled = rest.disabled\n  }\n\n  return (\n    <>\n      <View style={styles.root}>\n        <View style={styles.inputContainer}>\n          <TextInputWithMask\n            {...rest}\n            ref={ref}\n            label={getLabel({\n              // TODO: support label components?\n              label: label as any,\n              inputFormat,\n              withDateFormatInLabel,\n            })}\n            value={formattedValue}\n            keyboardType={rest.keyboardType ?? 'number-pad'}\n            mask={inputFormat}\n            disabled={disabled}\n            onChangeText={onDateInputChangeText}\n            onChange={(e) => onChangeText && onChangeText(e.nativeEvent.text)}\n            keyboardAppearance={theme.dark ? 'dark' : 'default'}\n            error={(!!error && !hideValidationErrors) || !!hasError}\n            style={[styles.input, style]}\n          />\n          {inputButtons}\n        </View>\n        {error && !hideValidationErrors ? (\n          <HelperText type=\"error\" visible={!!error}>\n            {error}\n          </HelperText>\n        ) : null}\n      </View>\n      {modal?.({\n        value,\n        locale,\n        inputMode,\n        validRange,\n        saveLabel,\n        saveLabelDisabled,\n        uppercase,\n        startYear,\n        endYear,\n        inputEnabled,\n      })}\n    </>\n  )\n}\n\nfunction getLabel({\n  withDateFormatInLabel,\n  inputFormat,\n  label,\n}: {\n  withDateFormatInLabel: boolean\n  inputFormat: string\n  label: string | undefined\n}) {\n  if (withDateFormatInLabel) {\n    return label ? `${label} (${inputFormat})` : inputFormat\n  }\n  return label || ''\n}\n\nconst styles = StyleSheet.create({\n  root: {\n    flexGrow: 1,\n  },\n  inputContainer: {\n    flexGrow: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n  },\n  input: {\n    flexGrow: 1,\n  },\n})\nexport default React.forwardRef(DatePickerInputWithoutModal)\n"],"mappings":"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"}

package/lib/module/Date/DatePickerModal.js

@@ -13,6 +13,7 @@ export function DatePickerModal(props) {
     animationType,
     disableStatusBar,
     disableStatusBarPadding,
+    inputEnabled,
     ...rest
   } = props;
   const animationTypeCalculated = animationType || Platform.select({
@@ -55,6 +56,7 @@ export function DatePickerModal(props) {
       backgroundColor: headerBackgroundColor
     }]
   }), /*#__PURE__*/React.createElement(DatePickerModalContent, _extends({}, rest, {
+    inputEnabled: inputEnabled,
     disableSafeTop: disableStatusBar
   })))))));
 }

package/lib/module/Date/DatePickerModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Modal","StyleSheet","TouchableWithoutFeedback","useWindowDimensions","View","Platform","StatusBar","useTheme","DatePickerModalContent","useHeaderBackgroundColor","useHeaderColorIsLight","DatePickerModal","props","theme","dimensions","visible","animationType","disableStatusBar","disableStatusBarPadding","rest","animationTypeCalculated","select","web","default","isLight","headerBackgroundColor","absoluteFill","onDismiss","supportedOrientations","styles","modalBackground","backgroundColor","colors","backdrop","modalRoot","modalContent","surface","width","modalContentBig","height","currentHeight","create","justifyContent","alignItems","flex","maxWidth","maxHeight","borderRadius","overflow","memo"],"sources":["DatePickerModal.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  Modal,\n  StyleSheet,\n  TouchableWithoutFeedback,\n  useWindowDimensions,\n  View,\n  Platform,\n  StatusBar,\n} from 'react-native'\n\nimport { useTheme } from 'react-native-paper'\nimport DatePickerModalContent, {\n  DatePickerModalContentMultiProps,\n  DatePickerModalContentRangeProps,\n  DatePickerModalContentSingleProps,\n} from './DatePickerModalContent'\nimport { useHeaderBackgroundColor, useHeaderColorIsLight } from '../utils'\n\ninterface DatePickerModalProps {\n  visible: boolean\n  animationType?: 'slide' | 'fade' | 'none'\n  disableStatusBar?: boolean\n  disableStatusBarPadding?: boolean\n}\n\nexport interface DatePickerModalSingleProps\n  extends DatePickerModalContentSingleProps,\n    DatePickerModalProps {}\n\nexport interface DatePickerModalMultiProps\n  extends DatePickerModalContentMultiProps,\n    DatePickerModalProps {}\n\nexport interface DatePickerModalRangeProps\n  extends DatePickerModalContentRangeProps,\n    DatePickerModalProps {}\n\nexport function DatePickerModal(\n  props:\n    | DatePickerModalRangeProps\n    | DatePickerModalSingleProps\n    | DatePickerModalMultiProps\n) {\n  const theme = useTheme()\n  const dimensions = useWindowDimensions()\n  const {\n    visible,\n    animationType,\n    disableStatusBar,\n    disableStatusBarPadding,\n    ...rest\n  } = props\n  const animationTypeCalculated =\n    animationType ||\n    Platform.select({\n      web: 'none',\n      default: 'slide',\n    })\n\n  const isLight = useHeaderColorIsLight()\n  const headerBackgroundColor = useHeaderBackgroundColor()\n\n  return (\n    <View style={[StyleSheet.absoluteFill]} pointerEvents=\"box-none\">\n      <Modal\n        animationType={animationTypeCalculated}\n        transparent={true}\n        visible={visible}\n        onRequestClose={rest.onDismiss}\n        presentationStyle=\"overFullScreen\"\n        supportedOrientations={supportedOrientations}\n        //@ts-ignore\n        statusBarTranslucent={true}\n      >\n        <>\n          <TouchableWithoutFeedback onPress={rest.onDismiss}>\n            <View\n              style={[\n                StyleSheet.absoluteFill,\n                styles.modalBackground,\n                { backgroundColor: theme.colors.backdrop },\n              ]}\n            />\n          </TouchableWithoutFeedback>\n          <View\n            style={[StyleSheet.absoluteFill, styles.modalRoot]}\n            pointerEvents=\"box-none\"\n          >\n            <View\n              style={[\n                styles.modalContent,\n                { backgroundColor: theme.colors.surface },\n                dimensions.width > 650 ? styles.modalContentBig : null,\n              ]}\n            >\n              {disableStatusBar ? null : (\n                <StatusBar\n                  translucent={true}\n                  barStyle={isLight ? 'dark-content' : 'light-content'}\n                />\n              )}\n              {disableStatusBarPadding ? null : (\n                <View\n                  style={[\n                    {\n                      height: StatusBar.currentHeight,\n                      backgroundColor: headerBackgroundColor,\n                    },\n                  ]}\n                />\n              )}\n              <DatePickerModalContent\n                {...rest}\n                disableSafeTop={disableStatusBar}\n              />\n            </View>\n          </View>\n        </>\n      </Modal>\n    </View>\n  )\n}\nconst supportedOrientations: any = [\n  'portrait',\n  'portrait-upside-down',\n  'landscape',\n  'landscape-left',\n  'landscape-right',\n]\n\nconst styles = StyleSheet.create({\n  modalRoot: {\n    justifyContent: 'center',\n    alignItems: 'center',\n    flex: 1,\n  },\n  modalBackground: {\n    flex: 1,\n  },\n  modalContent: {\n    flex: 1,\n    width: '100%',\n  },\n  modalContentBig: {\n    maxWidth: 600,\n    maxHeight: 800,\n    borderRadius: 10,\n    width: '100%',\n    overflow: 'hidden',\n  },\n})\n\nexport default React.memo(DatePickerModal)\n"],"mappings":"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"}
+{"version":3,"names":["React","Modal","StyleSheet","TouchableWithoutFeedback","useWindowDimensions","View","Platform","StatusBar","useTheme","DatePickerModalContent","useHeaderBackgroundColor","useHeaderColorIsLight","DatePickerModal","props","theme","dimensions","visible","animationType","disableStatusBar","disableStatusBarPadding","inputEnabled","rest","animationTypeCalculated","select","web","default","isLight","headerBackgroundColor","absoluteFill","onDismiss","supportedOrientations","styles","modalBackground","backgroundColor","colors","backdrop","modalRoot","modalContent","surface","width","modalContentBig","height","currentHeight","create","justifyContent","alignItems","flex","maxWidth","maxHeight","borderRadius","overflow","memo"],"sources":["DatePickerModal.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  Modal,\n  StyleSheet,\n  TouchableWithoutFeedback,\n  useWindowDimensions,\n  View,\n  Platform,\n  StatusBar,\n} from 'react-native'\n\nimport { useTheme } from 'react-native-paper'\nimport DatePickerModalContent, {\n  DatePickerModalContentMultiProps,\n  DatePickerModalContentRangeProps,\n  DatePickerModalContentSingleProps,\n} from './DatePickerModalContent'\nimport { useHeaderBackgroundColor, useHeaderColorIsLight } from '../utils'\n\ninterface DatePickerModalProps {\n  visible: boolean\n  animationType?: 'slide' | 'fade' | 'none'\n  disableStatusBar?: boolean\n  disableStatusBarPadding?: boolean\n  inputEnabled?: boolean\n}\n\nexport interface DatePickerModalSingleProps\n  extends DatePickerModalContentSingleProps,\n    DatePickerModalProps {}\n\nexport interface DatePickerModalMultiProps\n  extends DatePickerModalContentMultiProps,\n    DatePickerModalProps {}\n\nexport interface DatePickerModalRangeProps\n  extends DatePickerModalContentRangeProps,\n    DatePickerModalProps {}\n\nexport function DatePickerModal(\n  props:\n    | DatePickerModalRangeProps\n    | DatePickerModalSingleProps\n    | DatePickerModalMultiProps\n) {\n  const theme = useTheme()\n  const dimensions = useWindowDimensions()\n  const {\n    visible,\n    animationType,\n    disableStatusBar,\n    disableStatusBarPadding,\n    inputEnabled,\n    ...rest\n  } = props\n  const animationTypeCalculated =\n    animationType ||\n    Platform.select({\n      web: 'none',\n      default: 'slide',\n    })\n\n  const isLight = useHeaderColorIsLight()\n  const headerBackgroundColor = useHeaderBackgroundColor()\n\n  return (\n    <View style={[StyleSheet.absoluteFill]} pointerEvents=\"box-none\">\n      <Modal\n        animationType={animationTypeCalculated}\n        transparent={true}\n        visible={visible}\n        onRequestClose={rest.onDismiss}\n        presentationStyle=\"overFullScreen\"\n        supportedOrientations={supportedOrientations}\n        //@ts-ignore\n        statusBarTranslucent={true}\n      >\n        <>\n          <TouchableWithoutFeedback onPress={rest.onDismiss}>\n            <View\n              style={[\n                StyleSheet.absoluteFill,\n                styles.modalBackground,\n                { backgroundColor: theme.colors.backdrop },\n              ]}\n            />\n          </TouchableWithoutFeedback>\n          <View\n            style={[StyleSheet.absoluteFill, styles.modalRoot]}\n            pointerEvents=\"box-none\"\n          >\n            <View\n              style={[\n                styles.modalContent,\n                { backgroundColor: theme.colors.surface },\n                dimensions.width > 650 ? styles.modalContentBig : null,\n              ]}\n            >\n              {disableStatusBar ? null : (\n                <StatusBar\n                  translucent={true}\n                  barStyle={isLight ? 'dark-content' : 'light-content'}\n                />\n              )}\n              {disableStatusBarPadding ? null : (\n                <View\n                  style={[\n                    {\n                      height: StatusBar.currentHeight,\n                      backgroundColor: headerBackgroundColor,\n                    },\n                  ]}\n                />\n              )}\n              <DatePickerModalContent\n                {...rest}\n                inputEnabled={inputEnabled}\n                disableSafeTop={disableStatusBar}\n              />\n            </View>\n          </View>\n        </>\n      </Modal>\n    </View>\n  )\n}\nconst supportedOrientations: any = [\n  'portrait',\n  'portrait-upside-down',\n  'landscape',\n  'landscape-left',\n  'landscape-right',\n]\n\nconst styles = StyleSheet.create({\n  modalRoot: {\n    justifyContent: 'center',\n    alignItems: 'center',\n    flex: 1,\n  },\n  modalBackground: {\n    flex: 1,\n  },\n  modalContent: {\n    flex: 1,\n    width: '100%',\n  },\n  modalContentBig: {\n    maxWidth: 600,\n    maxHeight: 800,\n    borderRadius: 10,\n    width: '100%',\n    overflow: 'hidden',\n  },\n})\n\nexport default React.memo(DatePickerModal)\n"],"mappings":"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"}

package/lib/module/Date/DatePickerModalContent.js

@@ -88,7 +88,8 @@ export function DatePickerModalContent(props) {
     uppercase: props.uppercase ?? true,
     locale: locale,
     editIcon: props === null || props === void 0 ? void 0 : props.editIcon,
-    calendarIcon: props.calendarIcon
+    calendarIcon: props.calendarIcon,
+    allowEditing: props.allowEditing || true
   })), /*#__PURE__*/React.createElement(AnimatedCrossView, {
     collapsed: collapsed,
     calendar: /*#__PURE__*/React.createElement(Calendar, {
@@ -114,7 +115,8 @@ export function DatePickerModalContent(props) {
       collapsed: collapsed,
       onChange: onInnerChange,
       validRange: validRange,
-      locale: locale
+      locale: locale,
+      inputEnabled: props.inputEnabled
     })
   }));
 }

package/lib/module/Date/DatePickerModalContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Calendar","AnimatedCrossView","DatePickerModalHeader","DatePickerModalContentHeader","CalendarEdit","DatePickerModalHeaderBackground","DatePickerModalContent","props","mode","onChange","onConfirm","onDismiss","disableSafeTop","disableWeekDays","locale","validRange","dateMode","startYear","endYear","anyProps","state","setState","useState","date","startDate","endDate","dates","useEffect","collapsed","setCollapsed","onInnerChange","useCallback","params","prev","onInnerConfirm","onToggleCollapse","saveLabel","saveLabelDisabled","uppercase","closeIcon","headerSeparator","emptyLabel","label","moreLabel","startLabel","endLabel","editIcon","calendarIcon","memo"],"sources":["DatePickerModalContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport Calendar, {\n  BaseCalendarProps,\n  CalendarDate,\n  CalendarDates,\n  MultiChange,\n  MultiConfirm,\n  RangeChange,\n  SingleChange,\n} from './Calendar'\n\nimport AnimatedCrossView from './AnimatedCrossView'\nimport DatePickerModalHeader from './DatePickerModalHeader'\nimport DatePickerModalContentHeader, {\n  HeaderPickProps,\n} from './DatePickerModalContentHeader'\nimport CalendarEdit from './CalendarEdit'\nimport DatePickerModalHeaderBackground from './DatePickerModalHeaderBackground'\n\nexport type LocalState = {\n  startDate: CalendarDate\n  endDate: CalendarDate\n  date: CalendarDate\n  dates: CalendarDates\n}\n\ninterface DatePickerModalContentBaseProps {\n  inputFormat?: string\n  locale: string\n  onDismiss: () => any\n  disableSafeTop?: boolean\n  saveLabelDisabled?: boolean\n  uppercase?: boolean\n}\n\nexport interface DatePickerModalContentRangeProps\n  extends HeaderPickProps,\n    BaseCalendarProps,\n    DatePickerModalContentBaseProps {\n  mode: 'range'\n  startDate: CalendarDate\n  endDate: CalendarDate\n  onChange?: RangeChange\n  onConfirm: RangeChange\n}\n\nexport interface DatePickerModalContentSingleProps\n  extends HeaderPickProps,\n    BaseCalendarProps,\n    DatePickerModalContentBaseProps {\n  mode: 'single'\n  date?: CalendarDate\n  onChange?: SingleChange\n  onConfirm: SingleChange\n  dateMode?: 'start' | 'end'\n}\n\nexport interface DatePickerModalContentMultiProps\n  extends HeaderPickProps,\n    BaseCalendarProps,\n    DatePickerModalContentBaseProps {\n  mode: 'multiple'\n  dates?: CalendarDates\n  onChange?: MultiChange\n  onConfirm: MultiConfirm\n}\n\nexport function DatePickerModalContent(\n  props:\n    | DatePickerModalContentRangeProps\n    | DatePickerModalContentSingleProps\n    | DatePickerModalContentMultiProps\n) {\n  const {\n    mode,\n    onChange,\n    onConfirm,\n    onDismiss,\n    disableSafeTop,\n    disableWeekDays,\n    locale,\n    validRange,\n    dateMode,\n    startYear,\n    endYear,\n  } = props\n  const anyProps = props as any\n\n  // use local state to add only onConfirm state changes\n  const [state, setState] = React.useState<LocalState>({\n    date: anyProps.date,\n    startDate: anyProps.startDate,\n    endDate: anyProps.endDate,\n    dates: anyProps.dates,\n  })\n\n  // update local state if changed from outside or if modal is opened\n  React.useEffect(() => {\n    setState({\n      date: anyProps.date,\n      startDate: anyProps.startDate,\n      endDate: anyProps.endDate,\n      dates: anyProps.dates,\n    })\n  }, [anyProps.date, anyProps.startDate, anyProps.endDate, anyProps.dates])\n\n  const [collapsed, setCollapsed] = React.useState<boolean>(true)\n\n  const onInnerChange = React.useCallback(\n    (params: any) => {\n      onChange && onChange(params)\n      setState((prev) => ({ ...prev, ...params }))\n    },\n    [onChange, setState]\n  )\n\n  const onInnerConfirm = React.useCallback(() => {\n    if (mode === 'single') {\n      ;(onConfirm as DatePickerModalContentSingleProps['onConfirm'])({\n        date: state.date,\n      })\n    } else if (mode === 'range') {\n      ;(onConfirm as DatePickerModalContentRangeProps['onConfirm'])({\n        startDate: state.startDate,\n        endDate: state.endDate,\n      })\n    } else if (mode === 'multiple') {\n      ;(onConfirm as DatePickerModalContentMultiProps['onConfirm'])({\n        dates: state.dates || [],\n      })\n    }\n  }, [state, mode, onConfirm])\n\n  const onToggleCollapse = React.useCallback(() => {\n    setCollapsed((prev) => !prev)\n  }, [setCollapsed])\n\n  return (\n    <>\n      <DatePickerModalHeaderBackground>\n        <DatePickerModalHeader\n          locale={locale}\n          onSave={onInnerConfirm}\n          onDismiss={onDismiss}\n          saveLabel={props.saveLabel}\n          saveLabelDisabled={props.saveLabelDisabled ?? false}\n          uppercase={props.uppercase ?? true}\n          disableSafeTop={disableSafeTop}\n          closeIcon={props.closeIcon}\n        />\n        <DatePickerModalContentHeader\n          state={state}\n          mode={mode}\n          collapsed={collapsed}\n          onToggle={onToggleCollapse}\n          headerSeparator={props.headerSeparator}\n          emptyLabel={props.emptyLabel}\n          label={props.label}\n          moreLabel={props.moreLabel}\n          startLabel={props.startLabel}\n          endLabel={props.endLabel}\n          uppercase={props.uppercase ?? true}\n          locale={locale}\n          editIcon={props?.editIcon}\n          calendarIcon={props.calendarIcon}\n        />\n      </DatePickerModalHeaderBackground>\n      <AnimatedCrossView\n        collapsed={collapsed}\n        calendar={\n          <Calendar\n            locale={locale}\n            mode={mode}\n            startDate={state.startDate}\n            endDate={state.endDate}\n            date={state.date}\n            onChange={onInnerChange}\n            disableWeekDays={disableWeekDays}\n            dates={state.dates}\n            validRange={validRange}\n            dateMode={dateMode}\n            startYear={startYear}\n            endYear={endYear}\n          />\n        }\n        calendarEdit={\n          <CalendarEdit\n            mode={mode}\n            state={state}\n            label={props.label}\n            startLabel={props.startLabel}\n            endLabel={props.endLabel}\n            collapsed={collapsed}\n            onChange={onInnerChange}\n            validRange={validRange}\n            locale={locale}\n          />\n        }\n      />\n    </>\n  )\n}\n\nexport default React.memo(DatePickerModalContent)\n"],"mappings":"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"}
+{"version":3,"names":["React","Calendar","AnimatedCrossView","DatePickerModalHeader","DatePickerModalContentHeader","CalendarEdit","DatePickerModalHeaderBackground","DatePickerModalContent","props","mode","onChange","onConfirm","onDismiss","disableSafeTop","disableWeekDays","locale","validRange","dateMode","startYear","endYear","anyProps","state","setState","useState","date","startDate","endDate","dates","useEffect","collapsed","setCollapsed","onInnerChange","useCallback","params","prev","onInnerConfirm","onToggleCollapse","saveLabel","saveLabelDisabled","uppercase","closeIcon","headerSeparator","emptyLabel","label","moreLabel","startLabel","endLabel","editIcon","calendarIcon","allowEditing","inputEnabled","memo"],"sources":["DatePickerModalContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport Calendar, {\n  BaseCalendarProps,\n  CalendarDate,\n  CalendarDates,\n  MultiChange,\n  MultiConfirm,\n  RangeChange,\n  SingleChange,\n} from './Calendar'\n\nimport AnimatedCrossView from './AnimatedCrossView'\nimport DatePickerModalHeader from './DatePickerModalHeader'\nimport DatePickerModalContentHeader, {\n  HeaderPickProps,\n} from './DatePickerModalContentHeader'\nimport CalendarEdit from './CalendarEdit'\nimport DatePickerModalHeaderBackground from './DatePickerModalHeaderBackground'\n\nexport type LocalState = {\n  startDate: CalendarDate\n  endDate: CalendarDate\n  date: CalendarDate\n  dates: CalendarDates\n}\n\ninterface DatePickerModalContentBaseProps {\n  inputFormat?: string\n  locale: string\n  onDismiss: () => any\n  disableSafeTop?: boolean\n  saveLabelDisabled?: boolean\n  uppercase?: boolean\n  inputEnabled?: boolean\n}\n\nexport interface DatePickerModalContentRangeProps\n  extends HeaderPickProps,\n    BaseCalendarProps,\n    DatePickerModalContentBaseProps {\n  mode: 'range'\n  startDate: CalendarDate\n  endDate: CalendarDate\n  onChange?: RangeChange\n  onConfirm: RangeChange\n}\n\nexport interface DatePickerModalContentSingleProps\n  extends HeaderPickProps,\n    BaseCalendarProps,\n    DatePickerModalContentBaseProps {\n  mode: 'single'\n  date?: CalendarDate\n  onChange?: SingleChange\n  onConfirm: SingleChange\n  dateMode?: 'start' | 'end'\n}\n\nexport interface DatePickerModalContentMultiProps\n  extends HeaderPickProps,\n    BaseCalendarProps,\n    DatePickerModalContentBaseProps {\n  mode: 'multiple'\n  dates?: CalendarDates\n  onChange?: MultiChange\n  onConfirm: MultiConfirm\n}\n\nexport function DatePickerModalContent(\n  props:\n    | DatePickerModalContentRangeProps\n    | DatePickerModalContentSingleProps\n    | DatePickerModalContentMultiProps\n) {\n  const {\n    mode,\n    onChange,\n    onConfirm,\n    onDismiss,\n    disableSafeTop,\n    disableWeekDays,\n    locale,\n    validRange,\n    dateMode,\n    startYear,\n    endYear,\n  } = props\n  const anyProps = props as any\n\n  // use local state to add only onConfirm state changes\n  const [state, setState] = React.useState<LocalState>({\n    date: anyProps.date,\n    startDate: anyProps.startDate,\n    endDate: anyProps.endDate,\n    dates: anyProps.dates,\n  })\n\n  // update local state if changed from outside or if modal is opened\n  React.useEffect(() => {\n    setState({\n      date: anyProps.date,\n      startDate: anyProps.startDate,\n      endDate: anyProps.endDate,\n      dates: anyProps.dates,\n    })\n  }, [anyProps.date, anyProps.startDate, anyProps.endDate, anyProps.dates])\n\n  const [collapsed, setCollapsed] = React.useState<boolean>(true)\n\n  const onInnerChange = React.useCallback(\n    (params: any) => {\n      onChange && onChange(params)\n      setState((prev) => ({ ...prev, ...params }))\n    },\n    [onChange, setState]\n  )\n\n  const onInnerConfirm = React.useCallback(() => {\n    if (mode === 'single') {\n      ;(onConfirm as DatePickerModalContentSingleProps['onConfirm'])({\n        date: state.date,\n      })\n    } else if (mode === 'range') {\n      ;(onConfirm as DatePickerModalContentRangeProps['onConfirm'])({\n        startDate: state.startDate,\n        endDate: state.endDate,\n      })\n    } else if (mode === 'multiple') {\n      ;(onConfirm as DatePickerModalContentMultiProps['onConfirm'])({\n        dates: state.dates || [],\n      })\n    }\n  }, [state, mode, onConfirm])\n\n  const onToggleCollapse = React.useCallback(() => {\n    setCollapsed((prev) => !prev)\n  }, [setCollapsed])\n\n  return (\n    <>\n      <DatePickerModalHeaderBackground>\n        <DatePickerModalHeader\n          locale={locale}\n          onSave={onInnerConfirm}\n          onDismiss={onDismiss}\n          saveLabel={props.saveLabel}\n          saveLabelDisabled={props.saveLabelDisabled ?? false}\n          uppercase={props.uppercase ?? true}\n          disableSafeTop={disableSafeTop}\n          closeIcon={props.closeIcon}\n        />\n        <DatePickerModalContentHeader\n          state={state}\n          mode={mode}\n          collapsed={collapsed}\n          onToggle={onToggleCollapse}\n          headerSeparator={props.headerSeparator}\n          emptyLabel={props.emptyLabel}\n          label={props.label}\n          moreLabel={props.moreLabel}\n          startLabel={props.startLabel}\n          endLabel={props.endLabel}\n          uppercase={props.uppercase ?? true}\n          locale={locale}\n          editIcon={props?.editIcon}\n          calendarIcon={props.calendarIcon}\n          allowEditing={props.allowEditing || true}\n        />\n      </DatePickerModalHeaderBackground>\n      <AnimatedCrossView\n        collapsed={collapsed}\n        calendar={\n          <Calendar\n            locale={locale}\n            mode={mode}\n            startDate={state.startDate}\n            endDate={state.endDate}\n            date={state.date}\n            onChange={onInnerChange}\n            disableWeekDays={disableWeekDays}\n            dates={state.dates}\n            validRange={validRange}\n            dateMode={dateMode}\n            startYear={startYear}\n            endYear={endYear}\n          />\n        }\n        calendarEdit={\n          <CalendarEdit\n            mode={mode}\n            state={state}\n            label={props.label}\n            startLabel={props.startLabel}\n            endLabel={props.endLabel}\n            collapsed={collapsed}\n            onChange={onInnerChange}\n            validRange={validRange}\n            locale={locale}\n            inputEnabled={props.inputEnabled}\n          />\n        }\n      />\n    </>\n  )\n}\n\nexport default React.memo(DatePickerModalContent)\n"],"mappings":"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"}

package/lib/module/Date/DatePickerModalContentHeader.js

@@ -35,14 +35,16 @@ export default function DatePickerModalContentHeader(props) {
     moreLabel,
     uppercase,
     editIcon,
-    calendarIcon
+    calendarIcon,
+    inputDate,
+    allowEditing
   } = props;
   const theme = useTheme();
   const label = getLabel(props.locale, props.mode, props.label);
   const color = useHeaderTextColor();
+  const isAllowEditing = allowEditing && mode !== 'multiple' && inputDate !== undefined;
   const supportingTextColor = theme.isV3 ? theme.colors.onSurfaceVariant : color;
-  const allowEditing = mode !== 'multiple';
-  let textFont = theme !== null && theme !== void 0 && theme.isV3 ? theme.fonts.labelMedium : theme.fonts.medium;
+  const textFont = theme !== null && theme !== void 0 && theme.isV3 ? theme.fonts.labelMedium : theme.fonts.medium;
   return /*#__PURE__*/React.createElement(View, {
     style: styles.header
   }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
@@ -61,7 +63,7 @@ export default function DatePickerModalContentHeader(props) {
     moreLabel: moreLabel
   })) : null)), /*#__PURE__*/React.createElement(View, {
     style: styles.fill
-  }), allowEditing ? /*#__PURE__*/React.createElement(IconButton, {
+  }), isAllowEditing ? /*#__PURE__*/React.createElement(IconButton, {
     icon: collapsed ? editIcon ?? theme.isV3 ? 'pencil-outline' : 'pencil' : calendarIcon ?? theme.isV3 ? 'calendar-blank' : 'calendar',
     accessibilityLabel: collapsed ? getTranslation(props.locale, 'typeInDate') : getTranslation(props.locale, 'pickDateFromCalendar'),
     iconColor: theme.isV3 ? theme.colors.onSurface : color,