Magento 2: Month Range In Date Picker

I’m made custom report, I added date-picker, I just want to add Month Range, like User can only able to generate any three months report. but I can’t figure out how to do that. Here’s my code:

HTML

<form id="orderedproduct" autocomplete="off">
    <label for="from-date">From Date:</label>
    <div class="control">
        <input type="text" class="input-text required-entry hasDatepicker" id="from-date" name="from-date" aria-required="true" data-validate="{required:true, 'validate-date':true}" />
    </div>

    <label for="to-date">To Date:</label>
    <div class="control">
        <input type="text" class="input-text required-entry hasDatepicker" id="to-date" name="to-date" aria-required="true" data-validate="{required:true, 'validate-date':true}" />
    </div>
</form>

jQuery

<script>
    require([
        'jquery',
        'mage/mage',
        'mage/calendar'
    ], function($){
        $('#from-date').datepicker({
            dateFormat: 'd/m/yy',
            changeMonth: true,
            changeYear: true,
            onSelect: function() {
                var date = $(this).datepicker('getDate');
                $(this).val(date.getFullYear() + '-' + (date.getMonth()+1) + '-' + date.getDate());
            }
        });

        $('#to-date').datepicker({
            dateFormat: 'd/m/yy',
            changeMonth: true,
            changeYear: true,
            onSelect: function() {
                var date = $(this).datepicker('getDate');
                $(this).val(date.getFullYear() + '-' + (date.getMonth()+1) + '-' + date.getDate());
            }
        });
    });
</script>