@compsych-ui-components/react-native 7.0.5 → 7.0.9

package/src/components/DateTimePicker/index.js

@@ -0,0 +1,587 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DateTimePicker", {
+    enumerable: true,
+    get: function() {
+        return DateTimePicker;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactnative = require("react-native");
+const _icons = require("../../icons");
+const _theme = require("../../theme");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const DAY_HEADERS = [
+    'SUN',
+    'MON',
+    'TUE',
+    'WED',
+    'THU',
+    'FRI',
+    'SAT'
+];
+function toLocalDateString(date) {
+    const y = date.getFullYear();
+    const m = String(date.getMonth() + 1).padStart(2, '0');
+    const d = String(date.getDate()).padStart(2, '0');
+    return `${y}-${m}-${d}`;
+}
+function addMonths(date, count) {
+    const result = new Date(date.getFullYear(), date.getMonth() + count, 1);
+    return result;
+}
+function DateTimePicker({ selectedDate, onSelectDate, selectedTime, onSelectTime, availableTimes, availableTimeLabel, availableDates, maxMonthsAhead = 1, languageLabel, timezoneLabel }) {
+    const { colorRoles: cr } = (0, _theme.useTheme)();
+    const LanguagesIcon = (0, _icons.resolveIcon)('Languages');
+    const GlobeIcon = (0, _icons.resolveIcon)('Globe');
+    const today = (0, _react.useMemo)(()=>{
+        const d = new Date();
+        d.setHours(0, 0, 0, 0);
+        return d;
+    }, []);
+    const maxDate = (0, _react.useMemo)(()=>{
+        const d = addMonths(today, maxMonthsAhead);
+        // Last day of the maxMonthsAhead month
+        return new Date(d.getFullYear(), d.getMonth() + 1, 0);
+    }, [
+        today,
+        maxMonthsAhead
+    ]);
+    const [viewYear, setViewYear] = (0, _react.useState)(today.getFullYear());
+    const [viewMonth, setViewMonth] = (0, _react.useState)(today.getMonth());
+    const canGoPrev = (0, _react.useMemo)(()=>{
+        return viewYear > today.getFullYear() || viewMonth > today.getMonth();
+    }, [
+        viewYear,
+        viewMonth,
+        today
+    ]);
+    const canGoNext = (0, _react.useMemo)(()=>{
+        const maxMonth = addMonths(today, maxMonthsAhead);
+        return viewYear < maxMonth.getFullYear() || viewYear === maxMonth.getFullYear() && viewMonth < maxMonth.getMonth();
+    }, [
+        viewYear,
+        viewMonth,
+        today,
+        maxMonthsAhead
+    ]);
+    const handlePrevMonth = (0, _react.useCallback)(()=>{
+        if (!canGoPrev) return;
+        if (viewMonth === 0) {
+            setViewMonth(11);
+            setViewYear((y)=>y - 1);
+        } else {
+            setViewMonth((m)=>m - 1);
+        }
+    }, [
+        canGoPrev,
+        viewMonth
+    ]);
+    const handleNextMonth = (0, _react.useCallback)(()=>{
+        if (!canGoNext) return;
+        if (viewMonth === 11) {
+            setViewMonth(0);
+            setViewYear((y)=>y + 1);
+        } else {
+            setViewMonth((m)=>m + 1);
+        }
+    }, [
+        canGoNext,
+        viewMonth
+    ]);
+    const monthLabel = (0, _react.useMemo)(()=>{
+        const d = new Date(viewYear, viewMonth, 1);
+        return d.toLocaleString('default', {
+            month: 'long',
+            year: 'numeric'
+        });
+    }, [
+        viewYear,
+        viewMonth
+    ]);
+    // Build calendar grid
+    const calendarDays = (0, _react.useMemo)(()=>{
+        const firstDay = new Date(viewYear, viewMonth, 1).getDay();
+        const daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();
+        const cells = [];
+        for(let i = 0; i < firstDay; i++)cells.push(null);
+        for(let d = 1; d <= daysInMonth; d++)cells.push(d);
+        // Pad to complete last row
+        while(cells.length % 7 !== 0)cells.push(null);
+        return cells;
+    }, [
+        viewYear,
+        viewMonth
+    ]);
+    const availableDatesSet = (0, _react.useMemo)(()=>availableDates ? new Set(availableDates) : null, [
+        availableDates
+    ]);
+    const isDisabled = (0, _react.useCallback)((day)=>{
+        const d = new Date(viewYear, viewMonth, day);
+        d.setHours(0, 0, 0, 0);
+        if (d < today || d > maxDate) return true;
+        if (availableDatesSet) {
+            const dateStr = toLocalDateString(d);
+            return !availableDatesSet.has(dateStr);
+        }
+        return false;
+    }, [
+        viewYear,
+        viewMonth,
+        today,
+        maxDate,
+        availableDatesSet
+    ]);
+    const isSelected = (0, _react.useCallback)((day)=>{
+        const d = new Date(viewYear, viewMonth, day);
+        return toLocalDateString(d) === selectedDate;
+    }, [
+        viewYear,
+        viewMonth,
+        selectedDate
+    ]);
+    const handleDayPress = (0, _react.useCallback)((day)=>{
+        if (isDisabled(day)) return;
+        const d = new Date(viewYear, viewMonth, day);
+        onSelectDate(toLocalDateString(d));
+    }, [
+        viewYear,
+        viewMonth,
+        isDisabled,
+        onSelectDate
+    ]);
+    const sysPrimary = cr.accent.primary.sysPrimary;
+    const sysOutline = cr.outline.sysOutline;
+    const sysOnSurface = cr.surface.surface.sysOnSurface;
+    const sysOnSurfaceVariant = cr.surface.surface.sysOnSurfaceVariant;
+    const sysSurfaceContainerHighest = cr.surface.surfaceContainer.sysSurfaceContainerHighest;
+    const prevChevron = _reactnative.I18nManager.isRTL ? '>' : '<';
+    const nextChevron = _reactnative.I18nManager.isRTL ? '<' : '>';
+    const weeks = [];
+    for(let i = 0; i < calendarDays.length; i += 7){
+        weeks.push(calendarDays.slice(i, i + 7));
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactnative.View, {
+        testID: "calendar-picker",
+        style: [
+            styles.card,
+            {
+                borderColor: sysOutline,
+                backgroundColor: '#FFFFFF'
+            }
+        ],
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactnative.View, {
+                style: styles.calendarSection,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactnative.View, {
+                        style: styles.monthNavRow,
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Pressable, {
+                                testID: "calendar-prev-button",
+                                onPress: handlePrevMonth,
+                                style: [
+                                    styles.navButton,
+                                    !canGoPrev && styles.navButtonDisabled
+                                ],
+                                disabled: !canGoPrev,
+                                accessibilityRole: "button",
+                                accessibilityLabel: "Previous month",
+                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Text, {
+                                    style: [
+                                        styles.navChevron,
+                                        {
+                                            color: canGoPrev ? sysOnSurface : sysOnSurfaceVariant
+                                        }
+                                    ],
+                                    children: prevChevron
+                                })
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Text, {
+                                testID: "calendar-month-label",
+                                style: [
+                                    styles.monthLabel,
+                                    {
+                                        color: sysOnSurface
+                                    }
+                                ],
+                                children: monthLabel
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Pressable, {
+                                testID: "calendar-next-button",
+                                onPress: handleNextMonth,
+                                style: [
+                                    styles.navButton,
+                                    !canGoNext && styles.navButtonDisabled
+                                ],
+                                disabled: !canGoNext,
+                                accessibilityRole: "button",
+                                accessibilityLabel: "Next month",
+                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Text, {
+                                    style: [
+                                        styles.navChevron,
+                                        {
+                                            color: canGoNext ? sysOnSurface : sysOnSurfaceVariant
+                                        }
+                                    ],
+                                    children: nextChevron
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
+                        style: styles.weekRow,
+                        children: DAY_HEADERS.map((h)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
+                                style: styles.dayCell,
+                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Text, {
+                                    testID: `day-header-${h}`,
+                                    style: [
+                                        styles.dayHeader,
+                                        {
+                                            color: sysOnSurfaceVariant
+                                        }
+                                    ],
+                                    children: h
+                                })
+                            }, h))
+                    }),
+                    weeks.map((week, wi)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
+                            style: styles.weekRow,
+                            children: week.map((day, di)=>{
+                                if (day === null) {
+                                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
+                                        style: styles.dayCell
+                                    }, `empty-${di}`);
+                                }
+                                const disabled = isDisabled(day);
+                                const selected = isSelected(day);
+                                const cellStyle = [
+                                    styles.dayCellInner,
+                                    !disabled && !selected && {
+                                        backgroundColor: sysSurfaceContainerHighest
+                                    },
+                                    selected && {
+                                        backgroundColor: '#FFFFFF',
+                                        borderColor: sysPrimary,
+                                        borderWidth: 2
+                                    },
+                                    disabled && styles.dayCellDisabled
+                                ];
+                                const textStyle = [
+                                    styles.dayText,
+                                    {
+                                        color: selected ? sysPrimary : sysOnSurface
+                                    }
+                                ];
+                                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Pressable, {
+                                    testID: `calendar-day-${day}`,
+                                    style: styles.dayCell,
+                                    onPress: ()=>handleDayPress(day),
+                                    disabled: disabled,
+                                    accessibilityRole: "button",
+                                    accessibilityLabel: `Day ${day}`,
+                                    accessibilityState: {
+                                        disabled,
+                                        selected
+                                    },
+                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
+                                        style: cellStyle,
+                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Text, {
+                                            style: textStyle,
+                                            children: day
+                                        })
+                                    })
+                                }, day);
+                            })
+                        }, wi))
+                ]
+            }),
+            selectedDate != null && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
+                        style: [
+                            styles.divider,
+                            {
+                                backgroundColor: sysOutline
+                            }
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactnative.View, {
+                        style: styles.timeSection,
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Text, {
+                                testID: "available-time-label",
+                                style: [
+                                    styles.availableTimeLabel,
+                                    {
+                                        color: sysOnSurface
+                                    }
+                                ],
+                                children: availableTimeLabel
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.ScrollView, {
+                                testID: "time-slot-list",
+                                style: styles.timeList,
+                                contentContainerStyle: styles.timeListContent,
+                                showsVerticalScrollIndicator: false,
+                                children: availableTimes.map((slot)=>{
+                                    const slotTestId = `time-slot-${slot.replace(/[: ]/g, '-')}`;
+                                    const slotSelected = slot === selectedTime;
+                                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Pressable, {
+                                        testID: slotTestId,
+                                        onPress: ()=>onSelectTime(slot),
+                                        accessibilityRole: "button",
+                                        accessibilityState: {
+                                            selected: slotSelected
+                                        },
+                                        style: [
+                                            styles.timeSlot,
+                                            {
+                                                borderColor: slotSelected ? sysPrimary : sysOutline,
+                                                borderWidth: slotSelected ? 2 : 1.5,
+                                                backgroundColor: '#FFFFFF'
+                                            },
+                                            slotSelected && {
+                                                shadowColor: sysPrimary,
+                                                shadowOffset: {
+                                                    width: 1,
+                                                    height: 2
+                                                },
+                                                shadowOpacity: 1,
+                                                shadowRadius: 0,
+                                                elevation: 2
+                                            }
+                                        ],
+                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Text, {
+                                            style: [
+                                                styles.timeSlotText,
+                                                {
+                                                    color: slotSelected ? sysPrimary : sysOnSurface
+                                                }
+                                            ],
+                                            children: slot
+                                        })
+                                    }, slot);
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            (languageLabel || timezoneLabel) && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
+                        style: [
+                            styles.divider,
+                            {
+                                backgroundColor: sysOutline
+                            }
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactnative.View, {
+                        style: styles.infoRow,
+                        testID: "calendar-info-row",
+                        children: [
+                            languageLabel && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactnative.View, {
+                                style: styles.infoItem,
+                                testID: "calendar-language-info",
+                                children: [
+                                    LanguagesIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(LanguagesIcon, {
+                                        size: 16,
+                                        color: sysOnSurfaceVariant
+                                    }),
+                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Text, {
+                                        style: [
+                                            styles.infoText,
+                                            {
+                                                color: sysOnSurfaceVariant
+                                            }
+                                        ],
+                                        children: languageLabel
+                                    })
+                                ]
+                            }),
+                            timezoneLabel && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactnative.View, {
+                                style: styles.infoItem,
+                                testID: "calendar-timezone-info",
+                                children: [
+                                    GlobeIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(GlobeIcon, {
+                                        size: 16,
+                                        color: sysOnSurfaceVariant
+                                    }),
+                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Text, {
+                                        style: [
+                                            styles.infoText,
+                                            {
+                                                color: sysOnSurfaceVariant
+                                            }
+                                        ],
+                                        children: timezoneLabel
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+const styles = _reactnative.StyleSheet.create({
+    card: {
+        borderRadius: 16,
+        borderWidth: 1,
+        overflow: 'hidden'
+    },
+    calendarSection: {
+        paddingHorizontal: 8,
+        paddingVertical: 16
+    },
+    monthNavRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        marginBottom: 8
+    },
+    navButton: {
+        padding: 8,
+        alignItems: 'center',
+        justifyContent: 'center'
+    },
+    navButtonDisabled: {
+        opacity: 0.3
+    },
+    navChevron: {
+        fontSize: 18,
+        fontWeight: '600'
+    },
+    monthLabel: {
+        fontSize: 16,
+        fontWeight: '600',
+        textAlign: 'center',
+        flex: 1
+    },
+    weekRow: {
+        flexDirection: 'row'
+    },
+    dayCell: {
+        flex: 1,
+        aspectRatio: 1,
+        alignItems: 'center',
+        justifyContent: 'center'
+    },
+    dayHeader: {
+        fontSize: 10,
+        fontWeight: '500',
+        textAlign: 'center'
+    },
+    dayCellInner: {
+        width: '80%',
+        aspectRatio: 1,
+        borderRadius: 100,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: 'transparent',
+        borderWidth: 0,
+        borderColor: 'transparent'
+    },
+    dayCellDisabled: {
+        opacity: 0.3
+    },
+    dayText: {
+        fontSize: 13,
+        fontWeight: '500',
+        textAlign: 'center'
+    },
+    divider: {
+        height: 1,
+        width: '100%'
+    },
+    timeSection: {
+        padding: 16
+    },
+    availableTimeLabel: {
+        fontSize: 14,
+        fontWeight: '500',
+        textAlign: 'center',
+        marginBottom: 12
+    },
+    timeList: {
+        maxHeight: 200
+    },
+    timeListContent: {
+        gap: 8
+    },
+    timeSlot: {
+        borderRadius: 12,
+        paddingVertical: 12,
+        paddingHorizontal: 16,
+        alignItems: 'center',
+        justifyContent: 'center'
+    },
+    timeSlotText: {
+        fontSize: 14,
+        textAlign: 'center'
+    },
+    infoRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 16,
+        paddingHorizontal: 16,
+        paddingVertical: 12
+    },
+    infoItem: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 6
+    },
+    infoText: {
+        fontSize: 13,
+        fontWeight: '500'
+    }
+});
+
+//# sourceMappingURL=index.js.map

package/src/components/DateTimePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../packages/react-native/src/components/DateTimePicker/index.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\r\n\r\nimport {\r\n  I18nManager,\r\n  Pressable,\r\n  ScrollView,\r\n  StyleSheet,\r\n  Text,\r\n  View,\r\n} from 'react-native';\r\n\r\nimport { resolveIcon } from '../../icons';\r\nimport { useTheme } from '../../theme';\r\n\r\nexport interface DateTimePickerProps {\r\n  selectedDate: string | null;\r\n  onSelectDate: (date: string) => void;\r\n  selectedTime: string | null;\r\n  onSelectTime: (time: string) => void;\r\n  availableTimes: string[];\r\n  availableTimeLabel: string;\r\n  availableDates?: string[];\r\n  maxMonthsAhead?: number;\r\n  /** Display-only label for the user's current language, e.g. \"English\". Not interactive. */\r\n  languageLabel?: string;\r\n  /** Display-only label for the user's current timezone, e.g. \"America/Chicago\". Not interactive. */\r\n  timezoneLabel?: string;\r\n}\r\n\r\nconst DAY_HEADERS = ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT'];\r\n\r\nfunction toLocalDateString(date: Date): string {\r\n  const y = date.getFullYear();\r\n  const m = String(date.getMonth() + 1).padStart(2, '0');\r\n  const d = String(date.getDate()).padStart(2, '0');\r\n  return `${y}-${m}-${d}`;\r\n}\r\n\r\nfunction addMonths(date: Date, count: number): Date {\r\n  const result = new Date(date.getFullYear(), date.getMonth() + count, 1);\r\n  return result;\r\n}\r\n\r\nexport function DateTimePicker({\r\n  selectedDate,\r\n  onSelectDate,\r\n  selectedTime,\r\n  onSelectTime,\r\n  availableTimes,\r\n  availableTimeLabel,\r\n  availableDates,\r\n  maxMonthsAhead = 1,\r\n  languageLabel,\r\n  timezoneLabel,\r\n}: DateTimePickerProps) {\r\n  const { colorRoles: cr } = useTheme();\r\n\r\n  const LanguagesIcon = resolveIcon('Languages');\r\n  const GlobeIcon = resolveIcon('Globe');\r\n\r\n  const today = useMemo(() => {\r\n    const d = new Date();\r\n    d.setHours(0, 0, 0, 0);\r\n    return d;\r\n  }, []);\r\n\r\n  const maxDate = useMemo(() => {\r\n    const d = addMonths(today, maxMonthsAhead);\r\n    // Last day of the maxMonthsAhead month\r\n    return new Date(d.getFullYear(), d.getMonth() + 1, 0);\r\n  }, [today, maxMonthsAhead]);\r\n\r\n  const [viewYear, setViewYear] = useState(today.getFullYear());\r\n  const [viewMonth, setViewMonth] = useState(today.getMonth());\r\n\r\n  const canGoPrev = useMemo(() => {\r\n    return viewYear > today.getFullYear() || viewMonth > today.getMonth();\r\n  }, [viewYear, viewMonth, today]);\r\n\r\n  const canGoNext = useMemo(() => {\r\n    const maxMonth = addMonths(today, maxMonthsAhead);\r\n    return (\r\n      viewYear < maxMonth.getFullYear() ||\r\n      (viewYear === maxMonth.getFullYear() && viewMonth < maxMonth.getMonth())\r\n    );\r\n  }, [viewYear, viewMonth, today, maxMonthsAhead]);\r\n\r\n  const handlePrevMonth = useCallback(() => {\r\n    if (!canGoPrev) return;\r\n    if (viewMonth === 0) {\r\n      setViewMonth(11);\r\n      setViewYear((y) => y - 1);\r\n    } else {\r\n      setViewMonth((m) => m - 1);\r\n    }\r\n  }, [canGoPrev, viewMonth]);\r\n\r\n  const handleNextMonth = useCallback(() => {\r\n    if (!canGoNext) return;\r\n    if (viewMonth === 11) {\r\n      setViewMonth(0);\r\n      setViewYear((y) => y + 1);\r\n    } else {\r\n      setViewMonth((m) => m + 1);\r\n    }\r\n  }, [canGoNext, viewMonth]);\r\n\r\n  const monthLabel = useMemo(() => {\r\n    const d = new Date(viewYear, viewMonth, 1);\r\n    return d.toLocaleString('default', { month: 'long', year: 'numeric' });\r\n  }, [viewYear, viewMonth]);\r\n\r\n  // Build calendar grid\r\n  const calendarDays = useMemo(() => {\r\n    const firstDay = new Date(viewYear, viewMonth, 1).getDay();\r\n    const daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();\r\n    const cells: (number | null)[] = [];\r\n    for (let i = 0; i < firstDay; i++) cells.push(null);\r\n    for (let d = 1; d <= daysInMonth; d++) cells.push(d);\r\n    // Pad to complete last row\r\n    while (cells.length % 7 !== 0) cells.push(null);\r\n    return cells;\r\n  }, [viewYear, viewMonth]);\r\n\r\n  const availableDatesSet = useMemo(\r\n    () => (availableDates ? new Set(availableDates) : null),\r\n    [availableDates],\r\n  );\r\n\r\n  const isDisabled = useCallback(\r\n    (day: number) => {\r\n      const d = new Date(viewYear, viewMonth, day);\r\n      d.setHours(0, 0, 0, 0);\r\n      if (d < today || d > maxDate) return true;\r\n      if (availableDatesSet) {\r\n        const dateStr = toLocalDateString(d);\r\n        return !availableDatesSet.has(dateStr);\r\n      }\r\n      return false;\r\n    },\r\n    [viewYear, viewMonth, today, maxDate, availableDatesSet],\r\n  );\r\n\r\n  const isSelected = useCallback(\r\n    (day: number) => {\r\n      const d = new Date(viewYear, viewMonth, day);\r\n      return toLocalDateString(d) === selectedDate;\r\n    },\r\n    [viewYear, viewMonth, selectedDate],\r\n  );\r\n\r\n  const handleDayPress = useCallback(\r\n    (day: number) => {\r\n      if (isDisabled(day)) return;\r\n      const d = new Date(viewYear, viewMonth, day);\r\n      onSelectDate(toLocalDateString(d));\r\n    },\r\n    [viewYear, viewMonth, isDisabled, onSelectDate],\r\n  );\r\n\r\n  const sysPrimary = cr.accent.primary.sysPrimary;\r\n  const sysOutline = cr.outline.sysOutline;\r\n  const sysOnSurface = cr.surface.surface.sysOnSurface;\r\n  const sysOnSurfaceVariant = cr.surface.surface.sysOnSurfaceVariant;\r\n  const sysSurfaceContainerHighest =\r\n    cr.surface.surfaceContainer.sysSurfaceContainerHighest;\r\n\r\n  const prevChevron = I18nManager.isRTL ? '>' : '<';\r\n  const nextChevron = I18nManager.isRTL ? '<' : '>';\r\n\r\n  const weeks: (number | null)[][] = [];\r\n  for (let i = 0; i < calendarDays.length; i += 7) {\r\n    weeks.push(calendarDays.slice(i, i + 7));\r\n  }\r\n\r\n  return (\r\n    <View\r\n      testID=\"calendar-picker\"\r\n      style={[\r\n        styles.card,\r\n        { borderColor: sysOutline, backgroundColor: '#FFFFFF' },\r\n      ]}\r\n    >\r\n      {/* Calendar section */}\r\n      <View style={styles.calendarSection}>\r\n        {/* Month nav row */}\r\n        <View style={styles.monthNavRow}>\r\n          <Pressable\r\n            testID=\"calendar-prev-button\"\r\n            onPress={handlePrevMonth}\r\n            style={[styles.navButton, !canGoPrev && styles.navButtonDisabled]}\r\n            disabled={!canGoPrev}\r\n            accessibilityRole=\"button\"\r\n            accessibilityLabel=\"Previous month\"\r\n          >\r\n            <Text\r\n              style={[\r\n                styles.navChevron,\r\n                { color: canGoPrev ? sysOnSurface : sysOnSurfaceVariant },\r\n              ]}\r\n            >\r\n              {prevChevron}\r\n            </Text>\r\n          </Pressable>\r\n\r\n          <Text\r\n            testID=\"calendar-month-label\"\r\n            style={[styles.monthLabel, { color: sysOnSurface }]}\r\n          >\r\n            {monthLabel}\r\n          </Text>\r\n\r\n          <Pressable\r\n            testID=\"calendar-next-button\"\r\n            onPress={handleNextMonth}\r\n            style={[styles.navButton, !canGoNext && styles.navButtonDisabled]}\r\n            disabled={!canGoNext}\r\n            accessibilityRole=\"button\"\r\n            accessibilityLabel=\"Next month\"\r\n          >\r\n            <Text\r\n              style={[\r\n                styles.navChevron,\r\n                { color: canGoNext ? sysOnSurface : sysOnSurfaceVariant },\r\n              ]}\r\n            >\r\n              {nextChevron}\r\n            </Text>\r\n          </Pressable>\r\n        </View>\r\n\r\n        {/* Day headers */}\r\n        <View style={styles.weekRow}>\r\n          {DAY_HEADERS.map((h) => (\r\n            <View key={h} style={styles.dayCell}>\r\n              <Text\r\n                testID={`day-header-${h}`}\r\n                style={[styles.dayHeader, { color: sysOnSurfaceVariant }]}\r\n              >\r\n                {h}\r\n              </Text>\r\n            </View>\r\n          ))}\r\n        </View>\r\n\r\n        {/* Week rows */}\r\n        {weeks.map((week, wi) => (\r\n          <View key={wi} style={styles.weekRow}>\r\n            {week.map((day, di) => {\r\n              if (day === null) {\r\n                return <View key={`empty-${di}`} style={styles.dayCell} />;\r\n              }\r\n              const disabled = isDisabled(day);\r\n              const selected = isSelected(day);\r\n\r\n              const cellStyle = [\r\n                styles.dayCellInner,\r\n                !disabled &&\r\n                  !selected && { backgroundColor: sysSurfaceContainerHighest },\r\n                selected && {\r\n                  backgroundColor: '#FFFFFF',\r\n                  borderColor: sysPrimary,\r\n                  borderWidth: 2,\r\n                },\r\n                disabled && styles.dayCellDisabled,\r\n              ];\r\n\r\n              const textStyle = [\r\n                styles.dayText,\r\n                { color: selected ? sysPrimary : sysOnSurface },\r\n              ];\r\n\r\n              return (\r\n                <Pressable\r\n                  key={day}\r\n                  testID={`calendar-day-${day}`}\r\n                  style={styles.dayCell}\r\n                  onPress={() => handleDayPress(day)}\r\n                  disabled={disabled}\r\n                  accessibilityRole=\"button\"\r\n                  accessibilityLabel={`Day ${day}`}\r\n                  accessibilityState={{ disabled, selected }}\r\n                >\r\n                  <View style={cellStyle}>\r\n                    <Text style={textStyle}>{day}</Text>\r\n                  </View>\r\n                </Pressable>\r\n              );\r\n            })}\r\n          </View>\r\n        ))}\r\n      </View>\r\n\r\n      {/* Divider + time section */}\r\n      {selectedDate != null && (\r\n        <>\r\n          <View style={[styles.divider, { backgroundColor: sysOutline }]} />\r\n          <View style={styles.timeSection}>\r\n            <Text\r\n              testID=\"available-time-label\"\r\n              style={[styles.availableTimeLabel, { color: sysOnSurface }]}\r\n            >\r\n              {availableTimeLabel}\r\n            </Text>\r\n            <ScrollView\r\n              testID=\"time-slot-list\"\r\n              style={styles.timeList}\r\n              contentContainerStyle={styles.timeListContent}\r\n              showsVerticalScrollIndicator={false}\r\n            >\r\n              {availableTimes.map((slot) => {\r\n                const slotTestId = `time-slot-${slot.replace(/[: ]/g, '-')}`;\r\n                const slotSelected = slot === selectedTime;\r\n                return (\r\n                  <Pressable\r\n                    key={slot}\r\n                    testID={slotTestId}\r\n                    onPress={() => onSelectTime(slot)}\r\n                    accessibilityRole=\"button\"\r\n                    accessibilityState={{ selected: slotSelected }}\r\n                    style={[\r\n                      styles.timeSlot,\r\n                      {\r\n                        borderColor: slotSelected ? sysPrimary : sysOutline,\r\n                        borderWidth: slotSelected ? 2 : 1.5,\r\n                        backgroundColor: '#FFFFFF',\r\n                      },\r\n                      slotSelected && {\r\n                        shadowColor: sysPrimary,\r\n                        shadowOffset: { width: 1, height: 2 },\r\n                        shadowOpacity: 1,\r\n                        shadowRadius: 0,\r\n                        elevation: 2,\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Text\r\n                      style={[\r\n                        styles.timeSlotText,\r\n                        { color: slotSelected ? sysPrimary : sysOnSurface },\r\n                      ]}\r\n                    >\r\n                      {slot}\r\n                    </Text>\r\n                  </Pressable>\r\n                );\r\n              })}\r\n            </ScrollView>\r\n          </View>\r\n        </>\r\n      )}\r\n\r\n      {/* Language / timezone info row — display-only, not interactive */}\r\n      {(languageLabel || timezoneLabel) && (\r\n        <>\r\n          <View style={[styles.divider, { backgroundColor: sysOutline }]} />\r\n          <View style={styles.infoRow} testID=\"calendar-info-row\">\r\n            {languageLabel && (\r\n              <View style={styles.infoItem} testID=\"calendar-language-info\">\r\n                {LanguagesIcon && (\r\n                  <LanguagesIcon size={16} color={sysOnSurfaceVariant} />\r\n                )}\r\n                <Text style={[styles.infoText, { color: sysOnSurfaceVariant }]}>\r\n                  {languageLabel}\r\n                </Text>\r\n              </View>\r\n            )}\r\n            {timezoneLabel && (\r\n              <View style={styles.infoItem} testID=\"calendar-timezone-info\">\r\n                {GlobeIcon && (\r\n                  <GlobeIcon size={16} color={sysOnSurfaceVariant} />\r\n                )}\r\n                <Text style={[styles.infoText, { color: sysOnSurfaceVariant }]}>\r\n                  {timezoneLabel}\r\n                </Text>\r\n              </View>\r\n            )}\r\n          </View>\r\n        </>\r\n      )}\r\n    </View>\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  card: {\r\n    borderRadius: 16,\r\n    borderWidth: 1,\r\n    overflow: 'hidden',\r\n  },\r\n  calendarSection: {\r\n    paddingHorizontal: 8,\r\n    paddingVertical: 16,\r\n  },\r\n  monthNavRow: {\r\n    flexDirection: 'row',\r\n    alignItems: 'center',\r\n    justifyContent: 'space-between',\r\n    marginBottom: 8,\r\n  },\r\n  navButton: {\r\n    padding: 8,\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n  },\r\n  navButtonDisabled: {\r\n    opacity: 0.3,\r\n  },\r\n  navChevron: {\r\n    fontSize: 18,\r\n    fontWeight: '600',\r\n  },\r\n  monthLabel: {\r\n    fontSize: 16,\r\n    fontWeight: '600',\r\n    textAlign: 'center',\r\n    flex: 1,\r\n  },\r\n  weekRow: {\r\n    flexDirection: 'row',\r\n  },\r\n  dayCell: {\r\n    flex: 1,\r\n    aspectRatio: 1,\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n  },\r\n  dayHeader: {\r\n    fontSize: 10,\r\n    fontWeight: '500',\r\n    textAlign: 'center',\r\n  },\r\n  dayCellInner: {\r\n    width: '80%',\r\n    aspectRatio: 1,\r\n    borderRadius: 100,\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    backgroundColor: 'transparent',\r\n    borderWidth: 0,\r\n    borderColor: 'transparent',\r\n  },\r\n  dayCellDisabled: {\r\n    opacity: 0.3,\r\n  },\r\n  dayText: {\r\n    fontSize: 13,\r\n    fontWeight: '500',\r\n    textAlign: 'center',\r\n  },\r\n  divider: {\r\n    height: 1,\r\n    width: '100%',\r\n  },\r\n  timeSection: {\r\n    padding: 16,\r\n  },\r\n  availableTimeLabel: {\r\n    fontSize: 14,\r\n    fontWeight: '500',\r\n    textAlign: 'center',\r\n    marginBottom: 12,\r\n  },\r\n  timeList: {\r\n    maxHeight: 200,\r\n  },\r\n  timeListContent: {\r\n    gap: 8,\r\n  },\r\n  timeSlot: {\r\n    borderRadius: 12,\r\n    paddingVertical: 12,\r\n    paddingHorizontal: 16,\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n  },\r\n  timeSlotText: {\r\n    fontSize: 14,\r\n    textAlign: 'center',\r\n  },\r\n  infoRow: {\r\n    flexDirection: 'row',\r\n    alignItems: 'center',\r\n    gap: 16,\r\n    paddingHorizontal: 16,\r\n    paddingVertical: 12,\r\n  },\r\n  infoItem: {\r\n    flexDirection: 'row',\r\n    alignItems: 'center',\r\n    gap: 6,\r\n  },\r\n  infoText: {\r\n    fontSize: 13,\r\n    fontWeight: '500',\r\n  },\r\n});\r\n"],"names":["DateTimePicker","DAY_HEADERS","toLocalDateString","date","y","getFullYear","m","String","getMonth","padStart","d","getDate","addMonths","count","result","Date","selectedDate","onSelectDate","selectedTime","onSelectTime","availableTimes","availableTimeLabel","availableDates","maxMonthsAhead","languageLabel","timezoneLabel","colorRoles","cr","useTheme","LanguagesIcon","resolveIcon","GlobeIcon","today","useMemo","setHours","maxDate","viewYear","setViewYear","useState","viewMonth","setViewMonth","canGoPrev","canGoNext","maxMonth","handlePrevMonth","useCallback","handleNextMonth","monthLabel","toLocaleString","month","year","calendarDays","firstDay","getDay","daysInMonth","cells","i","push","length","availableDatesSet","Set","isDisabled","day","dateStr","has","isSelected","handleDayPress","sysPrimary","accent","primary","sysOutline","outline","sysOnSurface","surface","sysOnSurfaceVariant","sysSurfaceContainerHighest","surfaceContainer","prevChevron","I18nManager","isRTL","nextChevron","weeks","slice","View","testID","style","styles","card","borderColor","backgroundColor","calendarSection","monthNavRow","Pressable","onPress","navButton","navButtonDisabled","disabled","accessibilityRole","accessibilityLabel","Text","navChevron","color","weekRow","map","h","dayCell","dayHeader","week","wi","di","selected","cellStyle","dayCellInner","borderWidth","dayCellDisabled","textStyle","dayText","accessibilityState","divider","timeSection","ScrollView","timeList","contentContainerStyle","timeListContent","showsVerticalScrollIndicator","slot","slotTestId","replace","slotSelected","timeSlot","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","timeSlotText","infoRow","infoItem","size","infoText","StyleSheet","create","borderRadius","overflow","paddingHorizontal","paddingVertical","flexDirection","alignItems","justifyContent","marginBottom","padding","opacity","fontSize","fontWeight","textAlign","flex","aspectRatio","maxHeight","gap"],"mappings":";;;;+BA2CgBA;;;eAAAA;;;;+DA3CsC;6BAS/C;uBAEqB;uBACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBzB,MAAMC,cAAc;IAAC;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;CAAM;AAErE,SAASC,kBAAkBC,IAAU;IACnC,MAAMC,IAAID,KAAKE,WAAW;IAC1B,MAAMC,IAAIC,OAAOJ,KAAKK,QAAQ,KAAK,GAAGC,QAAQ,CAAC,GAAG;IAClD,MAAMC,IAAIH,OAAOJ,KAAKQ,OAAO,IAAIF,QAAQ,CAAC,GAAG;IAC7C,OAAO,GAAGL,EAAE,CAAC,EAAEE,EAAE,CAAC,EAAEI,GAAG;AACzB;AAEA,SAASE,UAAUT,IAAU,EAAEU,KAAa;IAC1C,MAAMC,SAAS,IAAIC,KAAKZ,KAAKE,WAAW,IAAIF,KAAKK,QAAQ,KAAKK,OAAO;IACrE,OAAOC;AACT;AAEO,SAASd,eAAe,EAC7BgB,YAAY,EACZC,YAAY,EACZC,YAAY,EACZC,YAAY,EACZC,cAAc,EACdC,kBAAkB,EAClBC,cAAc,EACdC,iBAAiB,CAAC,EAClBC,aAAa,EACbC,aAAa,EACO;IACpB,MAAM,EAAEC,YAAYC,EAAE,EAAE,GAAGC,IAAAA,eAAQ;IAEnC,MAAMC,gBAAgBC,IAAAA,kBAAW,EAAC;IAClC,MAAMC,YAAYD,IAAAA,kBAAW,EAAC;IAE9B,MAAME,QAAQC,IAAAA,cAAO,EAAC;QACpB,MAAMvB,IAAI,IAAIK;QACdL,EAAEwB,QAAQ,CAAC,GAAG,GAAG,GAAG;QACpB,OAAOxB;IACT,GAAG,EAAE;IAEL,MAAMyB,UAAUF,IAAAA,cAAO,EAAC;QACtB,MAAMvB,IAAIE,UAAUoB,OAAOT;QAC3B,uCAAuC;QACvC,OAAO,IAAIR,KAAKL,EAAEL,WAAW,IAAIK,EAAEF,QAAQ,KAAK,GAAG;IACrD,GAAG;QAACwB;QAAOT;KAAe;IAE1B,MAAM,CAACa,UAAUC,YAAY,GAAGC,IAAAA,eAAQ,EAACN,MAAM3B,WAAW;IAC1D,MAAM,CAACkC,WAAWC,aAAa,GAAGF,IAAAA,eAAQ,EAACN,MAAMxB,QAAQ;IAEzD,MAAMiC,YAAYR,IAAAA,cAAO,EAAC;QACxB,OAAOG,WAAWJ,MAAM3B,WAAW,MAAMkC,YAAYP,MAAMxB,QAAQ;IACrE,GAAG;QAAC4B;QAAUG;QAAWP;KAAM;IAE/B,MAAMU,YAAYT,IAAAA,cAAO,EAAC;QACxB,MAAMU,WAAW/B,UAAUoB,OAAOT;QAClC,OACEa,WAAWO,SAAStC,WAAW,MAC9B+B,aAAaO,SAAStC,WAAW,MAAMkC,YAAYI,SAASnC,QAAQ;IAEzE,GAAG;QAAC4B;QAAUG;QAAWP;QAAOT;KAAe;IAE/C,MAAMqB,kBAAkBC,IAAAA,kBAAW,EAAC;QAClC,IAAI,CAACJ,WAAW;QAChB,IAAIF,cAAc,GAAG;YACnBC,aAAa;YACbH,YAAY,CAACjC,IAAMA,IAAI;QACzB,OAAO;YACLoC,aAAa,CAAClC,IAAMA,IAAI;QAC1B;IACF,GAAG;QAACmC;QAAWF;KAAU;IAEzB,MAAMO,kBAAkBD,IAAAA,kBAAW,EAAC;QAClC,IAAI,CAACH,WAAW;QAChB,IAAIH,cAAc,IAAI;YACpBC,aAAa;YACbH,YAAY,CAACjC,IAAMA,IAAI;QACzB,OAAO;YACLoC,aAAa,CAAClC,IAAMA,IAAI;QAC1B;IACF,GAAG;QAACoC;QAAWH;KAAU;IAEzB,MAAMQ,aAAad,IAAAA,cAAO,EAAC;QACzB,MAAMvB,IAAI,IAAIK,KAAKqB,UAAUG,WAAW;QACxC,OAAO7B,EAAEsC,cAAc,CAAC,WAAW;YAAEC,OAAO;YAAQC,MAAM;QAAU;IACtE,GAAG;QAACd;QAAUG;KAAU;IAExB,sBAAsB;IACtB,MAAMY,eAAelB,IAAAA,cAAO,EAAC;QAC3B,MAAMmB,WAAW,IAAIrC,KAAKqB,UAAUG,WAAW,GAAGc,MAAM;QACxD,MAAMC,cAAc,IAAIvC,KAAKqB,UAAUG,YAAY,GAAG,GAAG5B,OAAO;QAChE,MAAM4C,QAA2B,EAAE;QACnC,IAAK,IAAIC,IAAI,GAAGA,IAAIJ,UAAUI,IAAKD,MAAME,IAAI,CAAC;QAC9C,IAAK,IAAI/C,IAAI,GAAGA,KAAK4C,aAAa5C,IAAK6C,MAAME,IAAI,CAAC/C;QAClD,2BAA2B;QAC3B,MAAO6C,MAAMG,MAAM,GAAG,MAAM,EAAGH,MAAME,IAAI,CAAC;QAC1C,OAAOF;IACT,GAAG;QAACnB;QAAUG;KAAU;IAExB,MAAMoB,oBAAoB1B,IAAAA,cAAO,EAC/B,IAAOX,iBAAiB,IAAIsC,IAAItC,kBAAkB,MAClD;QAACA;KAAe;IAGlB,MAAMuC,aAAahB,IAAAA,kBAAW,EAC5B,CAACiB;QACC,MAAMpD,IAAI,IAAIK,KAAKqB,UAAUG,WAAWuB;QACxCpD,EAAEwB,QAAQ,CAAC,GAAG,GAAG,GAAG;QACpB,IAAIxB,IAAIsB,SAAStB,IAAIyB,SAAS,OAAO;QACrC,IAAIwB,mBAAmB;YACrB,MAAMI,UAAU7D,kBAAkBQ;YAClC,OAAO,CAACiD,kBAAkBK,GAAG,CAACD;QAChC;QACA,OAAO;IACT,GACA;QAAC3B;QAAUG;QAAWP;QAAOG;QAASwB;KAAkB;IAG1D,MAAMM,aAAapB,IAAAA,kBAAW,EAC5B,CAACiB;QACC,MAAMpD,IAAI,IAAIK,KAAKqB,UAAUG,WAAWuB;QACxC,OAAO5D,kBAAkBQ,OAAOM;IAClC,GACA;QAACoB;QAAUG;QAAWvB;KAAa;IAGrC,MAAMkD,iBAAiBrB,IAAAA,kBAAW,EAChC,CAACiB;QACC,IAAID,WAAWC,MAAM;QACrB,MAAMpD,IAAI,IAAIK,KAAKqB,UAAUG,WAAWuB;QACxC7C,aAAaf,kBAAkBQ;IACjC,GACA;QAAC0B;QAAUG;QAAWsB;QAAY5C;KAAa;IAGjD,MAAMkD,aAAaxC,GAAGyC,MAAM,CAACC,OAAO,CAACF,UAAU;IAC/C,MAAMG,aAAa3C,GAAG4C,OAAO,CAACD,UAAU;IACxC,MAAME,eAAe7C,GAAG8C,OAAO,CAACA,OAAO,CAACD,YAAY;IACpD,MAAME,sBAAsB/C,GAAG8C,OAAO,CAACA,OAAO,CAACC,mBAAmB;IAClE,MAAMC,6BACJhD,GAAG8C,OAAO,CAACG,gBAAgB,CAACD,0BAA0B;IAExD,MAAME,cAAcC,wBAAW,CAACC,KAAK,GAAG,MAAM;IAC9C,MAAMC,cAAcF,wBAAW,CAACC,KAAK,GAAG,MAAM;IAE9C,MAAME,QAA6B,EAAE;IACrC,IAAK,IAAIzB,IAAI,GAAGA,IAAIL,aAAaO,MAAM,EAAEF,KAAK,EAAG;QAC/CyB,MAAMxB,IAAI,CAACN,aAAa+B,KAAK,CAAC1B,GAAGA,IAAI;IACvC;IAEA,qBACE,sBAAC2B,iBAAI;QACHC,QAAO;QACPC,OAAO;YACLC,OAAOC,IAAI;YACX;gBAAEC,aAAalB;gBAAYmB,iBAAiB;YAAU;SACvD;;0BAGD,sBAACN,iBAAI;gBAACE,OAAOC,OAAOI,eAAe;;kCAEjC,sBAACP,iBAAI;wBAACE,OAAOC,OAAOK,WAAW;;0CAC7B,qBAACC,sBAAS;gCACRR,QAAO;gCACPS,SAASjD;gCACTyC,OAAO;oCAACC,OAAOQ,SAAS;oCAAE,CAACrD,aAAa6C,OAAOS,iBAAiB;iCAAC;gCACjEC,UAAU,CAACvD;gCACXwD,mBAAkB;gCAClBC,oBAAmB;0CAEnB,cAAA,qBAACC,iBAAI;oCACHd,OAAO;wCACLC,OAAOc,UAAU;wCACjB;4CAAEC,OAAO5D,YAAY+B,eAAeE;wCAAoB;qCACzD;8CAEAG;;;0CAIL,qBAACsB,iBAAI;gCACHf,QAAO;gCACPC,OAAO;oCAACC,OAAOvC,UAAU;oCAAE;wCAAEsD,OAAO7B;oCAAa;iCAAE;0CAElDzB;;0CAGH,qBAAC6C,sBAAS;gCACRR,QAAO;gCACPS,SAAS/C;gCACTuC,OAAO;oCAACC,OAAOQ,SAAS;oCAAE,CAACpD,aAAa4C,OAAOS,iBAAiB;iCAAC;gCACjEC,UAAU,CAACtD;gCACXuD,mBAAkB;gCAClBC,oBAAmB;0CAEnB,cAAA,qBAACC,iBAAI;oCACHd,OAAO;wCACLC,OAAOc,UAAU;wCACjB;4CAAEC,OAAO3D,YAAY8B,eAAeE;wCAAoB;qCACzD;8CAEAM;;;;;kCAMP,qBAACG,iBAAI;wBAACE,OAAOC,OAAOgB,OAAO;kCACxBrG,YAAYsG,GAAG,CAAC,CAACC,kBAChB,qBAACrB,iBAAI;gCAASE,OAAOC,OAAOmB,OAAO;0CACjC,cAAA,qBAACN,iBAAI;oCACHf,QAAQ,CAAC,WAAW,EAAEoB,GAAG;oCACzBnB,OAAO;wCAACC,OAAOoB,SAAS;wCAAE;4CAAEL,OAAO3B;wCAAoB;qCAAE;8CAExD8B;;+BALMA;;oBAYdvB,MAAMsB,GAAG,CAAC,CAACI,MAAMC,mBAChB,qBAACzB,iBAAI;4BAAUE,OAAOC,OAAOgB,OAAO;sCACjCK,KAAKJ,GAAG,CAAC,CAACzC,KAAK+C;gCACd,IAAI/C,QAAQ,MAAM;oCAChB,qBAAO,qBAACqB,iBAAI;wCAAqBE,OAAOC,OAAOmB,OAAO;uCAApC,CAAC,MAAM,EAAEI,IAAI;gCACjC;gCACA,MAAMb,WAAWnC,WAAWC;gCAC5B,MAAMgD,WAAW7C,WAAWH;gCAE5B,MAAMiD,YAAY;oCAChBzB,OAAO0B,YAAY;oCACnB,CAAChB,YACC,CAACc,YAAY;wCAAErB,iBAAiBd;oCAA2B;oCAC7DmC,YAAY;wCACVrB,iBAAiB;wCACjBD,aAAarB;wCACb8C,aAAa;oCACf;oCACAjB,YAAYV,OAAO4B,eAAe;iCACnC;gCAED,MAAMC,YAAY;oCAChB7B,OAAO8B,OAAO;oCACd;wCAAEf,OAAOS,WAAW3C,aAAaK;oCAAa;iCAC/C;gCAED,qBACE,qBAACoB,sBAAS;oCAERR,QAAQ,CAAC,aAAa,EAAEtB,KAAK;oCAC7BuB,OAAOC,OAAOmB,OAAO;oCACrBZ,SAAS,IAAM3B,eAAeJ;oCAC9BkC,UAAUA;oCACVC,mBAAkB;oCAClBC,oBAAoB,CAAC,IAAI,EAAEpC,KAAK;oCAChCuD,oBAAoB;wCAAErB;wCAAUc;oCAAS;8CAEzC,cAAA,qBAAC3B,iBAAI;wCAACE,OAAO0B;kDACX,cAAA,qBAACZ,iBAAI;4CAACd,OAAO8B;sDAAYrD;;;mCAVtBA;4BAcX;2BAzCS8C;;;YA+Cd5F,gBAAgB,sBACf;;kCACE,qBAACmE,iBAAI;wBAACE,OAAO;4BAACC,OAAOgC,OAAO;4BAAE;gCAAE7B,iBAAiBnB;4BAAW;yBAAE;;kCAC9D,sBAACa,iBAAI;wBAACE,OAAOC,OAAOiC,WAAW;;0CAC7B,qBAACpB,iBAAI;gCACHf,QAAO;gCACPC,OAAO;oCAACC,OAAOjE,kBAAkB;oCAAE;wCAAEgF,OAAO7B;oCAAa;iCAAE;0CAE1DnD;;0CAEH,qBAACmG,uBAAU;gCACTpC,QAAO;gCACPC,OAAOC,OAAOmC,QAAQ;gCACtBC,uBAAuBpC,OAAOqC,eAAe;gCAC7CC,8BAA8B;0CAE7BxG,eAAemF,GAAG,CAAC,CAACsB;oCACnB,MAAMC,aAAa,CAAC,UAAU,EAAED,KAAKE,OAAO,CAAC,SAAS,MAAM;oCAC5D,MAAMC,eAAeH,SAAS3G;oCAC9B,qBACE,qBAAC0E,sBAAS;wCAERR,QAAQ0C;wCACRjC,SAAS,IAAM1E,aAAa0G;wCAC5B5B,mBAAkB;wCAClBoB,oBAAoB;4CAAEP,UAAUkB;wCAAa;wCAC7C3C,OAAO;4CACLC,OAAO2C,QAAQ;4CACf;gDACEzC,aAAawC,eAAe7D,aAAaG;gDACzC2C,aAAae,eAAe,IAAI;gDAChCvC,iBAAiB;4CACnB;4CACAuC,gBAAgB;gDACdE,aAAa/D;gDACbgE,cAAc;oDAAEC,OAAO;oDAAGC,QAAQ;gDAAE;gDACpCC,eAAe;gDACfC,cAAc;gDACdC,WAAW;4CACb;yCACD;kDAED,cAAA,qBAACrC,iBAAI;4CACHd,OAAO;gDACLC,OAAOmD,YAAY;gDACnB;oDAAEpC,OAAO2B,eAAe7D,aAAaK;gDAAa;6CACnD;sDAEAqD;;uCA3BEA;gCA+BX;;;;;;YAONrG,CAAAA,iBAAiBC,aAAY,mBAC7B;;kCACE,qBAAC0D,iBAAI;wBAACE,OAAO;4BAACC,OAAOgC,OAAO;4BAAE;gCAAE7B,iBAAiBnB;4BAAW;yBAAE;;kCAC9D,sBAACa,iBAAI;wBAACE,OAAOC,OAAOoD,OAAO;wBAAEtD,QAAO;;4BACjC5D,+BACC,sBAAC2D,iBAAI;gCAACE,OAAOC,OAAOqD,QAAQ;gCAAEvD,QAAO;;oCAClCvD,+BACC,qBAACA;wCAAc+G,MAAM;wCAAIvC,OAAO3B;;kDAElC,qBAACyB,iBAAI;wCAACd,OAAO;4CAACC,OAAOuD,QAAQ;4CAAE;gDAAExC,OAAO3B;4CAAoB;yCAAE;kDAC3DlD;;;;4BAINC,+BACC,sBAAC0D,iBAAI;gCAACE,OAAOC,OAAOqD,QAAQ;gCAAEvD,QAAO;;oCAClCrD,2BACC,qBAACA;wCAAU6G,MAAM;wCAAIvC,OAAO3B;;kDAE9B,qBAACyB,iBAAI;wCAACd,OAAO;4CAACC,OAAOuD,QAAQ;4CAAE;gDAAExC,OAAO3B;4CAAoB;yCAAE;kDAC3DjD;;;;;;;;;;AASnB;AAEA,MAAM6D,SAASwD,uBAAU,CAACC,MAAM,CAAC;IAC/BxD,MAAM;QACJyD,cAAc;QACd/B,aAAa;QACbgC,UAAU;IACZ;IACAvD,iBAAiB;QACfwD,mBAAmB;QACnBC,iBAAiB;IACnB;IACAxD,aAAa;QACXyD,eAAe;QACfC,YAAY;QACZC,gBAAgB;QAChBC,cAAc;IAChB;IACAzD,WAAW;QACT0D,SAAS;QACTH,YAAY;QACZC,gBAAgB;IAClB;IACAvD,mBAAmB;QACjB0D,SAAS;IACX;IACArD,YAAY;QACVsD,UAAU;QACVC,YAAY;IACd;IACA5G,YAAY;QACV2G,UAAU;QACVC,YAAY;QACZC,WAAW;QACXC,MAAM;IACR;IACAvD,SAAS;QACP8C,eAAe;IACjB;IACA3C,SAAS;QACPoD,MAAM;QACNC,aAAa;QACbT,YAAY;QACZC,gBAAgB;IAClB;IACA5C,WAAW;QACTgD,UAAU;QACVC,YAAY;QACZC,WAAW;IACb;IACA5C,cAAc;QACZoB,OAAO;QACP0B,aAAa;QACbd,cAAc;QACdK,YAAY;QACZC,gBAAgB;QAChB7D,iBAAiB;QACjBwB,aAAa;QACbzB,aAAa;IACf;IACA0B,iBAAiB;QACfuC,SAAS;IACX;IACArC,SAAS;QACPsC,UAAU;QACVC,YAAY;QACZC,WAAW;IACb;IACAtC,SAAS;QACPe,QAAQ;QACRD,OAAO;IACT;IACAb,aAAa;QACXiC,SAAS;IACX;IACAnI,oBAAoB;QAClBqI,UAAU;QACVC,YAAY;QACZC,WAAW;QACXL,cAAc;IAChB;IACA9B,UAAU;QACRsC,WAAW;IACb;IACApC,iBAAiB;QACfqC,KAAK;IACP;IACA/B,UAAU;QACRe,cAAc;QACdG,iBAAiB;QACjBD,mBAAmB;QACnBG,YAAY;QACZC,gBAAgB;IAClB;IACAb,cAAc;QACZiB,UAAU;QACVE,WAAW;IACb;IACAlB,SAAS;QACPU,eAAe;QACfC,YAAY;QACZW,KAAK;QACLd,mBAAmB;QACnBC,iBAAiB;IACnB;IACAR,UAAU;QACRS,eAAe;QACfC,YAAY;QACZW,KAAK;IACP;IACAnB,UAAU;QACRa,UAAU;QACVC,YAAY;IACd;AACF"}

package/src/components/Input/index.js

@@ -140,8 +140,7 @@ function Input({ size = 'md', label, helperText, errorText, invalid = false, lea
                         alignItems: 'center',
                         paddingHorizontal: s.paddingH,
                         paddingVertical: s.paddingV,
-                        gap: s.gap,
-                        overflow: 'hidden'
+                        gap: s.gap
                     },
                     children: [
                         leadingIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
@@ -173,9 +172,9 @@ function Input({ size = 'md', label, helperText, errorText, invalid = false, lea
                             style: {
                                 flex: 1,
                                 fontSize: s.fontSize,
-                                lineHeight: s.lineHeight,
                                 color: textColor,
                                 includeFontPadding: false,
+                                textAlignVertical: 'center',
                                 // Reset RN TextInput default padding/margin
                                 padding: 0,
                                 margin: 0