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

Customizable date picker for React Native

import React from 'react';
import { View, StyleSheet } from 'react-native';
import { useCalendarContext } from '../CalendarContext';
import { CONTAINER_HEIGHT } from '../enums';
import WheelSelector from './WheelSelector';
const DatePicker = ({
  height,
  containerStyle
}) => {
  const {
    columns
  } = useCalendarContext();
  return /*#__PURE__*/React.createElement(View, {
    style: [styles.container, containerStyle]
  }, /*#__PURE__*/React.createElement(View, {
    style: [styles.datePickerContainer, {
      height: height || CONTAINER_HEIGHT
    }]
  }, columns === null || columns === void 0 ? void 0 : columns.map(item => /*#__PURE__*/React.createElement(WheelSelector, {
    key: item,
    type: item
  }))));
};
const styles = StyleSheet.create({
  container: {
    width: '100%'
  },
  datePickerContainer: {
    width: '100%',
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center',
    paddingHorizontal: 16,
    height: CONTAINER_HEIGHT
  }
});
export default DatePicker;
//# sourceMappingURL=DatePicker.js.map