@demitoye/react_native_month_year_picker/src/MonthPicker.android.js

React Native Month Picker component for iOS & Android

import moment from 'moment';
import invariant from 'invariant';

import RNMonthPickerDialogModule from './RNMonthPickerDialogModule';
import {
  ACTION_DATE_SET,
  ACTION_DISMISSED,
  ACTION_NEUTRAL,
  NATIVE_FORMAT,
} from './constants';

const MonthPicker = ({
  value,
  onChange,
  minimumDate,
  maximumDate,
  ...restProps
}) => {
  invariant(value, 'value prop is required!');

  RNMonthPickerDialogModule.open({
    value: value.getTime(),
    minimumDate: minimumDate?.getTime() ?? null,
    maximumDate: maximumDate?.getTime() ?? null,
    ...restProps,
  }).then(
    ({ action, year, month }) => {
      let date;
      switch (action) {
        case ACTION_DATE_SET:
        case ACTION_NEUTRAL:
          date = moment(`${month}-${year}`, NATIVE_FORMAT).toDate();
          break;
        case ACTION_DISMISSED:
        default:
          date = undefined;
      }
      onChange && onChange(action, date);
    },
    error => {
      throw error;
    },
  );

  return null;
};

export default MonthPicker;