ux designer – Represnet the schedule interface in Android

I have to demarcate an Android layout from the website shown below.

How can I display the schedule interface shown below for an Android layout?

schedule

Note The periods and days are dynamically provided by a REST API and do not include all days and hours. Therefore, I can not use a calendar week view
and when a group is selected, the equivalent period and day must be represented as a square that fills the corresponding cell.

I've designed the selection UI, which is part of the Registration Step layout and contains a recycler view with maps, each of which maps a course (see below).

Enter the image description here

Should I also design the schedule UI in the same step as the select step, or is it better for UX to have a second step to review the selection?