@quidone/react-native-wheel-picker/dest/module/date/DatePickerMonth.js

Picker is a UI component for selecting an item from a list of options.

"use strict";

import React, { memo, useMemo } from 'react';
import Picker from '../base';
import { useDateContext } from './DatePickerValueProvider';
import { useOverlayItemStyle } from './useOverlayItemStyle';
import { useDatePickerLocale } from './DatePickerLocaleProvider';
import { withCommonProps } from './DatePickerCommonPropsProvider';
import { DateUtils } from './date';
import { withPickerControl } from '../picker-control';
import { jsx as _jsx } from "react/jsx-runtime";
const HocPicker = withCommonProps(withPickerControl(Picker));
const DatePickerMonth = ({
  width = 120,
  overlayItemStyle: overlayItemStyleProp,
  ...restProps
}) => {
  const localeData = useDatePickerLocale();
  const dateContext = useDateContext();
  const value = dateContext.value;
  const data = useMemo(() => {
    return [...Array(DateUtils.MONTH_COUNT).keys()].map(index => ({
      value: index,
      label: localeData.monthLongNames[index]
    }));
  }, [localeData.monthLongNames]);
  const overlayItemStyle = useOverlayItemStyle({
    curUnit: 'month',
    unitPositions: localeData.sortedDateUnitTypes,
    propStyle: overlayItemStyleProp
  });
  return /*#__PURE__*/_jsx(HocPicker, {
    width: width,
    overlayItemStyle: overlayItemStyle,
    ...restProps,
    pickerName: 'month',
    control: dateContext.pickerControl,
    value: value.month,
    data: data
  });
};
export default /*#__PURE__*/memo(DatePickerMonth);
//# sourceMappingURL=DatePickerMonth.js.map