How to pass maxspan of 31 days for allowing max range of 31 days between start and end dates?

[ndn-rishbh123]

<DateRangePicker
        startDate={startDate}
        endDate={endDate}
        timePicker={timePicker}
        showDropdowns={true}
        ranges={showRanges && !singleDatePicker ? ranges : undefined}
        alwaysShowCalendars={true}
        showCustomRangeLabel={false}
        singleDatePicker={singleDatePicker}
        locale={locale}
        linkedCalendars={false}
        onApply={this.handleApply}
        minDate={minDate ? minDate : undefined}
        maxSpan={moment(31, "days")}
/>

I've used daterangepicker in the following manner but the maxSpan property is not working for me. I'm using version 4.1.0. Can anyone suggest what I'm doing wrong?

[skychavda]

How did you solve this issue. I am currently facing this is issue in my development, I want only select 7 days between start and end dates.