Step 1:Add recyclerview library to bulid.gradle. File-project structure-Dependencies-All dependencies- click on + and search for recyclerview library-press ok.

paste below code to calenderavsc.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ffffff"
    tools:context=".Calender">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="none"
        android:paddingBottom="50dp"
        android:clipToPadding="false">

          <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <include layout="@layout/toolbar"/>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="37dp"
                android:orientation="vertical"
                android:background="#ffffff">

                <android.support.v7.widget.RecyclerView
                    android:id="@+id/recycler_calender"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>

                <android.support.v7.widget.RecyclerView
                    android:id="@+id/recycler_day"
                    android:paddingLeft="38.4dp"
                    android:clipToPadding="false"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>

            </LinearLayout>

        </LinearLayout>

    </ScrollView>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:gravity="right"
        android:orientation="vertical">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/plus_green" />

    </LinearLayout>

</RelativeLayout>

create item.xml

<android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card"
    android:layout_width="100dp"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:layout_margin="12dp"
    android:background="@drawable/rect_white"
    app:cardCornerRadius="4.8dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:gravity="center"
        android:orientation="vertical"
        android:paddingTop="12.7dp"
        android:paddingBottom="12.5dp">

            <ImageView
                android:id="@+id/imgbag"
                android:layout_width="20.2dp"
                android:layout_height="20.2dp"
                android:layout_gravity="center"
                android:scaleType="centerCrop"
                android:src="@drawable/bag" />

            <TextView
                android:id="@+id/txtconversion"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="9.6dp"
                android:text="@string/conversion"
                android:textColor="#6a6a77"
                android:textSize="9.6sp"/>


    </LinearLayout>

</android.support.v7.widget.CardView>

Create Model class

Step 1: Create package ModelClass.
Step 2: Add Java class – TrafficModel.
Step 3: Add textview id n imageview id.
Step 4: Creat

package com.wolfsoft.avsc.model;


public class TrafficModel {

    Integer imgbag;

    String txtconversion;


    public Integer getImgbag() {
        return imgbag;
    }

    public void setImgbag(Integer imgbag) {
        this.imgbag = imgbag;
    }

    public String getTxtconversion() {
        return txtconversion;
    }

    public void setTxtconversion(String txtconversion) {
        this.txtconversion = txtconversion;
    }

    public TrafficModel(Integer imgbag, String txtconversion) {
        this.imgbag = imgbag;
        this.txtconversion = txtconversion;
    }
}

Create adapter

Step 1: Create package Adapter.
Step 2: Add Java class – TrafficAdapter.
Step 3: Implement Methods.
Step 4:Paste Below Code to tTrafficAdapter.

package com.wolfsoft.avsc.adapter;

import android.content.Context;
import android.graphics.Color;
import android.support.annotation.NonNull;
import android.support.v7.widget.CardView;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import com.wolfsoft.avsc.R;
import com.wolfsoft.avsc.model.TrafficModel;
import java.util.ArrayList;


public class TrafficAdapter extends RecyclerView.Adapter<TrafficAdapter.ViewHolder> {

    int myPos=0;

    Context context;
    private ArrayList<TrafficModel> trafficModelArrayList;

    public TrafficAdapter(Context context, ArrayList<TrafficModel> trafficModelArrayList) {
        this.context = context;
        this.trafficModelArrayList = trafficModelArrayList;
    }

    @NonNull
    @Override
    public TrafficAdapter.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_traffic,parent,false);
        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull final TrafficAdapter.ViewHolder holder, final int position) {

        holder.imgbag.setImageResource(trafficModelArrayList.get(position).getImgbag());
        holder.txtconversion.setText(trafficModelArrayList.get(position).getTxtconversion());

        if (position==myPos){
            //  holder.card.setCardElevation(35);
         // holder.card.setOutlineSpotShadowColor(Color.parseColor("#000bff"));
            holder.imgbag.setColorFilter(Color.parseColor("#ffffff"));
            holder.txtconversion.setTextColor(Color.parseColor("#ffffff"));
            holder.card.setBackgroundResource(R.drawable.rect_blue); }

        else {

//            holder.card.setCardElevation(35);
//            holder.card.setOutlineSpotShadowColor(Color.parseColor("#808080"));
            holder.imgbag.setColorFilter(Color.parseColor("#bdc1c9"));
            holder.txtconversion.setTextColor(Color.parseColor("#6a6a77"));
            holder.card.setBackgroundResource(R.drawable.rect_white);
        }
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                myPos = position;
                notifyDataSetChanged();
            }
        });
    }

    @Override
    public int getItemCount() {
        return trafficModelArrayList.size();
    }

    public class ViewHolder extends RecyclerView.ViewHolder {


        ImageView imgbag,one;

        TextView txtconversion;

         CardView card;

        public ViewHolder(View itemView) {

            super(itemView);


            imgbag=itemView.findViewById(R.id.imgbag);
            txtconversion=itemView.findViewById(R.id.txtconversion);
            card=itemView.findViewById(R.id.card);
            one=itemView.findViewById(R.id.one);




        }
    }
}

