@demlanide/react-lucky-components 0.1.0

package/dist/DatePicker/CalendarModal.d.ts

@@ -0,0 +1,15 @@
+import type { DatePickerMode, DateRangeValue } from './types';
+export interface CalendarModalProps {
+    visible: boolean;
+    mode: DatePickerMode;
+    initialSingle?: string;
+    initialRange: DateRangeValue;
+    initialYear: number;
+    initialMonth: number;
+    minDate: Date | null;
+    maxDate: Date | null;
+    onSave: (single: string | undefined, range: DateRangeValue) => void;
+    onClose: () => void;
+}
+export declare function CalendarModal({ visible, mode, initialSingle, initialRange, initialYear, initialMonth, minDate, maxDate, onSave, onClose, }: CalendarModalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CalendarModal.d.ts.map

package/dist/DatePicker/CalendarModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarModal.d.ts","sourceRoot":"","sources":["../../src/DatePicker/CalendarModal.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAa9D,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,cAAc,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,cAAc,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACpE,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,OAAO,EACP,OAAO,EACP,MAAM,EACN,OAAO,GACR,EAAE,kBAAkB,2CAyOpB"}

package/dist/DatePicker/CalendarModal.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from 'react';
+import { Modal } from 'react-native';
+import { DAY_LABELS, MONTH_NAMES } from './constants';
+import { DayCell, EmptyDayCell } from './DayCell';
+import { ChevronLeft, ChevronRight } from './icons';
+import { CalendarBody, CalendarHeaderRow, DayLabelCell, DayLabelText, DayLabelsRow, Grabber, ModalContainer, ModalOverlay, MonthTitle, NavButton, SaveButton, SaveButtonText, WeekRow, } from './styles';
+import { buildWeeks, isBefore, isBetween, isSameDay, parseLocalDate, toISOLocal, } from './utils';
+/* ── Component ───────────────────────────────────────────────────── */
+export function CalendarModal({ visible, mode, initialSingle, initialRange, initialYear, initialMonth, minDate, maxDate, onSave, onClose, }) {
+    const today = useMemo(() => new Date(), []);
+    const [viewYear, setViewYear] = useState(initialYear);
+    const [viewMonth, setViewMonth] = useState(initialMonth);
+    const [pendingSingle, setPendingSingle] = useState(initialSingle);
+    const [pendingRange, setPendingRange] = useState(initialRange);
+    /* Reset internal state whenever the modal opens with new props */
+    const prevVisibleRef = useMemo(() => ({ current: false }), []);
+    if (visible && !prevVisibleRef.current) {
+        // Sync to latest props on each open
+        if (viewYear !== initialYear)
+            setViewYear(initialYear);
+        if (viewMonth !== initialMonth)
+            setViewMonth(initialMonth);
+        setPendingSingle(initialSingle);
+        setPendingRange(initialRange);
+    }
+    prevVisibleRef.current = visible;
+    const weeks = useMemo(() => buildWeeks(viewYear, viewMonth), [viewYear, viewMonth]);
+    const selectedSingleDate = useMemo(() => (pendingSingle ? parseLocalDate(pendingSingle) : null), [pendingSingle]);
+    const rangeStartDate = useMemo(() => (pendingRange.startDate ? parseLocalDate(pendingRange.startDate) : null), [pendingRange.startDate]);
+    const rangeEndDate = useMemo(() => (pendingRange.endDate ? parseLocalDate(pendingRange.endDate) : null), [pendingRange.endDate]);
+    /* ── Navigation ─────────────────────────────────────────────────── */
+    const goToPrevMonth = useCallback(() => {
+        setViewMonth((m) => {
+            if (m === 0) {
+                setViewYear((y) => y - 1);
+                return 11;
+            }
+            return m - 1;
+        });
+    }, []);
+    const goToNextMonth = useCallback(() => {
+        setViewMonth((m) => {
+            if (m === 11) {
+                setViewYear((y) => y + 1);
+                return 0;
+            }
+            return m + 1;
+        });
+    }, []);
+    /* ── Day press ──────────────────────────────────────────────────── */
+    const handleDayPress = useCallback((date) => {
+        if (mode === 'single') {
+            setPendingSingle(toISOLocal(date));
+            return;
+        }
+        setPendingRange((prev) => {
+            const hasCompleteRange = prev.startDate && prev.endDate;
+            if (hasCompleteRange || !prev.startDate) {
+                return { startDate: toISOLocal(date), endDate: undefined };
+            }
+            const start = parseLocalDate(prev.startDate);
+            if (isBefore(date, start)) {
+                return { startDate: toISOLocal(date), endDate: undefined };
+            }
+            return { startDate: prev.startDate, endDate: toISOLocal(date) };
+        });
+    }, [mode]);
+    /* ── Save ───────────────────────────────────────────────────────── */
+    const handleSave = useCallback(() => {
+        onSave(pendingSingle, {
+            startDate: pendingRange.startDate,
+            endDate: pendingRange.endDate,
+        });
+    }, [pendingSingle, pendingRange, onSave]);
+    /* ── Day disabled check ─────────────────────────────────────────── */
+    const isDayDisabled = useCallback((date) => {
+        if (minDate && isBefore(date, minDate))
+            return true;
+        if (maxDate && date > maxDate && !isSameDay(date, maxDate))
+            return true;
+        return false;
+    }, [minDate, maxDate]);
+    /* ── Calendar grid ──────────────────────────────────────────────── */
+    const calendarContent = useMemo(() => {
+        return weeks.map((week, wi) => (_jsx(WeekRow, { children: week.map((cell, ci) => {
+                if (!cell)
+                    return _jsx(EmptyDayCell, {}, `e${ci}`);
+                const { day, date } = cell;
+                const dayDisabled = isDayDisabled(date);
+                const isToday = isSameDay(date, today);
+                let isSelected = false;
+                let isRangeStart = false;
+                let isRangeEnd = false;
+                let isInRange = false;
+                if (mode === 'single') {
+                    isSelected =
+                        selectedSingleDate != null && isSameDay(date, selectedSingleDate);
+                }
+                else {
+                    if (rangeStartDate && isSameDay(date, rangeStartDate)) {
+                        isSelected = true;
+                        isRangeStart = true;
+                    }
+                    if (rangeEndDate && isSameDay(date, rangeEndDate)) {
+                        isSelected = true;
+                        isRangeEnd = true;
+                    }
+                    if (rangeStartDate && rangeEndDate) {
+                        isInRange = isBetween(date, rangeStartDate, rangeEndDate);
+                    }
+                }
+                return (_jsx(DayCell, { day: day, date: date, isSelected: isSelected, isRangeStart: isRangeStart, isRangeEnd: isRangeEnd, isInRange: isInRange, isToday: isToday, isDisabled: dayDisabled, onPress: handleDayPress }, day));
+            }) }, wi)));
+    }, [
+        weeks,
+        mode,
+        selectedSingleDate,
+        rangeStartDate,
+        rangeEndDate,
+        today,
+        isDayDisabled,
+        handleDayPress,
+    ]);
+    const canSave = mode === 'single'
+        ? pendingSingle != null
+        : pendingRange.startDate != null && pendingRange.endDate != null;
+    return (_jsx(Modal, { visible: visible, animationType: "fade", transparent: true, onRequestClose: onClose, children: _jsx(ModalOverlay, { onPress: onClose, children: _jsxs(ModalContainer, { onStartShouldSetResponder: () => true, onTouchEnd: (e) => e.stopPropagation(), children: [_jsx(Grabber, {}), _jsxs(CalendarHeaderRow, { children: [_jsx(NavButton, { onPress: goToPrevMonth, accessibilityLabel: "Previous month", accessibilityRole: "button", children: _jsx(ChevronLeft, {}) }), _jsxs(MonthTitle, { children: [MONTH_NAMES[viewMonth], " ", viewYear] }), _jsx(NavButton, { onPress: goToNextMonth, accessibilityLabel: "Next month", accessibilityRole: "button", children: _jsx(ChevronRight, {}) })] }), _jsx(DayLabelsRow, { children: DAY_LABELS.map((label) => (_jsx(DayLabelCell, { children: _jsx(DayLabelText, { children: label }) }, label))) }), _jsx(CalendarBody, { children: calendarContent }), _jsx(SaveButton, { onPress: handleSave, disabled: !canSave, accessibilityLabel: "Save date", accessibilityRole: "button", testID: "datepicker-save-button", style: { opacity: canSave ? 1 : 0.4 }, children: _jsx(SaveButtonText, { children: "Save" }) })] }) }) }));
+}

package/dist/DatePicker/DatePicker.d.ts

@@ -0,0 +1,3 @@
+import type { DatePickerProps } from './types';
+export declare function DatePicker({ mode, value, onChange, minDate: minDateStr, maxDate: maxDateStr, placeholder, required, helperText, errorText, disabled, containerStyle, inputWrapperStyle, testID, renderTrigger, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DatePicker.d.ts.map

package/dist/DatePicker/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAkB,MAAM,SAAS,CAAC;AAG/D,wBAAgB,UAAU,CAAC,EACzB,IAAe,EACf,KAAK,EACL,QAAQ,EACR,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,UAAU,EACnB,WAAW,EACX,QAAgB,EAChB,UAAU,EACV,SAAS,EACT,QAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,MAAM,EACN,aAAa,GACd,EAAE,eAAe,2CAgHjB"}

package/dist/DatePicker/DatePicker.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from 'react';
+import { Keyboard } from 'react-native';
+import { Input } from '../Input/Input';
+import { CalendarModal } from './CalendarModal';
+import { CalendarIcon } from './icons';
+import { Pressable } from './styles';
+import { formatDisplayValue, parseLocalDate, sanitizeValue } from './utils';
+export function DatePicker({ mode = 'single', value, onChange, minDate: minDateStr, maxDate: maxDateStr, placeholder, required = false, helperText, errorText, disabled = false, containerStyle, inputWrapperStyle, testID, renderTrigger, }) {
+    const [visible, setVisible] = useState(false);
+    const today = useMemo(() => new Date(), []);
+    const minDate = useMemo(() => (minDateStr ? parseLocalDate(minDateStr) : null), [minDateStr]);
+    const maxDate = useMemo(() => (maxDateStr ? parseLocalDate(maxDateStr) : null), [maxDateStr]);
+    const safeValue = useMemo(() => sanitizeValue(value, mode, minDate, maxDate), [value, mode, minDate, maxDate]);
+    const displayValue = useMemo(() => formatDisplayValue(safeValue, mode), [safeValue, mode]);
+    /* ── Derive what to pass into the modal ─────────────────────────── */
+    const initialSingle = mode === 'single' && typeof safeValue === 'string' ? safeValue : undefined;
+    const initialRange = mode === 'range' && safeValue && typeof safeValue === 'object'
+        ? safeValue
+        : {};
+    const resolveInitialDate = useCallback(() => {
+        if (mode === 'single' && typeof safeValue === 'string' && safeValue) {
+            const d = parseLocalDate(safeValue);
+            if (d)
+                return { year: d.getFullYear(), month: d.getMonth() };
+        }
+        if (mode === 'range' && safeValue && typeof safeValue === 'object') {
+            const rv = safeValue;
+            if (rv.startDate) {
+                const d = parseLocalDate(rv.startDate);
+                if (d)
+                    return { year: d.getFullYear(), month: d.getMonth() };
+            }
+        }
+        return { year: today.getFullYear(), month: today.getMonth() };
+    }, [safeValue, mode, today]);
+    /* ── Handlers ───────────────────────────────────────────────────── */
+    const open = useCallback(() => {
+        if (disabled)
+            return;
+        Keyboard.dismiss();
+        setVisible(true);
+    }, [disabled]);
+    const close = useCallback(() => setVisible(false), []);
+    const handleSave = useCallback((single, range) => {
+        if (mode === 'single') {
+            if (single)
+                onChange?.(single);
+        }
+        else {
+            onChange?.({ startDate: range.startDate, endDate: range.endDate });
+        }
+        setVisible(false);
+    }, [mode, onChange]);
+    const { year: initYear, month: initMonth } = resolveInitialDate();
+    return (_jsxs(_Fragment, { children: [renderTrigger ? renderTrigger(displayValue, open) : (_jsx(Pressable, { onPress: open, disabled: disabled, accessibilityRole: "button", accessibilityState: { disabled }, testID: testID, children: _jsx(Input, { value: displayValue, placeholder: placeholder, required: required, helperText: helperText, errorText: errorText, editable: false, disabled: disabled, rightIcon: _jsx(CalendarIcon, {}), containerStyle: containerStyle, inputWrapperStyle: inputWrapperStyle, pointerEvents: "none" }) })), _jsx(CalendarModal, { visible: visible, mode: mode, initialSingle: initialSingle, initialRange: initialRange, initialYear: initYear, initialMonth: initMonth, minDate: minDate, maxDate: maxDate, onSave: handleSave, onClose: close })] }));
+}

package/dist/DatePicker/DayCell.d.ts

@@ -0,0 +1,14 @@
+export interface DayCellProps {
+    day: number;
+    date: Date;
+    isSelected: boolean;
+    isRangeStart: boolean;
+    isRangeEnd: boolean;
+    isInRange: boolean;
+    isToday: boolean;
+    isDisabled: boolean;
+    onPress: (date: Date) => void;
+}
+export declare function DayCell({ day, date, isSelected, isRangeStart, isRangeEnd, isInRange, isToday, isDisabled, onPress, }: DayCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyDayCell(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DayCell.d.ts.map

package/dist/DatePicker/DayCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayCell.d.ts","sourceRoot":"","sources":["../../src/DatePicker/DayCell.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAC/B;AAED,wBAAgB,OAAO,CAAC,EACtB,GAAG,EACH,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,SAAS,EACT,OAAO,EACP,UAAU,EACV,OAAO,GACR,EAAE,YAAY,2CA6Bd;AAED,wBAAgB,YAAY,4CAM3B"}

package/dist/DatePicker/DayCell.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { View } from 'react-native';
+import { CALENDAR } from './constants';
+import { DayRangeFill, DayCellInner, DayCellOuter, DayText, } from './styles';
+export function DayCell({ day, date, isSelected, isRangeStart, isRangeEnd, isInRange, isToday, isDisabled, onPress, }) {
+    const handlePress = useCallback(() => {
+        if (!isDisabled)
+            onPress(date);
+    }, [date, isDisabled, onPress]);
+    const hasRangeFill = isInRange && !(isRangeStart && isRangeEnd);
+    return (_jsxs(DayCellOuter, { children: [hasRangeFill ? (_jsx(DayRangeFill, { "$isRangeStart": isRangeStart, "$isRangeEnd": isRangeEnd })) : null, _jsx(DayCellInner, { onPress: handlePress, disabled: isDisabled, "$isSelected": isSelected, "$isToday": isToday, "$isDisabled": isDisabled, accessibilityRole: "button", accessibilityLabel: `${day}`, accessibilityState: { disabled: isDisabled, selected: isSelected }, children: _jsx(DayText, { "$isSelected": isSelected, "$isDisabled": isDisabled, children: day }) })] }));
+}
+export function EmptyDayCell() {
+    return (_jsx(DayCellOuter, { children: _jsx(View, { style: { width: CALENDAR.cellSize, height: CALENDAR.cellSize } }) }));
+}

package/dist/DatePicker/constants.d.ts

@@ -0,0 +1,46 @@
+export declare const CALENDAR: {
+    readonly cellSize: 40;
+    readonly cellGap: 2;
+    readonly headerHeight: 44;
+    readonly dayLabelHeight: 32;
+    readonly padding: 16;
+    readonly borderRadius: 12;
+    readonly colors: {
+        readonly primary: "#2C2C2C";
+        readonly secondary: "#738295";
+        readonly disabled: "#C7C7CC";
+        readonly accent: "#2C2C2C";
+        readonly accentText: "#FFFFFF";
+        readonly rangeBackground: "rgba(44, 44, 44, 0.08)";
+        readonly todayBorder: "#2C2C2C";
+        readonly background: "#FFFFFF";
+        readonly modalBackground: "#EFF4F7";
+        readonly chevron: "#2C2C2C";
+        readonly saveButton: "#2C2C2C";
+        readonly saveButtonText: "#FFFFFF";
+    };
+    readonly typography: {
+        readonly monthTitle: {
+            readonly fontFamily: "SB Sans Text";
+            readonly fontSize: 16;
+            readonly fontWeight: "600";
+            readonly lineHeight: 20;
+        };
+        readonly dayLabel: {
+            readonly fontFamily: "SB Sans Text";
+            readonly fontSize: 13;
+            readonly fontWeight: "500";
+            readonly lineHeight: 18;
+        };
+        readonly day: {
+            readonly fontFamily: "SB Sans Text";
+            readonly fontSize: 16;
+            readonly fontWeight: "500";
+            readonly lineHeight: 20;
+        };
+    };
+};
+export declare const MONTH_NAMES: readonly ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+export declare const SHORT_MONTH_NAMES: readonly ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+export declare const DAY_LABELS: readonly ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
+//# sourceMappingURL=constants.d.ts.map

package/dist/DatePicker/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/DatePicker/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CX,CAAC;AAEX,eAAO,MAAM,WAAW,qIAGd,CAAC;AAEX,eAAO,MAAM,iBAAiB,+FAGpB,CAAC;AAEX,eAAO,MAAM,UAAU,4DAA6D,CAAC"}

package/dist/DatePicker/constants.js

@@ -0,0 +1,51 @@
+export const CALENDAR = {
+    cellSize: 40,
+    cellGap: 2,
+    headerHeight: 44,
+    dayLabelHeight: 32,
+    padding: 16,
+    borderRadius: 12,
+    colors: {
+        primary: '#2C2C2C',
+        secondary: '#738295',
+        disabled: '#C7C7CC',
+        accent: '#2C2C2C',
+        accentText: '#FFFFFF',
+        rangeBackground: 'rgba(44, 44, 44, 0.08)',
+        todayBorder: '#2C2C2C',
+        background: '#FFFFFF',
+        modalBackground: '#EFF4F7',
+        chevron: '#2C2C2C',
+        saveButton: '#2C2C2C',
+        saveButtonText: '#FFFFFF',
+    },
+    typography: {
+        monthTitle: {
+            fontFamily: 'SB Sans Text',
+            fontSize: 16,
+            fontWeight: '600',
+            lineHeight: 20,
+        },
+        dayLabel: {
+            fontFamily: 'SB Sans Text',
+            fontSize: 13,
+            fontWeight: '500',
+            lineHeight: 18,
+        },
+        day: {
+            fontFamily: 'SB Sans Text',
+            fontSize: 16,
+            fontWeight: '500',
+            lineHeight: 20,
+        },
+    },
+};
+export const MONTH_NAMES = [
+    'January', 'February', 'March', 'April', 'May', 'June',
+    'July', 'August', 'September', 'October', 'November', 'December',
+];
+export const SHORT_MONTH_NAMES = [
+    'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
+    'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',
+];
+export const DAY_LABELS = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];

package/dist/DatePicker/icons.d.ts

@@ -0,0 +1,4 @@
+export declare function CalendarIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronLeft(): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronRight(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/dist/DatePicker/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/DatePicker/icons.tsx"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,4CAE3B;AAED,wBAAgB,WAAW,4CAI1B;AAED,wBAAgB,YAAY,4CAI3B"}

package/dist/DatePicker/icons.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CALENDAR } from './constants';
+import { Icon } from '../Icon';
+export function CalendarIcon() {
+    return _jsx(Icon, { name: "calendar" });
+}
+export function ChevronLeft() {
+    return (_jsx(Icon, { name: "chevron-left", color: CALENDAR.colors.chevron }));
+}
+export function ChevronRight() {
+    return (_jsx(Icon, { name: "chevron-right", color: CALENDAR.colors.chevron }));
+}

package/dist/DatePicker/index.d.ts

@@ -0,0 +1,3 @@
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps, DatePickerMode, DatePickerValue, DateRangeValue } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/DatePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/dist/DatePicker/index.js

@@ -0,0 +1 @@
+export { DatePicker } from './DatePicker';

package/dist/DatePicker/styles.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+export declare const Pressable: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<Omit<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>, "ref"> & {
+    ref?: ((instance: import("react-native").View | null) => void) | import("react").RefObject<import("react-native").View> | null | undefined;
+}, never>>;
+export declare const ModalOverlay: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<Omit<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>, "ref"> & {
+    ref?: ((instance: import("react-native").View | null) => void) | import("react").RefObject<import("react-native").View> | null | undefined;
+}, never>>;
+export declare const ModalContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const Grabber: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const CalendarHeaderRow: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const MonthTitle: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const NavButton: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<Omit<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>, "ref"> & {
+    ref?: ((instance: import("react-native").View | null) => void) | import("react").RefObject<import("react-native").View> | null | undefined;
+}, never>>;
+export declare const DayLabelsRow: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const DayLabelCell: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const DayLabelText: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const WeekRow: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const DayCellOuter: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const DayRangeFill: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").Substitute<import("react-native").ViewProps, import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>>, never>, {
+    $isRangeStart: boolean;
+    $isRangeEnd: boolean;
+}>>;
+export declare const DayCellInner: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<Omit<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>, "ref"> & {
+    ref?: ((instance: import("react-native").View | null) => void) | import("react").RefObject<import("react-native").View> | null | undefined;
+}, {
+    $isSelected: boolean;
+    $isToday: boolean;
+    $isDisabled: boolean;
+}>>;
+export declare const DayText: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("react-native").TextProps, {
+    $isSelected: boolean;
+    $isDisabled: boolean;
+}>>;
+export declare const SaveButton: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<Omit<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>, "ref"> & {
+    ref?: ((instance: import("react-native").View | null) => void) | import("react").RefObject<import("react-native").View> | null | undefined;
+}, never>>;
+export declare const SaveButtonText: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const CalendarBody: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/DatePicker/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/DatePicker/styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,SAAS;;UAErB,CAAC;AAIF,eAAO,MAAM,YAAY;;UAIxB,CAAC;AAEF,eAAO,MAAM,cAAc,+KAK1B,CAAC;AAEF,eAAO,MAAM,OAAO,+KAQnB,CAAC;AAIF,eAAO,MAAM,iBAAiB,+KAM7B,CAAC;AAEF,eAAO,MAAM,UAAU,+KAQtB,CAAC;AAEF,eAAO,MAAM,SAAS;;UAKrB,CAAC;AAIF,eAAO,MAAM,YAAY,+KAIxB,CAAC;AAEF,eAAO,MAAM,YAAY,+KAMxB,CAAC;AAEF,eAAO,MAAM,YAAY,+KAMxB,CAAC;AAIF,eAAO,MAAM,OAAO,+KAGnB,CAAC;AAEF,eAAO,MAAM,YAAY,+KAOxB,CAAC;AAEF,eAAO,MAAM,YAAY;mBAGR,OAAO;iBACT,OAAO;GAQrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;iBACV,OAAO;cACV,OAAO;iBACJ,OAAO;GAarB,CAAC;AAEF,eAAO,MAAM,OAAO;iBACL,OAAO;iBACP,OAAO;GAQrB,CAAC;AAIF,eAAO,MAAM,UAAU;;UAQtB,CAAC;AAEF,eAAO,MAAM,cAAc,+KAM1B,CAAC;AAIF,eAAO,MAAM,YAAY,+KAGxB,CAAC"}

package/dist/DatePicker/styles.js

@@ -0,0 +1,134 @@
+import { Pressable as RNPressable } from 'react-native';
+import styled from 'styled-components/native';
+import { CALENDAR } from './constants';
+/* ── Trigger ─────────────────────────────────────────────────────── */
+export const Pressable = styled(RNPressable) `
+  width: 100%;
+`;
+/* ── Modal ────────────────────────────────────────────────────────── */
+export const ModalOverlay = styled(RNPressable) `
+  flex: 1;
+  justify-content: flex-end;
+  background-color: rgba(0, 0, 0, 0.4);
+`;
+export const ModalContainer = styled.View `
+  background-color: ${CALENDAR.colors.background};
+  border-top-left-radius: 20px;
+  border-top-right-radius: 20px;
+  padding-bottom: 16px;
+`;
+export const Grabber = styled.View `
+  width: 36px;
+  height: 5px;
+  border-radius: 100px;
+  background-color: #cccccc;
+  align-self: center;
+  margin-top: 8px;
+  margin-bottom: 4px;
+`;
+/* ── Calendar header (month title + nav) ─────────────────────────── */
+export const CalendarHeaderRow = styled.View `
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  height: ${CALENDAR.headerHeight}px;
+  padding-horizontal: ${CALENDAR.padding}px;
+`;
+export const MonthTitle = styled.Text `
+  font-family: ${CALENDAR.typography.monthTitle.fontFamily};
+  font-size: ${CALENDAR.typography.monthTitle.fontSize}px;
+  font-weight: ${CALENDAR.typography.monthTitle.fontWeight};
+  line-height: ${CALENDAR.typography.monthTitle.lineHeight}px;
+  color: ${CALENDAR.colors.primary};
+  flex: 1;
+  text-align: center;
+`;
+export const NavButton = styled(RNPressable) `
+  width: ${CALENDAR.headerHeight}px;
+  height: ${CALENDAR.headerHeight}px;
+  align-items: center;
+  justify-content: center;
+`;
+/* ── Day-of-week labels ──────────────────────────────────────────── */
+export const DayLabelsRow = styled.View `
+  flex-direction: row;
+  padding-horizontal: ${CALENDAR.padding}px;
+  margin-bottom: 4px;
+`;
+export const DayLabelCell = styled.View `
+  width: ${CALENDAR.cellSize}px;
+  height: ${CALENDAR.dayLabelHeight}px;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+`;
+export const DayLabelText = styled.Text `
+  font-family: ${CALENDAR.typography.dayLabel.fontFamily};
+  font-size: ${CALENDAR.typography.dayLabel.fontSize}px;
+  font-weight: ${CALENDAR.typography.dayLabel.fontWeight};
+  line-height: ${CALENDAR.typography.dayLabel.lineHeight}px;
+  color: ${CALENDAR.colors.secondary};
+`;
+/* ── Day grid ────────────────────────────────────────────────────── */
+export const WeekRow = styled.View `
+  flex-direction: row;
+  padding-horizontal: ${CALENDAR.padding}px;
+`;
+export const DayCellOuter = styled.View `
+  position: relative;
+  flex: 1;
+  height: ${CALENDAR.cellSize}px;
+  align-items: center;
+  justify-content: center;
+  background-color: transparent;
+`;
+export const DayRangeFill = styled.View.attrs({
+    pointerEvents: 'none',
+}) `
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: ${({ $isRangeStart }) => ($isRangeStart ? '50%' : 0)};
+  right: ${({ $isRangeEnd }) => ($isRangeEnd ? '50%' : 0)};
+  background-color: ${CALENDAR.colors.rangeBackground};
+`;
+export const DayCellInner = styled(RNPressable) `
+  width: ${CALENDAR.cellSize}px;
+  height: ${CALENDAR.cellSize}px;
+  border-radius: ${CALENDAR.cellSize / 2}px;
+  align-items: center;
+  justify-content: center;
+  background-color: ${({ $isSelected }) => $isSelected ? CALENDAR.colors.accent : 'transparent'};
+  border-width: ${({ $isToday, $isSelected }) => $isToday && !$isSelected ? 1 : 0}px;
+  border-color: ${CALENDAR.colors.todayBorder};
+  opacity: ${({ $isDisabled }) => ($isDisabled ? 0.3 : 1)};
+`;
+export const DayText = styled.Text `
+  font-family: ${CALENDAR.typography.day.fontFamily};
+  font-size: ${CALENDAR.typography.day.fontSize}px;
+  font-weight: ${CALENDAR.typography.day.fontWeight};
+  line-height: ${CALENDAR.typography.day.lineHeight}px;
+  color: ${({ $isSelected }) => $isSelected ? CALENDAR.colors.accentText : CALENDAR.colors.primary};
+`;
+/* ── Save button ─────────────────────────────────────────────────── */
+export const SaveButton = styled(RNPressable) `
+  height: 50px;
+  border-radius: ${CALENDAR.borderRadius}px;
+  background-color: ${CALENDAR.colors.saveButton};
+  align-items: center;
+  justify-content: center;
+  margin-horizontal: ${CALENDAR.padding}px;
+  margin-bottom: ${CALENDAR.padding}px;
+`;
+export const SaveButtonText = styled.Text `
+  font-size: 17px;
+  font-weight: 600;
+  line-height: 22px;
+  letter-spacing: -0.43px;
+  color: ${CALENDAR.colors.saveButtonText};
+`;
+/* ── Calendar content wrapper ─────────────────────────────────────── */
+export const CalendarBody = styled.View `
+  padding-top: 8px;
+  padding-bottom: 16px;
+`;

package/dist/DatePicker/types.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type DatePickerMode = 'single' | 'range';
+export interface DateRangeValue {
+    startDate?: string;
+    endDate?: string;
+}
+export type DatePickerValue = string | DateRangeValue;
+export interface DatePickerProps {
+    /** Selection mode. @default 'single' */
+    mode?: DatePickerMode;
+    /** Selected value — ISO `YYYY-MM-DD` string for single, or `{ startDate, endDate }` for range. */
+    value?: DatePickerValue;
+    /** Called when selection changes. */
+    onChange?: (value: DatePickerValue) => void;
+    /** Earliest selectable date (inclusive), ISO `YYYY-MM-DD`. */
+    minDate?: string;
+    /** Latest selectable date (inclusive), ISO `YYYY-MM-DD`. */
+    maxDate?: string;
+    /** Floating placeholder text (e.g. "Date"). */
+    placeholder?: string;
+    /** Show red asterisk after placeholder. */
+    required?: boolean;
+    /** Helper text shown below the field. */
+    helperText?: string;
+    /** Error text — highlights border red. */
+    errorText?: string;
+    /** Disabled state — field is not pressable. */
+    disabled?: boolean;
+    /** Style for the outer container. */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Style for the input wrapper. */
+    inputWrapperStyle?: StyleProp<ViewStyle>;
+    /** Forwarded to the root pressable. */
+    testID?: string;
+    /** Custom trigger element. When provided, replaces the default input field. Receives the formatted display label and the open handler. */
+    renderTrigger?: (label: string, onPress: () => void) => ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/DatePicker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,cAAc,CAAC;AAEtD,MAAM,WAAW,eAAe;IAC9B,wCAAwC;IACxC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,kGAAkG;IAClG,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0IAA0I;IAC1I,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;CACnE"}

package/dist/DatePicker/types.js

@@ -0,0 +1 @@
+export {};