JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mws-form-col-2-8">
    Date: 
       <input type="text" class="mws-datepicker day-picker" readonly="readonly" value="" />
    Month: 
       <input type="text" class="mws-datepicker month-picker" readonly="readonly" value="" />
</div>

JavaScript

$('.day-picker').datepicker( {
    dateFormat: 'dd MM yy',
    onClose: function(dateText, inst) { 
var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
        $(this).datepicker('setDate', new Date(year, month, 1));
    }
});

$('.month-picker').datepicker( {
    dateFormat: 'MM yy',
    onClose: function(dateText, inst) { 
var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
        $(this).datepicker('setDate', new Date(year, month, 1));
    }
});