react-native-timer-picker
Version:
A simple, flexible, performant duration picker for React Native apps 🔥 Great for timers, alarms and duration inputs ⏰🕰️⏳ Includes iOS-style haptic and audio feedback 🍏
724 lines • 102 kB
TypeScript
import type { TextStyle, ViewStyle } from "react-native";
export interface CustomTimerPickerStyles {
backgroundColor?: string;
disabledPickerContainer?: ViewStyle;
disabledPickerItem?: TextStyle;
durationScrollFlatList?: ViewStyle;
durationScrollFlatListContainer?: ViewStyle;
durationScrollFlatListContentContainer?: ViewStyle;
labelOffsetPercentage?: number;
pickerAmPmContainer?: ViewStyle;
pickerAmPmLabel?: TextStyle;
pickerContainer?: ViewStyle & {
backgroundColor?: string;
};
pickerGradientOverlay?: ViewStyle;
pickerItem?: TextStyle;
pickerItemContainer?: ViewStyle & {
height?: number;
};
pickerLabel?: TextStyle;
pickerLabelContainer?: ViewStyle;
text?: TextStyle;
theme?: "light" | "dark";
}
export declare const generateStyles: (customStyles: CustomTimerPickerStyles | undefined) => {
pickerContainer: {
backfaceVisibility?: "visible" | "hidden" | undefined;
backgroundColor: string;
borderBlockColor?: import("react-native").ColorValue | undefined;
borderBlockEndColor?: import("react-native").ColorValue | undefined;
borderBlockStartColor?: import("react-native").ColorValue | undefined;
borderBottomColor?: import("react-native").ColorValue | undefined;
borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderColor?: import("react-native").ColorValue | undefined;
borderCurve?: "circular" | "continuous" | undefined;
borderEndColor?: import("react-native").ColorValue | undefined;
borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderLeftColor?: import("react-native").ColorValue | undefined;
borderRadius?: import("react-native").AnimatableNumericValue | undefined;
borderRightColor?: import("react-native").ColorValue | undefined;
borderStartColor?: import("react-native").ColorValue | undefined;
borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
borderTopColor?: import("react-native").ColorValue | undefined;
borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
opacity?: import("react-native").AnimatableNumericValue | undefined;
elevation?: number | undefined;
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
alignContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "stretch" | undefined;
alignItems?: import("react-native").FlexAlignType | undefined;
alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
aspectRatio?: string | number | undefined;
borderBottomWidth?: number | undefined;
borderEndWidth?: number | undefined;
borderLeftWidth?: number | undefined;
borderRightWidth?: number | undefined;
borderStartWidth?: number | undefined;
borderTopWidth?: number | undefined;
borderWidth?: number | undefined;
bottom?: import("react-native").DimensionValue | undefined;
display?: "none" | "flex" | undefined;
end?: import("react-native").DimensionValue | undefined;
flex?: number | undefined;
flexBasis?: import("react-native").DimensionValue | undefined;
flexDirection: "row" | "column" | "row-reverse" | "column-reverse";
rowGap?: number | undefined;
gap?: number | undefined;
columnGap?: number | undefined;
flexGrow?: number | undefined;
flexShrink?: number | undefined;
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
height?: import("react-native").DimensionValue | undefined;
justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
left?: import("react-native").DimensionValue | undefined;
margin?: import("react-native").DimensionValue | undefined;
marginBottom?: import("react-native").DimensionValue | undefined;
marginEnd?: import("react-native").DimensionValue | undefined;
marginHorizontal?: import("react-native").DimensionValue | undefined;
marginLeft?: import("react-native").DimensionValue | undefined;
marginRight?: import("react-native").DimensionValue | undefined;
marginStart?: import("react-native").DimensionValue | undefined;
marginTop?: import("react-native").DimensionValue | undefined;
marginVertical?: import("react-native").DimensionValue | undefined;
maxHeight?: import("react-native").DimensionValue | undefined;
maxWidth?: import("react-native").DimensionValue | undefined;
minHeight?: import("react-native").DimensionValue | undefined;
minWidth?: import("react-native").DimensionValue | undefined;
overflow?: "visible" | "hidden" | "scroll" | undefined;
padding?: import("react-native").DimensionValue | undefined;
paddingBottom?: import("react-native").DimensionValue | undefined;
paddingEnd?: import("react-native").DimensionValue | undefined;
paddingHorizontal?: import("react-native").DimensionValue | undefined;
paddingLeft?: import("react-native").DimensionValue | undefined;
paddingRight?: import("react-native").DimensionValue | undefined;
paddingStart?: import("react-native").DimensionValue | undefined;
paddingTop?: import("react-native").DimensionValue | undefined;
paddingVertical?: import("react-native").DimensionValue | undefined;
position?: "absolute" | "relative" | undefined;
right?: import("react-native").DimensionValue | undefined;
start?: import("react-native").DimensionValue | undefined;
top?: import("react-native").DimensionValue | undefined;
width: import("react-native").DimensionValue;
zIndex?: number | undefined;
direction?: "inherit" | "ltr" | "rtl" | undefined;
shadowColor?: import("react-native").ColorValue | undefined;
shadowOffset?: Readonly<{
width: number;
height: number;
}> | undefined;
shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
shadowRadius?: number | undefined;
transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
transformMatrix?: number[] | undefined;
rotation?: import("react-native").AnimatableNumericValue | undefined;
scaleX?: import("react-native").AnimatableNumericValue | undefined;
scaleY?: import("react-native").AnimatableNumericValue | undefined;
translateX?: import("react-native").AnimatableNumericValue | undefined;
translateY?: import("react-native").AnimatableNumericValue | undefined;
};
pickerLabelContainer: {
backfaceVisibility?: "visible" | "hidden" | undefined;
backgroundColor?: import("react-native").ColorValue | undefined;
borderBlockColor?: import("react-native").ColorValue | undefined;
borderBlockEndColor?: import("react-native").ColorValue | undefined;
borderBlockStartColor?: import("react-native").ColorValue | undefined;
borderBottomColor?: import("react-native").ColorValue | undefined;
borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderColor?: import("react-native").ColorValue | undefined;
borderCurve?: "circular" | "continuous" | undefined;
borderEndColor?: import("react-native").ColorValue | undefined;
borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderLeftColor?: import("react-native").ColorValue | undefined;
borderRadius?: import("react-native").AnimatableNumericValue | undefined;
borderRightColor?: import("react-native").ColorValue | undefined;
borderStartColor?: import("react-native").ColorValue | undefined;
borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
borderTopColor?: import("react-native").ColorValue | undefined;
borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
opacity?: import("react-native").AnimatableNumericValue | undefined;
elevation?: number | undefined;
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
alignContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "stretch" | undefined;
alignItems?: import("react-native").FlexAlignType | undefined;
alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
aspectRatio?: string | number | undefined;
borderBottomWidth?: number | undefined;
borderEndWidth?: number | undefined;
borderLeftWidth?: number | undefined;
borderRightWidth?: number | undefined;
borderStartWidth?: number | undefined;
borderTopWidth?: number | undefined;
borderWidth?: number | undefined;
bottom: import("react-native").DimensionValue;
display?: "none" | "flex" | undefined;
end?: import("react-native").DimensionValue | undefined;
flex?: number | undefined;
flexBasis?: import("react-native").DimensionValue | undefined;
flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
rowGap?: number | undefined;
gap?: number | undefined;
columnGap?: number | undefined;
flexGrow?: number | undefined;
flexShrink?: number | undefined;
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
height?: import("react-native").DimensionValue | undefined;
justifyContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
left: import("react-native").DimensionValue;
margin?: import("react-native").DimensionValue | undefined;
marginBottom?: import("react-native").DimensionValue | undefined;
marginEnd?: import("react-native").DimensionValue | undefined;
marginHorizontal?: import("react-native").DimensionValue | undefined;
marginLeft?: import("react-native").DimensionValue | undefined;
marginRight?: import("react-native").DimensionValue | undefined;
marginStart?: import("react-native").DimensionValue | undefined;
marginTop: import("react-native").DimensionValue;
marginVertical?: import("react-native").DimensionValue | undefined;
maxHeight?: import("react-native").DimensionValue | undefined;
maxWidth?: import("react-native").DimensionValue | undefined;
minHeight?: import("react-native").DimensionValue | undefined;
minWidth?: import("react-native").DimensionValue | undefined;
overflow?: "visible" | "hidden" | "scroll" | undefined;
padding?: import("react-native").DimensionValue | undefined;
paddingBottom?: import("react-native").DimensionValue | undefined;
paddingEnd?: import("react-native").DimensionValue | undefined;
paddingHorizontal?: import("react-native").DimensionValue | undefined;
paddingLeft?: import("react-native").DimensionValue | undefined;
paddingRight?: import("react-native").DimensionValue | undefined;
paddingStart?: import("react-native").DimensionValue | undefined;
paddingTop?: import("react-native").DimensionValue | undefined;
paddingVertical?: import("react-native").DimensionValue | undefined;
position: "absolute" | "relative";
right?: import("react-native").DimensionValue | undefined;
start?: import("react-native").DimensionValue | undefined;
top: import("react-native").DimensionValue;
width?: import("react-native").DimensionValue | undefined;
zIndex?: number | undefined;
direction?: "inherit" | "ltr" | "rtl" | undefined;
shadowColor?: import("react-native").ColorValue | undefined;
shadowOffset?: Readonly<{
width: number;
height: number;
}> | undefined;
shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
shadowRadius?: number | undefined;
transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
transformMatrix?: number[] | undefined;
rotation?: import("react-native").AnimatableNumericValue | undefined;
scaleX?: import("react-native").AnimatableNumericValue | undefined;
scaleY?: import("react-native").AnimatableNumericValue | undefined;
translateX?: import("react-native").AnimatableNumericValue | undefined;
translateY?: import("react-native").AnimatableNumericValue | undefined;
};
pickerLabel: {
color: import("react-native").ColorValue;
fontFamily?: string | undefined;
fontSize: number;
fontStyle?: "normal" | "italic" | undefined;
fontWeight: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
letterSpacing?: number | undefined;
lineHeight?: number | undefined;
textAlign?: "auto" | "center" | "left" | "right" | "justify" | undefined;
textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
textDecorationStyle?: "solid" | "dotted" | "dashed" | "double" | undefined;
textDecorationColor?: import("react-native").ColorValue | undefined;
textShadowColor?: import("react-native").ColorValue | undefined;
textShadowOffset?: {
width: number;
height: number;
} | undefined;
textShadowRadius?: number | undefined;
textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
testID?: string | undefined;
fontVariant?: import("react-native").FontVariant[] | undefined;
writingDirection?: "auto" | "ltr" | "rtl" | undefined;
backfaceVisibility?: "visible" | "hidden" | undefined;
backgroundColor?: import("react-native").ColorValue | undefined;
borderBlockColor?: import("react-native").ColorValue | undefined;
borderBlockEndColor?: import("react-native").ColorValue | undefined;
borderBlockStartColor?: import("react-native").ColorValue | undefined;
borderBottomColor?: import("react-native").ColorValue | undefined;
borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderColor?: import("react-native").ColorValue | undefined;
borderCurve?: "circular" | "continuous" | undefined;
borderEndColor?: import("react-native").ColorValue | undefined;
borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderLeftColor?: import("react-native").ColorValue | undefined;
borderRadius?: import("react-native").AnimatableNumericValue | undefined;
borderRightColor?: import("react-native").ColorValue | undefined;
borderStartColor?: import("react-native").ColorValue | undefined;
borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
borderTopColor?: import("react-native").ColorValue | undefined;
borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
opacity?: import("react-native").AnimatableNumericValue | undefined;
elevation?: number | undefined;
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
alignContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "stretch" | undefined;
alignItems?: import("react-native").FlexAlignType | undefined;
alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
aspectRatio?: string | number | undefined;
borderBottomWidth?: number | undefined;
borderEndWidth?: number | undefined;
borderLeftWidth?: number | undefined;
borderRightWidth?: number | undefined;
borderStartWidth?: number | undefined;
borderTopWidth?: number | undefined;
borderWidth?: number | undefined;
bottom?: import("react-native").DimensionValue | undefined;
display?: "none" | "flex" | undefined;
end?: import("react-native").DimensionValue | undefined;
flex?: number | undefined;
flexBasis?: import("react-native").DimensionValue | undefined;
flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
rowGap?: number | undefined;
gap?: number | undefined;
columnGap?: number | undefined;
flexGrow?: number | undefined;
flexShrink?: number | undefined;
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
height?: import("react-native").DimensionValue | undefined;
justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
left?: import("react-native").DimensionValue | undefined;
margin?: import("react-native").DimensionValue | undefined;
marginBottom?: import("react-native").DimensionValue | undefined;
marginEnd?: import("react-native").DimensionValue | undefined;
marginHorizontal?: import("react-native").DimensionValue | undefined;
marginLeft?: import("react-native").DimensionValue | undefined;
marginRight?: import("react-native").DimensionValue | undefined;
marginStart?: import("react-native").DimensionValue | undefined;
marginTop?: import("react-native").DimensionValue | undefined;
marginVertical?: import("react-native").DimensionValue | undefined;
maxHeight?: import("react-native").DimensionValue | undefined;
maxWidth?: import("react-native").DimensionValue | undefined;
minHeight?: import("react-native").DimensionValue | undefined;
minWidth?: import("react-native").DimensionValue | undefined;
overflow?: "visible" | "hidden" | "scroll" | undefined;
padding?: import("react-native").DimensionValue | undefined;
paddingBottom?: import("react-native").DimensionValue | undefined;
paddingEnd?: import("react-native").DimensionValue | undefined;
paddingHorizontal?: import("react-native").DimensionValue | undefined;
paddingLeft?: import("react-native").DimensionValue | undefined;
paddingRight?: import("react-native").DimensionValue | undefined;
paddingStart?: import("react-native").DimensionValue | undefined;
paddingTop?: import("react-native").DimensionValue | undefined;
paddingVertical?: import("react-native").DimensionValue | undefined;
position?: "absolute" | "relative" | undefined;
right?: import("react-native").DimensionValue | undefined;
start?: import("react-native").DimensionValue | undefined;
top?: import("react-native").DimensionValue | undefined;
width?: import("react-native").DimensionValue | undefined;
zIndex?: number | undefined;
direction?: "inherit" | "ltr" | "rtl" | undefined;
shadowColor?: import("react-native").ColorValue | undefined;
shadowOffset?: Readonly<{
width: number;
height: number;
}> | undefined;
shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
shadowRadius?: number | undefined;
transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
transformMatrix?: number[] | undefined;
rotation?: import("react-native").AnimatableNumericValue | undefined;
scaleX?: import("react-native").AnimatableNumericValue | undefined;
scaleY?: import("react-native").AnimatableNumericValue | undefined;
translateX?: import("react-native").AnimatableNumericValue | undefined;
translateY?: import("react-native").AnimatableNumericValue | undefined;
textAlignVertical?: "auto" | "center" | "bottom" | "top" | undefined;
verticalAlign?: "auto" | "bottom" | "top" | "middle" | undefined;
includeFontPadding?: boolean | undefined;
};
pickerItemContainer: {
backfaceVisibility?: "visible" | "hidden" | undefined;
backgroundColor?: import("react-native").ColorValue | undefined;
borderBlockColor?: import("react-native").ColorValue | undefined;
borderBlockEndColor?: import("react-native").ColorValue | undefined;
borderBlockStartColor?: import("react-native").ColorValue | undefined;
borderBottomColor?: import("react-native").ColorValue | undefined;
borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderColor?: import("react-native").ColorValue | undefined;
borderCurve?: "circular" | "continuous" | undefined;
borderEndColor?: import("react-native").ColorValue | undefined;
borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderLeftColor?: import("react-native").ColorValue | undefined;
borderRadius?: import("react-native").AnimatableNumericValue | undefined;
borderRightColor?: import("react-native").ColorValue | undefined;
borderStartColor?: import("react-native").ColorValue | undefined;
borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
borderTopColor?: import("react-native").ColorValue | undefined;
borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
opacity?: import("react-native").AnimatableNumericValue | undefined;
elevation?: number | undefined;
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
alignContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "stretch" | undefined;
alignItems: import("react-native").FlexAlignType;
alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
aspectRatio?: string | number | undefined;
borderBottomWidth?: number | undefined;
borderEndWidth?: number | undefined;
borderLeftWidth?: number | undefined;
borderRightWidth?: number | undefined;
borderStartWidth?: number | undefined;
borderTopWidth?: number | undefined;
borderWidth?: number | undefined;
bottom?: import("react-native").DimensionValue | undefined;
display?: "none" | "flex" | undefined;
end?: import("react-native").DimensionValue | undefined;
flex?: number | undefined;
flexBasis?: import("react-native").DimensionValue | undefined;
flexDirection: "row" | "column" | "row-reverse" | "column-reverse";
rowGap?: number | undefined;
gap?: number | undefined;
columnGap?: number | undefined;
flexGrow?: number | undefined;
flexShrink?: number | undefined;
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
height: import("react-native").DimensionValue & number;
justifyContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
left?: import("react-native").DimensionValue | undefined;
margin?: import("react-native").DimensionValue | undefined;
marginBottom?: import("react-native").DimensionValue | undefined;
marginEnd?: import("react-native").DimensionValue | undefined;
marginHorizontal?: import("react-native").DimensionValue | undefined;
marginLeft?: import("react-native").DimensionValue | undefined;
marginRight?: import("react-native").DimensionValue | undefined;
marginStart?: import("react-native").DimensionValue | undefined;
marginTop?: import("react-native").DimensionValue | undefined;
marginVertical?: import("react-native").DimensionValue | undefined;
maxHeight?: import("react-native").DimensionValue | undefined;
maxWidth?: import("react-native").DimensionValue | undefined;
minHeight?: import("react-native").DimensionValue | undefined;
minWidth?: import("react-native").DimensionValue | undefined;
overflow?: "visible" | "hidden" | "scroll" | undefined;
padding?: import("react-native").DimensionValue | undefined;
paddingBottom?: import("react-native").DimensionValue | undefined;
paddingEnd?: import("react-native").DimensionValue | undefined;
paddingHorizontal?: import("react-native").DimensionValue | undefined;
paddingLeft?: import("react-native").DimensionValue | undefined;
paddingRight?: import("react-native").DimensionValue | undefined;
paddingStart?: import("react-native").DimensionValue | undefined;
paddingTop?: import("react-native").DimensionValue | undefined;
paddingVertical?: import("react-native").DimensionValue | undefined;
position?: "absolute" | "relative" | undefined;
right?: import("react-native").DimensionValue | undefined;
start?: import("react-native").DimensionValue | undefined;
top?: import("react-native").DimensionValue | undefined;
width?: import("react-native").DimensionValue | undefined;
zIndex?: number | undefined;
direction?: "inherit" | "ltr" | "rtl" | undefined;
shadowColor?: import("react-native").ColorValue | undefined;
shadowOffset?: Readonly<{
width: number;
height: number;
}> | undefined;
shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
shadowRadius?: number | undefined;
transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
transformMatrix?: number[] | undefined;
rotation?: import("react-native").AnimatableNumericValue | undefined;
scaleX?: import("react-native").AnimatableNumericValue | undefined;
scaleY?: import("react-native").AnimatableNumericValue | undefined;
translateX?: import("react-native").AnimatableNumericValue | undefined;
translateY?: import("react-native").AnimatableNumericValue | undefined;
};
pickerItem: {
color: import("react-native").ColorValue;
fontFamily?: string | undefined;
fontSize: number;
fontStyle?: "normal" | "italic" | undefined;
fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
letterSpacing?: number | undefined;
lineHeight?: number | undefined;
textAlign?: "auto" | "center" | "left" | "right" | "justify" | undefined;
textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
textDecorationStyle?: "solid" | "dotted" | "dashed" | "double" | undefined;
textDecorationColor?: import("react-native").ColorValue | undefined;
textShadowColor?: import("react-native").ColorValue | undefined;
textShadowOffset?: {
width: number;
height: number;
} | undefined;
textShadowRadius?: number | undefined;
textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
testID?: string | undefined;
fontVariant?: import("react-native").FontVariant[] | undefined;
writingDirection?: "auto" | "ltr" | "rtl" | undefined;
backfaceVisibility?: "visible" | "hidden" | undefined;
backgroundColor?: import("react-native").ColorValue | undefined;
borderBlockColor?: import("react-native").ColorValue | undefined;
borderBlockEndColor?: import("react-native").ColorValue | undefined;
borderBlockStartColor?: import("react-native").ColorValue | undefined;
borderBottomColor?: import("react-native").ColorValue | undefined;
borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderColor?: import("react-native").ColorValue | undefined;
borderCurve?: "circular" | "continuous" | undefined;
borderEndColor?: import("react-native").ColorValue | undefined;
borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderLeftColor?: import("react-native").ColorValue | undefined;
borderRadius?: import("react-native").AnimatableNumericValue | undefined;
borderRightColor?: import("react-native").ColorValue | undefined;
borderStartColor?: import("react-native").ColorValue | undefined;
borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
borderTopColor?: import("react-native").ColorValue | undefined;
borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
opacity?: import("react-native").AnimatableNumericValue | undefined;
elevation?: number | undefined;
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
alignContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "stretch" | undefined;
alignItems?: import("react-native").FlexAlignType | undefined;
alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
aspectRatio?: string | number | undefined;
borderBottomWidth?: number | undefined;
borderEndWidth?: number | undefined;
borderLeftWidth?: number | undefined;
borderRightWidth?: number | undefined;
borderStartWidth?: number | undefined;
borderTopWidth?: number | undefined;
borderWidth?: number | undefined;
bottom?: import("react-native").DimensionValue | undefined;
display?: "none" | "flex" | undefined;
end?: import("react-native").DimensionValue | undefined;
flex?: number | undefined;
flexBasis?: import("react-native").DimensionValue | undefined;
flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
rowGap?: number | undefined;
gap?: number | undefined;
columnGap?: number | undefined;
flexGrow?: number | undefined;
flexShrink?: number | undefined;
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
height?: import("react-native").DimensionValue | undefined;
justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
left?: import("react-native").DimensionValue | undefined;
margin?: import("react-native").DimensionValue | undefined;
marginBottom?: import("react-native").DimensionValue | undefined;
marginEnd?: import("react-native").DimensionValue | undefined;
marginHorizontal?: import("react-native").DimensionValue | undefined;
marginLeft?: import("react-native").DimensionValue | undefined;
marginRight?: import("react-native").DimensionValue | undefined;
marginStart?: import("react-native").DimensionValue | undefined;
marginTop?: import("react-native").DimensionValue | undefined;
marginVertical?: import("react-native").DimensionValue | undefined;
maxHeight?: import("react-native").DimensionValue | undefined;
maxWidth?: import("react-native").DimensionValue | undefined;
minHeight?: import("react-native").DimensionValue | undefined;
minWidth?: import("react-native").DimensionValue | undefined;
overflow: "visible" | "hidden" | "scroll";
padding?: import("react-native").DimensionValue | undefined;
paddingBottom?: import("react-native").DimensionValue | undefined;
paddingEnd?: import("react-native").DimensionValue | undefined;
paddingHorizontal?: import("react-native").DimensionValue | undefined;
paddingLeft?: import("react-native").DimensionValue | undefined;
paddingRight?: import("react-native").DimensionValue | undefined;
paddingStart?: import("react-native").DimensionValue | undefined;
paddingTop?: import("react-native").DimensionValue | undefined;
paddingVertical?: import("react-native").DimensionValue | undefined;
position?: "absolute" | "relative" | undefined;
right?: import("react-native").DimensionValue | undefined;
start?: import("react-native").DimensionValue | undefined;
top?: import("react-native").DimensionValue | undefined;
width?: import("react-native").DimensionValue | undefined;
zIndex?: number | undefined;
direction?: "inherit" | "ltr" | "rtl" | undefined;
shadowColor?: import("react-native").ColorValue | undefined;
shadowOffset?: Readonly<{
width: number;
height: number;
}> | undefined;
shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
shadowRadius?: number | undefined;
transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
transformMatrix?: number[] | undefined;
rotation?: import("react-native").AnimatableNumericValue | undefined;
scaleX?: import("react-native").AnimatableNumericValue | undefined;
scaleY?: import("react-native").AnimatableNumericValue | undefined;
translateX?: import("react-native").AnimatableNumericValue | undefined;
translateY?: import("react-native").AnimatableNumericValue | undefined;
textAlignVertical: "auto" | "center" | "bottom" | "top";
verticalAlign?: "auto" | "bottom" | "top" | "middle" | undefined;
includeFontPadding?: boolean | undefined;
};
pickerAmPmContainer: {
backfaceVisibility?: "visible" | "hidden" | undefined;
backgroundColor?: import("react-native").ColorValue | undefined;
borderBlockColor?: import("react-native").ColorValue | undefined;
borderBlockEndColor?: import("react-native").ColorValue | undefined;
borderBlockStartColor?: import("react-native").ColorValue | undefined;
borderBottomColor?: import("react-native").ColorValue | undefined;
borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderColor?: import("react-native").ColorValue | undefined;
borderCurve?: "circular" | "continuous" | undefined;
borderEndColor?: import("react-native").ColorValue | undefined;
borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderLeftColor?: import("react-native").ColorValue | undefined;
borderRadius?: import("react-native").AnimatableNumericValue | undefined;
borderRightColor?: import("react-native").ColorValue | undefined;
borderStartColor?: import("react-native").ColorValue | undefined;
borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
borderTopColor?: import("react-native").ColorValue | undefined;
borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
opacity?: import("react-native").AnimatableNumericValue | undefined;
elevation?: number | undefined;
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
alignContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "stretch" | undefined;
alignItems?: import("react-native").FlexAlignType | undefined;
alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
aspectRatio?: string | number | undefined;
borderBottomWidth?: number | undefined;
borderEndWidth?: number | undefined;
borderLeftWidth?: number | undefined;
borderRightWidth?: number | undefined;
borderStartWidth?: number | undefined;
borderTopWidth?: number | undefined;
borderWidth?: number | undefined;
bottom: import("react-native").DimensionValue;
display?: "none" | "flex" | undefined;
end?: import("react-native").DimensionValue | undefined;
flex?: number | undefined;
flexBasis?: import("react-native").DimensionValue | undefined;
flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
rowGap?: number | undefined;
gap?: number | undefined;
columnGap?: number | undefined;
flexGrow?: number | undefined;
flexShrink?: number | undefined;
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
height?: import("react-native").DimensionValue | undefined;
justifyContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
left: import("react-native").DimensionValue;
margin?: import("react-native").DimensionValue | undefined;
marginBottom?: import("react-native").DimensionValue | undefined;
marginEnd?: import("react-native").DimensionValue | undefined;
marginHorizontal?: import("react-native").DimensionValue | undefined;
marginLeft?: import("react-native").DimensionValue | undefined;
marginRight?: import("react-native").DimensionValue | undefined;
marginStart?: import("react-native").DimensionValue | undefined;
marginTop: import("react-native").DimensionValue;
marginVertical?: import("react-native").DimensionValue | undefined;
maxHeight?: import("react-native").DimensionValue | undefined;
maxWidth?: import("react-native").DimensionValue | undefined;
minHeight?: import("react-native").DimensionValue | undefined;
minWidth?: import("react-native").DimensionValue | undefined;
overflow?: "visible" | "hidden" | "scroll" | undefined;
padding?: import("react-native").DimensionValue | undefined;
paddingBottom?: import("react-native").DimensionValue | undefined;
paddingEnd?: import("react-native").DimensionValue | undefined;
paddingHorizontal?: import("react-native").DimensionValue | undefined;
paddingLeft?: import("react-native").DimensionValue | undefined;
paddingRight?: import("react-native").DimensionValue | undefined;
paddingStart?: import("react-native").DimensionValue | undefined;
paddingTop?: import("react-native").DimensionValue | undefined;
paddingVertical?: import("react-native").DimensionValue | undefined;
position: "absolute" | "relative";
right?: import("react-native").DimensionValue | undefined;
start?: import("react-native").DimensionValue | undefined;
top: import("react-native").DimensionValue;
width?: import("react-native").DimensionValue | undefined;
zIndex?: number | undefined;
direction?: "inherit" | "ltr" | "rtl" | undefined;
shadowColor?: import("react-native").ColorValue | undefined;
shadowOffset?: Readonly<{
width: number;
height: number;
}> | undefined;
shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
shadowRadius?: number | undefined;
transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
transformMatrix?: number[] | undefined;
rotation?: import("react-native").AnimatableNumericValue | undefined;
scaleX?: import("react-native").AnimatableNumericValue | undefined;
scaleY?: import("react-native").AnimatableNumericValue | undefined;
translateX?: import("react-native").AnimatableNumericValue | undefined;
translateY?: import("react-native").AnimatableNumericValue | undefined;
};
pickerAmPmLabel: {
color: import("react-native").ColorValue;
fontFamily?: string | undefined;
fontSize: number;
fontStyle?: "normal" | "italic" | undefined;
fontWeight: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
letterSpacing?: number | undefined;
lineHeight?: number | undefined;
textAlign?: "auto" | "center" | "left" | "right" | "justify" | undefined;
textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
textDecorationStyle?: "solid" | "dotted" | "dashed" | "double" | undefined;
textDecorationColor?: import("react-native").ColorValue | undefined;
textShadowColor?: import("react-native").ColorValue | undefined;
textShadowOffset?: {
width: number;
height: number;
} | undefined;
textShadowRadius?: number | undefined;
textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
testID?: string | undefined;
fontVariant?: import("react-native").FontVariant[] | undefined;
writingDirection?: "auto" | "ltr" | "rtl" | undefined;
backfaceVisibility?: "visible" | "hidden" | undefined;
backgroundColor?: import("react-native").ColorValue | undefined;
borderBlockColor?: import("react-native").ColorValue | undefined;
borderBlockEndColor?: import("react-native").ColorValue | undefined;
borderBlockStartColor?: import("react-native").ColorValue | undefined;
borderBottomColor?: import("react-native").ColorValue | undefined;
borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderColor?: import("react-native").ColorValue | undefined;
borderCurve?: "circular" | "continuous" | undefined;
borderEndColor?: import("react-native").ColorValue | undefined;
borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
borderLeftColor?: import("react-native").ColorValue | undefined;
borderRadius?: import("react-nativ