another-react-native-simple-calendar v1.0.2

react-native-simple-calendar

React Native calendar component and date slider

Installation

npm i another-react-native-simple-calendar

Usage

import React, {useState} from 'react';
import {Text, View} from 'react-native';
import {Calendar, DateSlider} from 'another-react-native-simple-calendar';
import dayjs from 'dayjs';

const App = () => {
  const [date, setDate] = useState(dayjs());

  return (
    <View style={styles.appContainer}>
      <Text style={styles.text}>Swipe or tap to change date</Text>
      <DateSlider
        style={styles.dateSliderContainer}
        date={date}
        setDate={setDate}
        type="day"
        format="D MMM YYYY"
      />
      <DateSlider
        style={styles.dateSliderContainer}
        date={date}
        setDate={setDate}
        type="month"
        format="MMMM"
      />
      <DateSlider
        style={styles.dateSliderContainer}
        date={date}
        setDate={setDate}
        type="year"
        format="YYYY"
      />
      <Calendar date={date} setDate={setDate} />
    </View>
  );
};

export default App;

DateSlider Methods

setDate(date)

DateSlider Props

Calendar Methods

setDate(date)

DateSlider Props