Step 1: Open android studio. Go to File- new -Activity- Empty activity-Orders.
Step 2: Go to the res folder.
Step 3:Paste below code to orders.xml.
Step 4:Add recyclerview library to bulid.gradle. File-project structure-Dependencies-All dependencies- click on + and search for recyclerview library-press ok.
Step 5:Add cardview library to bulid.gradle. File-project structure-Dependencies-All dependencies- click on + and search for cardview library-press ok.

orders.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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    tools:context=".Orders">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="none">

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

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20.1dp"
                android:layout_marginTop="37.9dp"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:src="@drawable/ic_left_arrow" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="20.9dp"
                    android:fontFamily="@font/helveticaneue_light"
                    android:text="February"
                    android:textColor="#4d4c58"
                    android:textSize="22.1sp" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:fontFamily="@font/helvetica_light"
                    android:text=" 2018"
                    android:textColor="#b1b1c0"
                    android:textSize="22.1sp" />

            </LinearLayout>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="57.6dp"
                android:layout_marginTop="5.3dp"
                android:text="Delivery availability"
                android:textColor="#9ea4af"
                android:textSize="11.5sp" />

            <android.support.v7.widget.RecyclerView
                android:id="@+id/recycler_weekdays"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="48.6dp"
                android:clipToPadding="false"
                android:paddingLeft="57.6dp" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="57.1dp"
                android:layout_marginTop="27.8dp"
                android:background="@drawable/rect_skyblue_bg"
                android:orientation="horizontal"
                android:paddingLeft="12dp"
                android:paddingTop="13.4dp"
                android:paddingBottom="13.5dp">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:src="@drawable/information" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_marginLeft="9.6dp"
                    android:fontFamily="@font/helveticaneue_medium"
                    android:text="Be sure to stay and pick up the package"
                    android:textColor="#9999ae"
                    android:textSize="9.1sp" />


                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_marginLeft="55.4dp"
                    android:src="@drawable/ic_cross_2" />


            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="58.1dp"
                android:layout_marginTop="29.3dp"
                android:orientation="vertical">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginRight="27.8dp"
                    android:orientation="horizontal">

                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/ic_circle_shape_outline"
                        android:tint="#e7e6ee" />

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

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="20.6dp"
                            android:text="Morning"
                            android:textColor="#6a6a77"
                            android:textSize="12.5sp" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="20.6dp"
                            android:layout_marginTop="6.6dp"
                            android:fontFamily="@font/helveticaneue"
                            android:text="Summer Collection Update"
                            android:textColor="#9ea4af"
                            android:textSize="10.6sp" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="20.6dp"
                            android:layout_marginTop="6.6dp"
                            android:fontFamily="@font/helveticaneue_medium"
                            android:text="08:00 - 12:00"
                            android:textColor="#9ea4af"
                            android:textSize="10.6sp" />

                    </LinearLayout>

                    <ImageView
                        android:id="@+id/toggle1"
                        android:layout_width="36.7dp"
                        android:layout_height="22.3dp"
                        android:layout_marginTop="19.6dp"
                        android:src="@drawable/ic_toggle_off"/>


                </LinearLayout>

                <View
                    android:layout_width="match_parent"
                    android:layout_height="1dp"
                    android:layout_marginTop="18.7dp"
                    android:background="#e3e3e3" />

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="24dp"
                    android:layout_marginRight="27.8dp"
                    android:orientation="horizontal">

                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/ic_circle_shape_outline"
                        android:tint="#ff7a10" />

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

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="20.6dp"
                            android:text="Afternoon"
                            android:textColor="#6a6a77"
                            android:textSize="12.5sp" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="20.6dp"
                            android:layout_marginTop="6.6dp"
                            android:fontFamily="@font/helveticaneue"
                            android:text="New accesories set"
                            android:textColor="#9ea4af"
                            android:textSize="10.6sp" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="20.6dp"
                            android:layout_marginTop="6.6dp"
                            android:fontFamily="@font/helveticaneue_medium"
                            android:text="12:00 - 16:00"
                            android:textColor="#9ea4af"
                            android:textSize="10.6sp" />

                    </LinearLayout>

                    <ImageView
                        android:id="@+id/toggle2"
                        android:layout_width="36.7dp"
                        android:layout_height="22.3dp"
                        android:layout_marginTop="19.6dp"
                        android:src="@drawable/ic_toggle_off"/>



                </LinearLayout>


                <View
                    android:layout_width="match_parent"
                    android:layout_height="1dp"
                    android:layout_marginTop="18.7dp"
                    android:background="#e3e3e3" />


                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="24dp"
                    android:layout_marginRight="27.8dp"
                    android:orientation="horizontal">

                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/ic_circle_shape_outline"
                        android:tint="#e7e6ee" />

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

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="20.6dp"
                            android:text="Evening"
                            android:textColor="#6a6a77"
                            android:textSize="12.5sp" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="20.6dp"
                            android:layout_marginTop="6.6dp"
                            android:fontFamily="@font/helveticaneue"
                            android:text="Online store orders"
                            android:textColor="#9ea4af"
                            android:textSize="10.6sp" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="20.6dp"
                            android:layout_marginTop="6.6dp"
                            android:fontFamily="@font/helveticaneue_medium"
                            android:text="16:00 - 21:00"
                            android:textColor="#9ea4af"
                            android:textSize="10.6sp" />
                    </LinearLayout>

                    <ImageView
                        android:id="@+id/toggle3"
                        android:layout_width="36.7dp"
                        android:layout_height="22.3dp"
                        android:layout_marginTop="19.6dp"
                        android:src="@drawable/ic_toggle_off"/>

                </LinearLayout>

                <View
                    android:layout_width="match_parent"
                    android:layout_height="1dp"
                    android:layout_marginTop="18.7dp"
                    android:background="#e3e3e3" />


            </LinearLayout>

        </LinearLayout>

    </ScrollView>


