react-native-drag-calendar

React Native Calendar Components + Drag Selection

Usage no npm install needed!

<script type="module">
  import reactNativeDragCalendar from 'https://cdn.skypack.dev/react-native-drag-calendar';
</script>

README

<DragCalendar
  selectionAvailable={'future'}
  initMarkedDates={[]}
  theme={{
    arrowColor: '#000',
    disabledArrowColor: '#D8D8D8',
    textDisabledColor: '#D8D8D8',
    todayTextColor: '#FFA901',
    textDayHeaderFontSize: 17,
  }}
  selectionColor={'#FEEECC'}
  onSelectionChange={(newSelection: any) => {
    console.log({newSelection});
  }}
  arrowStyle={styles.arrowStyle}
  mothStyle={styles.monthStyle}
  dayHeaderStyle={styles.dayHeaderStyle}
  dayStyle={styles.dayStyle}
  filterHeight={Normalize(34)}
  baseWidth={Normalize(34)}
  borderRadius={Normalize(17)}
/>