[FullCalendar] モバイル用にセルのwidthを広げて横スクロールさせるCSS

FullCalendarでモバイル用にセルのwidthを広げて横スクロールさせたいというケースがありました。試行錯誤して、以下のCSSで意図した表示になりました。もっと良い方法があるかもしれませんが、とりあえずこれで。width: 200%を好みの値にしてください。

SCSS

div.fc-dayGridMonth-view.fc-view.fc-daygrid {
    overflow-x: scroll;

    @media screen and (min-width: 640px) {
        overflow-x: inherit;
    }
}

table.fc-scrollgrid {
    width: 200% !important;

    @media screen and (min-width: 640px) {
        width: 100% !important;
    }
}