</LinearLayout>

create item_orders.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="87.4dp"
    android:layout_height="wrap_content"
    android:layout_marginRight="7.2dp"
    android:orientation="vertical"
    app:cardCornerRadius="4.8dp">

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

        <TextView
            android:id="@+id/txtday"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/rect_white"
            android:fontFamily="@font/helveticaneue_medium"
            android:paddingLeft="11dp"
            android:paddingTop="8.6dp"
            android:paddingBottom="8dp"
            android:text="Monday"
            android:textColor="#79859c"
            android:textSize="10.6sp" />

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#f1f1f1" />

        <LinearLayout
            android:id="@+id/linear_date"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/rect_skyblue_bg"
            android:orientation="vertical">

            <FrameLayout
                android:layout_marginTop="9.6dp"
                android:layout_marginRight="9.7dp"
                android:layout_gravity="right"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">

                <ImageView
                    android:id="@+id/imgcircle"
                    android:layout_width="9.5dp"
                    android:layout_height="9.5dp"
                    android:layout_marginRight="2dp"
                    android:src="@drawable/ic_circle_shape_outline"
                    android:tint="#ff892b" />


                <ImageView
                    android:id="@+id/imgcircleblue"
                    android:visibility="gone"
                    android:layout_marginLeft="14dp"
                    android:layout_marginTop="1dp"
                    android:layout_width="7.6dp"
                    android:layout_height="7.6dp"
                    android:src="@drawable/ic_circle_blue_outline" />

            </FrameLayout>


            <TextView
                android:id="@+id/txtdate"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:fontFamily="@font/helvetica"
                android:paddingLeft="10.6dp"
                android:text="5"
                android:textColor="#79859c"
                android:textSize="44.2sp" />

        </LinearLayout>

    </LinearLayout>

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

Create Model Class

Step 1: Create package ModelClass.
Step 2: Add Java class - OrderModel.
Step 3: Add textview id n imageview id.
Step 4: Create Constructor. AND Create getter setter method.
package com.wolfsoft.avsc.model;

public class OrderModel {


    Integer imgcircle;

    String txtday,txtdate;

    public Integer getImgcircle() {
        return imgcircle;
    }

    public void setImgcircle(Integer imgcircle) {
        this.imgcircle = imgcircle;
    }

    public String getTxtday() {
        return txtday;
    }

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

    public String getTxtdate() {
        return txtdate;
    }

    public void setTxtdate(String txtdate) {
        this.txtdate = txtdate;
    }

    public OrderModel(Integer imgcircle, String txtday, String txtdate) {
        this.imgcircle = imgcircle;
        this.txtday = txtday;
        this.txtdate = txtdate;
    }
}

Create Adapter

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

package com.wolfsoft.avsc.adapter;

import android.content.Context;
import android.graphics.Color;
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.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import com.wolfsoft.avsc.R;
import com.wolfsoft.avsc.model.OrderModel;

import java.util.ArrayList;

public class OrderAdapter extends RecyclerView.Adapter<OrderAdapter.ViewHolder> {
    int myPos=0;

