Android Studio标签之间的单独功能（TimePicker）

Question

我无法在标签之间分隔TimePicker功能。这是我目前所拥有的：

<com.google.android.material.appbar.AppBarLayout

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary" />

</com.google.android.material.appbar.AppBarLayout>

<TimePicker
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

<androidx.viewpager.widget.ViewPager
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="@dimen/fab_margin"
    app:srcCompat="@android:drawable/ic_dialog_email" />

我试图将函数放在代码的不同部分，并在线搜索，但无济于事。不仅如此，该功能还保留在TabLayout上。