UNPKG

react-native-dates-picker

Version:
53 lines (52 loc) 2.05 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _react = require("react"); var _reactNative = require("react-native"); var _CalendarContext = require("../CalendarContext"); var _Header = _interopRequireDefault(require("./Header")); var _YearSelector = _interopRequireDefault(require("./YearSelector")); var _MonthSelector = _interopRequireDefault(require("./MonthSelector")); var _DaySelector = _interopRequireDefault(require("./DaySelector")); var _TimeSelector = _interopRequireDefault(require("./TimeSelector")); var _DatePicker = _interopRequireDefault(require("./DatePicker")); var _enums = require("../enums"); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } const CalendarView = { year: /*#__PURE__*/React.createElement(_YearSelector.default, null), month: /*#__PURE__*/React.createElement(_MonthSelector.default, null), day: /*#__PURE__*/React.createElement(_DaySelector.default, null), time: /*#__PURE__*/React.createElement(_TimeSelector.default, null) }; const Calendar = ({ buttonPrevIcon, buttonNextIcon, height, containerStyle }) => { const { calendarView, mode } = (0, _CalendarContext.useCalendarContext)(); const styles = _reactNative.StyleSheet.create({ container: { width: '100%' }, calendarContainer: { height: height || _enums.CALENDAR_HEIGHT, alignItems: 'center' } }); return /*#__PURE__*/React.createElement(_reactNative.View, { style: [styles.container, containerStyle] }, mode !== 'wheel' && /*#__PURE__*/React.createElement(_Header.default, { buttonPrevIcon: buttonPrevIcon, buttonNextIcon: buttonNextIcon }), /*#__PURE__*/React.createElement(_reactNative.View, { style: styles.calendarContainer }, mode === 'wheel' ? /*#__PURE__*/React.createElement(_DatePicker.default, null) : CalendarView[calendarView])); }; var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Calendar); //# sourceMappingURL=Calendar.js.map