    Context context;
    private ArrayList<OrderModel> orderModelArrayList;

    public OrderAdapter(Context context, ArrayList<OrderModel> orderModelArrayList) {
        this.context = context;
        this.orderModelArrayList = orderModelArrayList;
    }

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

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

        holder.imgcircle.setImageResource(orderModelArrayList.get(position).getImgcircle());
        holder.txtday.setText(orderModelArrayList.get(position).getTxtday());
        holder.txtdate.setText(orderModelArrayList.get(position).getTxtdate());

        if (position==myPos){
            holder.txtday.setTextColor(Color.parseColor("#ffffff"));
            holder.txtdate.setTextColor(Color.parseColor("#ffffff"));
            holder.txtday.setBackgroundResource(R.drawable.dark_gradient_gray);
            holder.linear_date.setBackgroundResource(R.drawable.dark_gradient_gray);
        }
        else{

            holder.txtday.setTextColor(Color.parseColor("#79859c"));
            holder.txtdate.setTextColor(Color.parseColor("#79859c"));
            holder.txtday.setBackgroundResource(R.drawable.rect_white);
            holder.linear_date.setBackgroundResource(R.drawable.rect_white);

        }

        if (position==1){
            holder.imgcircle.setImageResource(R.drawable.ic_circle_green_outline);
            holder.imgcircleblue.setVisibility(View.VISIBLE);
        }

        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                myPos=position;
                notifyDataSetChanged();
            }
        });
    }

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

    public class ViewHolder extends RecyclerView.ViewHolder {

        ImageView imgcircle,imgcircleblue;

        TextView txtday,txtdate;

        LinearLayout linear_date;


        public ViewHolder(View itemView) {

            super(itemView);

            imgcircle=itemView.findViewById(R.id.imgcircle);
            txtday=itemView.findViewById(R.id.txtday);
            txtdate=itemView.findViewById(R.id.txtdate);
            linear_date=itemView.findViewById(R.id.linear_date);
            imgcircleblue=itemView.findViewById(R.id.imgcircleblue);

        }
    }
}

Ordersavsc.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.OrderAdapter;
import com.wolfsoft.avsc.model.OrderModel;
import java.util.ArrayList;

public class Orders extends AppCompatActivity implements View.OnClickListener {

    ImageView toggle1,toggle2,toggle3;

    private OrderAdapter orderAdapter;
    private ArrayList<OrderModel> orderModelArrayList;
    private RecyclerView recyclerView;


    Integer[] imgcircle = {R.drawable.ic_circle_shape_outline, R.drawable.ic_circle_shape_outline
            , R.drawable.ic_circle_shape_outline, R.drawable.ic_circle_shape_outline,
            R.drawable.ic_circle_shape_outline, R.drawable.ic_circle_shape_outline};

    String[] txtday = {"Monday", "Tuesday",
            "Wednesday", "Thursday",
            "Friday", "Saturday"};

    String[] txtdate = {"5", "6",
            "7", "8",
            "9", "10"};


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

        toggle1=findViewById(R.id.toggle1);
        toggle2=findViewById(R.id.toggle2);
        toggle3=findViewById(R.id.toggle3);

        toggle1.setOnClickListener(this);
        toggle2.setOnClickListener(this);
        toggle3.setOnClickListener(this);



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

        orderModelArrayList = new ArrayList<>();

        for (int i = 0; i < imgcircle.length; i++) {
            OrderModel view1 = new OrderModel(imgcircle[i], txtday[i], txtdate[i]);
            orderModelArrayList.add(view1);

        }
        orderAdapter = new OrderAdapter(Orders.this, orderModelArrayList);
        recyclerView.setAdapter(orderAdapter);
    }

    @Override
    public void onClick(View v) {

        switch (v.getId()) {

            case R.id.toggle1:

                toggle1.setImageResource(R.drawable.ic_toggle_on);
                toggle2.setImageResource(R.drawable.ic_toggle_off);
                toggle3.setImageResource(R.drawable.ic_toggle_off);

                break;



            case R.id.toggle2:

                toggle1.setImageResource(R.drawable.ic_toggle_off);
                toggle2.setImageResource(R.drawable.ic_toggle_on);
                toggle3.setImageResource(R.drawable.ic_toggle_off);

                break;



            case R.id.toggle3:

                toggle1.setImageResource(R.drawable.ic_toggle_off);
                toggle2.setImageResource(R.drawable.ic_toggle_off);
                toggle3.setImageResource(R.drawable.ic_toggle_on);

                break;
        }




    }
}