react-native-full-calendars
Version:
React Native Full Calendar (RNFC) is an intuitive and powerful calendar component library designed for React Native.
42 lines (41 loc) • 1.39 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _dateFns = require("date-fns");
var _reactNative = require("react-native");
var _computedWeeks = require("../../../../src/calendar/utils/computed-weeks");
var _DayWrapper = require("../day/DayWrapper");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function Week({
days,
firstDayOfMonth
}) {
const sameMonth = (0, _dateFns.isSameMonth)(days[0], firstDayOfMonth);
const weeks = (0, _computedWeeks.computedWeeksOfMonth)(days[0], sameMonth ? false : true);
const weekStyle = [styles.weekContainer, {
height: `${Math.floor(100 / weeks)}%`
}];
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
style: weekStyle,
children: days.map(day => {
const isDisabled = !(0, _dateFns.isSameMonth)(day, firstDayOfMonth);
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayWrapper.DayWrapper, {
isDisabled: isDisabled,
date: day
}, day?.toISOString());
})
});
}
var _default = exports.default = Week;
const styles = _reactNative.StyleSheet.create({
weekContainer: {
flex: 1,
flexDirection: 'row',
justifyContent: 'space-between'
}
});
//# sourceMappingURL=Week.js.map