txend-react-native-ui-datepicker/lib/module/components/Calendar.js

Customizable multi-date range datetime picker for React Native

import React from 'react';
import { View, StyleSheet } from 'react-native';
import { useCalendarContext } from '../CalendarContext';
import Header from './Header';
import Footer from './Footer';
import YearSelector from './YearSelector';
import MonthSelector from './MonthSelector';
import DaySelector from './DaySelector';
import TimeSelector from './TimeSelector';
import { CALENDAR_HEIGHT } from '../enums';
const CalendarView = {
  year: /*#__PURE__*/React.createElement(YearSelector, null),
  month: /*#__PURE__*/React.createElement(MonthSelector, null),
  day: /*#__PURE__*/React.createElement(DaySelector, null),
  time: /*#__PURE__*/React.createElement(TimeSelector, null)
};
const Calendar = ({
  buttonPrevIcon,
  buttonNextIcon
}) => {
  const {
    calendarView,
    mode
  } = useCalendarContext();
  return /*#__PURE__*/React.createElement(View, {
    style: styles.container,
    testID: "calendar"
  }, mode !== 'time' ? /*#__PURE__*/React.createElement(Header, {
    buttonPrevIcon: buttonPrevIcon,
    buttonNextIcon: buttonNextIcon
  }) : null, /*#__PURE__*/React.createElement(View, {
    style: styles.calendarContainer
  }, CalendarView[calendarView]), mode !== 'time' ? /*#__PURE__*/React.createElement(Footer, null) : null);
};
const styles = StyleSheet.create({
  container: {
    width: '100%',
    backgroundColor: 'rgba(118, 118, 128, 0.24)',
    borderRadius: 13
  },
  calendarContainer: {
    height: CALENDAR_HEIGHT,
    alignItems: 'center'
  }
});
export default Calendar;
//# sourceMappingURL=Calendar.js.map