Moment object contains inconsistent timestamp

[mikeyfafa]

Here's my control.
<vue-monthly-picker selectedBackgroundColor="#66615b" v-bind:monthLabels="labels" clearOption placeHolder="MM/YYYY" dateFormat="MM/YYYY" v-model="user.MonthDate"> </vue-monthly-picker>

If I select April 2020 (04/2020) (for example)
this is the value I'm seeing when debugging.
this.user.MonthDate.toString(): "Wed Apr 01 2020 00:00:00 GMT+0100"
this.user.MonthDate.utc().toString(): "Tue Mar 31 2020 23:00:00 GMT+0000"
this.user.MonthDate.utc().month(): 2
this.user.MonthDate.month(): 2

But it I select Mar 2020 (03/2020)
I see this value
this.user.MonthDate.toString(): "Tue Mar 31 2020 23:00:00 GMT+0000"
this.user.MonthDate.utc().toString(): "Tue Mar 31 2020 23:00:00 GMT+0000"
this.user.MonthDate.utc().month(): 2
this.user.MonthDate.month(): 2

Because of this, when I use April, May etc the month() function is returning me the wrong value i.e. 2 for April instead of 3. If I select Mar then it's also 2 so I can't tell what the real month is. Is there a workaround or can this be fixed?