Calenderavsc.java

package com.wolfsoft.avsc;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.DefaultItemAnimator;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.widget.ImageView;
import com.wolfsoft.avsc.adapter.InboxAdapter;
import com.wolfsoft.avsc.adapter.TrafficAdapter;
import com.wolfsoft.avsc.model.InboxModel;
import com.wolfsoft.avsc.model.TrafficModel;

import java.util.ArrayList;

public class Inbox extends AppCompatActivity {

    ImageView backarrow;

    private TrafficAdapter trafficAdapter;
    private ArrayList<TrafficModel> trafficModelArrayList;
    private RecyclerView recyclerView;

    Integer[] imgbag = {R.drawable.ic_done,R.drawable.ic_done
            ,R.drawable.ic_notification,R.drawable.ic_point_of_sale,
            R.drawable.ic_done,R.drawable.ic_clock};

    String[] txtconversion = {"Traffic","Conversion",
            "Alerts", "Points of Sale",
            "Tasks","Meetings"};


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_calender);

        backarrow=findViewById(R.id.backarrow);
        backarrow.setVisibility(View.GONE);

        recyclerView = findViewById(R.id.recycler_calender);
        RecyclerView.LayoutManager layoutManager = new LinearLayoutManager(Calender.this, LinearLayoutManager.HORIZONTAL, false);
        recyclerView.setLayoutManager(layoutManager);
        recyclerView.setItemAnimator(new DefaultItemAnimator());

        trafficModelArrayList = new ArrayList<>();

        for (int i = 0; i < imgbag.length; i++) {

            TrafficModel view1 = new TrafficModel(imgbag[i], txtconversion[i]);
            trafficModelArrayList.add(view1);
        }
        trafficAdapter = new TrafficAdapter(Calender.this, trafficModelArrayList);
        recyclerView.setAdapter(trafficAdapter);
}
}

Now Create second recyclerview.

