Я столкнулся с той же проблемой, и я решил ее, используя material-ui-pickers library Вот пример:
import React, { Fragment, useState } from "react";
import { DatePicker, InlineDatePicker } from "material-ui-pickers";
function YearMonthPicker(props) {
const [selectedDate, handleDateChange] = useState(new Date());
return (
<Fragment>
<div className="picker">
<DatePicker
views={["year"]}
label="Year only"
value={selectedDate}
onChange={handleDateChange}
animateYearScrolling
/>
</div>
</Fragment>
);
}
export default YearMonthPicker;