minYear, maxYear, minMonth, maxMonth?

The docs isn’t clear about this, it only cited the following:

// Minimum date that can be selected, dates before minDate will be grayed out. Default = undefined
minDate={'2012-05-10'}
// Maximum date that can be selected, dates after maxDate will be grayed out. Default = undefined
maxDate={'2012-05-30'}

[eggybot]

Hi Guys, is there a way we can limit the Arrows base on minDate and maxDate? so if I set my min-max date to

  minDate={'2018-04-15'}
  maxDate={'2018-05-25'}

so if I use the arrow left/right I can go only on the month of April and May. thus locking other months to be view.

thanks,

[Saujanmgr]

@eggybot, @s349856186 and for other who wants to disableArrowLeft and disableArrowRight after certain date.

In my project, I am using moment JS to get the date. Requirement: There should be a minimum date and maximum date, based on this library they provided, there is a function minDate and maxDate (This will only make the dates before min date and after maxdate disable not make the arrow button disable) so, in order to disable the arrow button:

My code is on Class component:

state = { disableArrowLeft: false, // THESE ARE USE FOR ENABLING AND DISABLING ARROW BUTTONS disableArrowRight: false, minDate:‘’, maxDate:‘’ }

componentDidMount() { let todayDate = moment().format(‘YYYY-MM-DD’); let maxDate = moment(todayDate).add(60, ‘days’).format(‘YYYY-MM-DD’); let minDate = moment(todayDate).subtract(360, ‘days’).format(‘YYYY-MM-DD’); // HERE FOR GETTING THE MIN AND MAX DATE BASED ON MY PROJECT this.setState({ maxDate, minDate, }); }

<Calendar disableArrowLeft={this.state.disableArrowLeft} disableArrowRight={this.state.disableArrowRight}

onMonthChange={date => {

        if (moment(date.dateString).isSame(this.state.maxDate, 'month')) {
          this.setState({
            disableArrowRight: true,
          });
        } else {
          this.setState({
            disableArrowRight: false,
          });
        }

        if (moment(date.dateString).isSame(this.state.minDate, 'month')) {
          this.setState({
            disableArrowLeft: true,
          });
        } else {
          this.setState({
            disableArrowLeft: false,
          });
        }

      }}

/>