Create item_calender.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginRight="10dp"
    android:orientation="horizontal">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginRight="21.6dp"
        android:orientation="vertical">

        <TextView
            android:id="@+id/txtday"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="44.3dp"
            android:fontFamily="@font/helveticaneue_light"
            android:text="@string/monday"
            android:textSize="22.1sp"/>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="24.6dp"
            android:orientation="horizontal">

            <View
                android:layout_width="1.4dp"
                android:layout_height="86.9dp"
                android:background="#ffc47c" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="14.2dp"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:fontFamily="@font/helveticaneue_medium"
                    android:text="Spring Targets"
                    android:textColor="#6a6a77"
                    android:textSize="12.5sp" />

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="6.6dp"
                    android:orientation="horizontal">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:fontFamily="@font/helvetica"
                        android:text="Emilii Plater 11, Warsaw"
                        android:textColor="#6a6a77"
                        android:textSize="12.5sp" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:fontFamily="@font/helvetica"
                        android:text="15:30 - 17:00"
                        android:textColor="#6a6a77"
                        android:textSize="12.5sp" />

                </LinearLayout>

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="18.4dp"
                    android:orientation="horizontal">

                    <com.makeramen.roundedimageview.RoundedImageView
                        android:layout_width="28.8dp"
                        android:layout_height="27.8dp"
                        android:src="@drawable/profile"
                        app:riv_corner_radius="4.8dp" />

                    <com.makeramen.roundedimageview.RoundedImageView
                        android:layout_width="28.8dp"
                        android:layout_height="27.8dp"
                        android:layout_marginLeft="6.2dp"
                        android:src="@drawable/profile"
                        app:riv_corner_radius="4.8dp" />

                    <com.makeramen.roundedimageview.RoundedImageView
                        android:layout_width="28.8dp"
                        android:layout_height="27.8dp"
                        android:layout_marginLeft="6.2dp"
                        android:src="@drawable/profile"
                        app:riv_corner_radius="4.8dp" />

                    <com.makeramen.roundedimageview.RoundedImageView
                        android:layout_width="28.8dp"
                        android:layout_height="27.8dp"
                        android:layout_marginLeft="6.2dp"
                        android:src="@drawable/profile"
                        app:riv_corner_radius="4.8dp" />


                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center"
                        android:layout_marginLeft="11.5dp"
                        android:fontFamily="@font/helveticaneue"
                        android:text="Avery, Teresa and Souhyun"
                        android:textColor="#9ea4af"
                        android:textSize="9.6sp" />


                </LinearLayout>

            </LinearLayout>

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="24.6dp"
            android:orientation="horizontal">

            <View
                android:layout_width="1.4dp"
                android:layout_height="123.4dp"
                android:background="#76e7c6" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="14.2dp"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:fontFamily="@font/helveticaneue_medium"
                    android:text="November Summary"
                    android:textColor="#6a6a77"
                    android:textSize="12.5sp" />

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="6.6dp"
                    android:orientation="horizontal">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:fontFamily="@font/helvetica"
                        android:text="Kazimierza Wielkiego 3/12, Wroclaw"
                        android:textColor="#6a6a77"
                        android:textSize="12.5sp" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:fontFamily="@font/helvetica"
                        android:text="17:00 - 17:30"
                        android:textColor="#6a6a77"
                        android:textSize="12.5sp" />

                </LinearLayout>

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="18.4dp"
                    android:orientation="horizontal">

                    <com.makeramen.roundedimageview.RoundedImageView
                        android:layout_width="28.8dp"
                        android:layout_height="27.8dp"
                        android:src="@drawable/profile1"
                        app:riv_corner_radius="4.8dp" />

                    <com.makeramen.roundedimageview.RoundedImageView
                        android:layout_width="28.8dp"
                        android:layout_height="27.8dp"
                        android:layout_marginLeft="6.2dp"
                        android:src="@drawable/profile2"
                        app:riv_corner_radius="4.8dp" />


                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center"
                        android:layout_marginLeft="11.5dp"
                        android:fontFamily="@font/helveticaneue"
                        android:text="Joanna and Kate"
                        android:textColor="#9ea4af"
                        android:textSize="9.6sp" />


                </LinearLayout>

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="16.8dp"
                    android:orientation="horizontal">

                    <TextView
                        android:id="@+id/txtaccept"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:background="@drawable/rect_green"
                        android:text="Accept"
                        android:textColor="#ffffff"
                        android:textSize="11.5sp" />

                    <TextView
                        android:id="@+id/txtdecline"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="14.4dp"
                        android:text="Decline"
                        android:textColor="#656589"
                        android:textSize="11.5sp" />

                    <TextView
                        android:id="@+id/txtpostpone"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="14.4dp"
                        android:text="Postpone"
                        android:textColor="#656589"
                        android:textSize="11.5sp" />

                </LinearLayout>

            </LinearLayout>

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="24.6dp"
            android:orientation="horizontal">

            <View
                android:layout_width="1.4dp"
                android:layout_height="86.9dp"
                android:background="#85e9cd" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="14.2dp"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:fontFamily="@font/helveticaneue_medium"
                    android:text="New Collection"
                    android:textColor="#6a6a77"
                    android:textSize="12.5sp" />

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="6.6dp"
                    android:orientation="horizontal">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:fontFamily="@font/helvetica"
                        android:text="Atherton St. 10B/2, Manchester"
                        android:textColor="#6a6a77"
                        android:textSize="12.5sp" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:fontFamily="@font/helvetica"
                        android:text="17:00 - 18:00"
                        android:textColor="#6a6a77"
                        android:textSize="12.5sp" />


                </LinearLayout>

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="18.4dp"
                    android:orientation="horizontal">

                    <com.makeramen.roundedimageview.RoundedImageView
                        android:layout_width="28.8dp"
                        android:layout_height="27.8dp"
                        android:src="@drawable/profile"
                        app:riv_corner_radius="4.8dp" />

                    <com.makeramen.roundedimageview.RoundedImageView
                        android:layout_width="28.8dp"
                        android:layout_height="27.8dp"
                        android:layout_marginLeft="6.2dp"
                        android:src="@drawable/profile"
                        app:riv_corner_radius="4.8dp" />


                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center"
                        android:layout_marginLeft="11.5dp"
                        android:fontFamily="@font/helveticaneue"
                        android:text="Adrian and Elly"
                        android:textColor="#9ea4af"
                        android:textSize="9.6sp" />


                </LinearLayout>

            </LinearLayout>


        </LinearLayout>

    </LinearLayout>

    <LinearLayout
        android:alpha="0.7"
        android:layout_width="25dp"
        android:layout_height="wrap_content">



    </LinearLayout>

