0.0.2 • Published 2 months ago
react-native-intuitive-dynamic-calendar v0.0.2
react-native-intuitive-dynamic-calendar
common component for calendar
Installation
npm install react-native-intuitive-dynamic-calendar
or
yarn add react-native-intuitive-dynamic-calendar
Usage
import * as React from 'react';
import { SafeAreaView, StyleSheet, View } from 'react-native';
import IntuitiveCalender from 'react-native-intuitive-dynamic-calendar';
export default function App() {
return (
<SafeAreaView style={{ flex: 1 }}>
<View style={styles.container}>
<IntuitiveCalender onDateSelect={(dateArr) => console.log(dateArr)} />
</View>
</SafeAreaView>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
},
box: {
width: 60,
height: 60,
marginVertical: 20,
},
});
Usage with Custom UI Props
import * as React from 'react';
import { SafeAreaView, StyleSheet, View } from 'react-native';
import IntuitiveCalender from 'react-native-intuitive-dynamic-calendar';
export default function App() {
return (
<SafeAreaView style={{ flex: 1 }}>
<View style={styles.container}>
<IntuitiveCalender
onDateSelect={(dateArr) => console.log(dateArr)}
selectedTabColor="red"
unSelectedTabColor="silver"
buttonColor="red"
buttonTextStyle={{ fontSize: 22, color: 'black' }}
/>
</View>
</SafeAreaView>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
},
box: {
width: 60,
height: 60,
marginVertical: 20,
},
});
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
License
MIT
Made with create-react-native-library