ux designer – Represents the user interface of the timetable in Android

I have to draw an Android layout from the web page shown below.

How can I represent the hourly UI below for an Android layout?

schedule

Note that periods and days are delivered dynamically by a REST API and that they do not contain every day and every hour; so I can not use a calendar view a week
and when a group selects the equivalent period and day, it must be presented as a square filling the equivalent cell.

I have designed the selection user interface that is part of the recording stage layout and contains a rebreather view with maps. Each card represents a course as shown below.

enter the description of the image here

Similarly, should I design the user interface schedules in the same step as the selection step or is it better that the UX has a second step to review the selection?