</LinearLayout>

Create ModelClass

Step 1: Create package ModelClass.
Step 2: Add Java class – CalenderModel.
Step 3: Add textview id.
Step 4: Create Constructor. AND Create getter setter method.

package com.wolfsoft.avsc.model;

public class CalenderModel {

    String txtday;

    public String getTxtday() {
        return txtday;
    }

    public void setTxtday(String txtday) {
        this.txtday = txtday;
    }

    public CalenderModel(String txtday) {
        this.txtday = txtday;
    }
}

Create Adapter

Step 1: Create package Adapter.
Step 2: Add Java class – CalenderAdapter.
Step 3: Implement Methods.
Step 4:Paste Below Code to CalenderAdapter.

package com.wolfsoft.avsc.adapter;

import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import com.wolfsoft.avsc.R;
import com.wolfsoft.avsc.model.CalenderModel;

import java.util.ArrayList;


public class CalenderAdapter extends RecyclerView.Adapter<CalenderAdapter.ViewHolder> {

    Context context;
    private ArrayList<CalenderModel> calenderModelArrayList;

    public CalenderAdapter(Context context, ArrayList<CalenderModel> calenderModelArrayList) {
        this.context = context;
        this.calenderModelArrayList = calenderModelArrayList;

    }

    @NonNull
    @Override
    public CalenderAdapter.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_calender,parent,false);
        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull CalenderAdapter.ViewHolder holder, final int position) {

        holder.txtday.setText(calenderModelArrayList.get(position).getTxtday());

    }

    @Override
    public int getItemCount() {

        return calenderModelArrayList.size();
    }

    public class ViewHolder extends RecyclerView.ViewHolder {

        TextView txtday;

        public ViewHolder(View itemView) {

            super(itemView);

            txtday=itemView.findViewById(R.id.txtday);


        }
    }
}

Paste below code to Calender.java

package com.wolfsoft.avsc;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.DefaultItemAnimator;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.widget.ImageView;

import com.wolfsoft.avsc.adapter.CalenderAdapter;
import com.wolfsoft.avsc.adapter.TrafficAdapter;
import com.wolfsoft.avsc.model.CalenderModel;
import com.wolfsoft.avsc.model.TrafficModel;

import java.util.ArrayList;

public class Calender extends AppCompatActivity  {

    ImageView backarrow;

   
    private CalenderAdapter calenderAdapter;
    private ArrayList<CalenderModel> calenderModelArrayList;
    private RecyclerView recyclerView1;

    String[] txtday = {"Monday 27 Apr","Tuesday 28 Apr","Wednesday 29 Apr"};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_calender);

        backarrow=findViewById(R.id.backarrow);
        backarrow.setVisibility(View.GONE);

        

        recyclerView1 = findViewById(R.id.recycler_day);
        RecyclerView.LayoutManager layoutManager1 = new LinearLayoutManager(Calender.this, LinearLayoutManager.HORIZONTAL, false);
        recyclerView1.setLayoutManager(layoutManager1);
        recyclerView1.setItemAnimator(new DefaultItemAnimator());

        calenderModelArrayList = new ArrayList<>();

        for (int i = 0; i < txtday.length; i++) {

            CalenderModel view = new CalenderModel(txtday[i]);

            calenderModelArrayList.add(view);

        }
        calenderAdapter = new CalenderAdapter(Calender.this, calenderModelArrayList);
        recyclerView1.setAdapter(calenderAdapter);

    }
}