react-native-dates-picker/lib/module/components/Calendar.js

Customizable date picker for React Native

import { memo } from 'react';
import { View, StyleSheet } from 'react-native';
import { useCalendarContext } from '../CalendarContext';
import Header from './Header';
import YearSelector from './YearSelector';
import MonthSelector from './MonthSelector';
import DaySelector from './DaySelector';
import TimeSelector from './TimeSelector';
import DatePicker from './DatePicker';
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,
  height,
  containerStyle
}) => {
  const {
    calendarView,
    mode
  } = useCalendarContext();
  const styles = StyleSheet.create({
    container: {
      width: '100%'
    },
    calendarContainer: {
      height: height || CALENDAR_HEIGHT,
      alignItems: 'center'
    }
  });
  return /*#__PURE__*/React.createElement(View, {
    style: [styles.container, containerStyle]
  }, mode !== 'wheel' && /*#__PURE__*/React.createElement(Header, {
    buttonPrevIcon: buttonPrevIcon,
    buttonNextIcon: buttonNextIcon
  }), /*#__PURE__*/React.createElement(View, {
    style: styles.calendarContainer
  }, mode === 'wheel' ? /*#__PURE__*/React.createElement(DatePicker, null) : CalendarView[calendarView]));
};
export default /*#__PURE__*/memo(Calendar);
//# sourceMappingURL=Calendar.js.map