react-native-year-month-pickers

This React-Native component library provides a seamless month and year picker for both Android and iOS platforms.

Examples

Install

Step 1

npm i react-native-year-month-pickers --save

or

yarn add react-native-year-month-pickers

Step 2

iOS

cd ios
pod install

Usage

Import library

import YearMonthPicker from "react-native-year-month-pickers";

Create required state variables

const [showPicker, setShowPicker] = useState(false);
const [monthYear, setMonthYear] = useState("");

Usage of the Month and Year value picker

<View>
  <Button title={"Show Date Picker"} onPress={() => setShowPicker(true)} />

  <YearMonthPicker
    show={showPicker}
    value={monthYear}
    onClose={() => setShowPicker(false)}
    onDone={(date) => {
      setMonthYear(date);
      setShowPicker(false);
    }}
  />
</View>

Request Object

Property	Required	Type	Description
show	Yes	bool (default false)	Show or Hide year month picker
value	Yes	string (default '')	Selected date or empty string to show today's date
animationType	No	string	This props used to show picker animation type like a Model acceptable values are fade, slide and none
primaryColor	No	string	A string color value of the picker
onClose	Yes	function	A callback function when hardware back button pressed in android or Cancel button pressed to close the picker
onDone	Yes	function	A callback function called when Done button pressed in picker and return a selected date as function argument

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website.

License

MIT