Я должен сделать копию следующего экрана:

Когда я нажимаю на вкладку VIERNES, 05
, я хочу, чтобы список отображался ниже и когда я нажимаю на вкладку SABADO, 06
, я хочу, чтобы отображался другой список. Но я хочу, чтобы переход из одного списка в другой происходил не внезапно, а постепенно, как на изображении gif
выше, путем скольжения (может быть, оно сделано с фрагментами, я не знаю). Я также хочу, чтобы выбранный tab
изменил свой стиль, единственное отличие, которое я хочу, это то, что он подчеркнут синей цветной линией, шестнадцатеричный цвет: #007bc4
. Мой вопрос: как мне создавать вкладки и выполнять описанные выше функции? ? Я попробовал все с первой страницы Google, но ничего не получалось.