react-native-timer-picker/dist/typescript/components/TimerPickerModal/types.d.ts

A simple, flexible, performant duration picker for React Native apps 🔥 Great for timers, alarms and duration inputs ⏰🕰️⏳ Includes iOS-style haptic and audio feedback 🍏

import type { RefObject, ReactElement } from "react";
import type { View, TouchableOpacity, Text } from "react-native";
import type Modal from "../Modal";
import type { TimerPickerProps } from "../TimerPicker/types";
import type { CustomTimerPickerModalStyles } from "./styles";
export interface TimerPickerModalRef {
    latestDuration: {
        days: RefObject<number> | undefined;
        hours: RefObject<number> | undefined;
        minutes: RefObject<number> | undefined;
        seconds: RefObject<number> | undefined;
    };
    reset: (options?: {
        animated?: boolean;
    }) => void;
    setValue: (value: {
        days?: number;
        hours?: number;
        minutes?: number;
        seconds?: number;
    }, options?: {
        animated?: boolean;
    }) => void;
}
export interface TimerPickerModalProps extends TimerPickerProps {
    buttonContainerProps?: React.ComponentProps<typeof View>;
    buttonTouchableOpacityProps?: React.ComponentProps<typeof TouchableOpacity>;
    /** Custom cancel button component. If provided, replaces the default cancel button. */
    cancelButton?: ReactElement<{
        onPress?: () => void;
    }>;
    cancelButtonText?: string;
    closeOnOverlayPress?: boolean;
    /** Custom confirm button component. If provided, replaces the default confirm button. */
    confirmButton?: ReactElement<{
        onPress?: () => void;
    }>;
    confirmButtonText?: string;
    containerProps?: React.ComponentProps<typeof View>;
    contentContainerProps?: React.ComponentProps<typeof View>;
    hideCancelButton?: boolean;
    modalProps?: React.ComponentProps<typeof Modal>;
    modalTitle?: string;
    modalTitleProps?: React.ComponentProps<typeof Text>;
    onCancel?: () => void;
    onConfirm: ({ days, hours, minutes, seconds, }: {
        days: number;
        hours: number;
        minutes: number;
        seconds: number;
    }) => void;
    setIsVisible: (isVisible: boolean) => void;
    styles?: CustomTimerPickerModalStyles;
    visible: boolean;
}