react-native-dates-picker
Version:
Customizable date picker for React Native
45 lines (44 loc) • 1.43 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _CalendarContext = require("../CalendarContext");
var _enums = require("../enums");
var _WheelSelector = _interopRequireDefault(require("./WheelSelector"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const DatePicker = ({
height,
containerStyle
}) => {
const {
columns
} = (0, _CalendarContext.useCalendarContext)();
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
style: [styles.container, containerStyle]
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
style: [styles.datePickerContainer, {
height: height || _enums.CONTAINER_HEIGHT
}]
}, columns === null || columns === void 0 ? void 0 : columns.map(item => /*#__PURE__*/_react.default.createElement(_WheelSelector.default, {
key: item,
type: item
}))));
};
const styles = _reactNative.StyleSheet.create({
container: {
width: '100%'
},
datePickerContainer: {
width: '100%',
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'center',
paddingHorizontal: 16,
height: _enums.CONTAINER_HEIGHT
}
});
var _default = exports.default = DatePicker;
//# sourceMappingURL=DatePicker.js.map