react-native-min-range-calendar

Example

  render(){
    let currentDate = new Date();

    return(
      <Calendar
        locale = {"ru"}
        mode = {"range"}
        userColors = {{

        }}
        minDate = {currentDate}
        maxRange = {10}
        fadeDuration = {500}
      />)
  }

Properties

Prop	Type	Default	Desc
`locale`	`String`	Device language	Calendar localization. If not set the device language will be used.
`userColors`	`Object`	{}	Override colors. See below for details.
`userStyles`	`Object`	{}	Override styles. See below for details.
`minRange`	`Number` or `false`	false	Minimal avaliable size of selected range.
`maxRange`	`Number` or `false`	false	Maximal avaliable size of selected range.
`minDate`	`Date` or `false`	false	Minimal avaliable date to be selected. .
`maxDate`	`Date` or `false`	false	Maximal avaliable date to be selected.
`mode`	`String`	`both`	`single`, `range` or 'both. Give opportunity to select only one date, range, or both.
`fadeDuration`	`Number`	300	Month switching duration in ms.
		\|
		\|
		\|
		\|
		\|

Styles

If you want to change only colors of datepicker, you can use userColors property

If you need to customize styles, you can use userStyles property. UserStyles has higher priority than userColors.

Package detail

react-native-min-calendar

Example `javascript render(){ let currentDate = new Date();

readme

react-native-min-range-calendar

Example

Properties

Styles