hey everybody I'm still new to the react native world. I'm using expo and the project is in typescript
I get this error when I try style date picker
eg <DatePicker style={styles.datepicker}. <-- error happens here
Type '{ style: { width: number; marginTop: number; }; date: string; mode: string; placeholder: string; format: string; minDate: string; maxDate: string; confirmBtnText: string; cancelBtnText: string; customStyles: { ...; }; onDateChange: (date: any) => void; }' is not assignable to type 'IntrinsicAttributes'. Property 'style' does not exist on type 'IntrinsicAttributes'.ts(2322)
import React, { use state } from 'react';
import { Platform, View, Button,Text ,StyleSheet} from 'react-native';
export default function DatePicker () {
const [date, setDate] = useState('09-10-2020');
return (
<View style={styles.container}>
<Text style={styles.title}>
React Native Date Picker – To Pick the Date using Native Calendar
</Text>
<DatePicker
style={styles.datePickerStyle}
date={date} //initial date from state
mode="date" //The enum of date, datetime and time
placeholder="select date"
format="DD-MM-YYYY"
minDate="01-01-2016"
maxDate="01-01-2019"
confirmBtnText="Confirm"
cancelBtnText="Cancel"
customStyles={{
dateIcon: {
//display: 'none',
position: 'absolute',
left: 0,
top: 4,
marginLeft: 0,
},
dateInput: {
marginLeft: 36,
},
}}
onDateChange={(date) => {
setDate(date);
}}
/>
</View>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
padding: 10,
justifyContent: 'center',
alignItems: 'center',
},
title: {
textAlign: 'center',
fontSize: 20,
fontWeight: 'bold',
padding: 20,
},
datePickerStyle: {
width: 200,
marginTop: 20,
},
}); ```