Date & Time Picker

Created a custom button using React Native's "TouchableOpacity" with variants like primary, default, outline, etc.


Props

variant
Type: string
Description: Specifies the style variant of the picker button, such as primary, default, or outline.
       <DateTimePicker variant="primary" ... /> 
    
style
Type: Style Object
Description: Custom styles for the picker button.
       <DateTimePicker style={{ backgroundColor: 'blue' }} ... /> 
    
mainStyle
Type: Style Object
Description: Provides main styling for the Picker button component.
       <DateTimePicker mainStyle={{ borderWidth: 1, borderColor: 'grey' }} ... /> 
    
icon
Type: { name: string; type: string; right: boolean; style: any }
Description: Specifies the icon properties, including the icon name, type, optional right alignment, and custom styles.
       <DateTimePicker icon={{ name: 'clockcircleo', type: 'AntDesign', right: true }}   ... />