react-native-intuitive-dynamic-calendar

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