title: How to make time picker dialog for timer
body: <p>Can anyone help me make timepicker dialog look like this?
  I maked full layout like this and just need to know how to make selection area 
  in the center of listview also i set infinite loop in the listview.</p>
  
  <p><img src="https://i.stack.imgur.com/nUsjIm.png" alt="TimePickerDialog"> </p>
  
  <p>here is code-></p>
  
  <pre><code>class TimePicker : AppCompatActivity(){
  
      private val timeSecondsAndMinutes = arrayOf("0", "1", "2", "3", "4", "5", "6", "7", "8", "9",
              "10", "11", "12", "13", "14", "15" , "16", "17", "18", "19", "20", "21", "22", "23",
              "24", "25", "26", "27", "28", "29" , "30", "31", "32", "33", "34", "35", "36", "37",
              "38", "39", "40", "41", "42", "43" , "44", "45", "46", "47", "48", "49", "50", "51",
              "52", "53", "54", "55", "56", "57" , "58", "59")
  
      private val timeHours = arrayOf("0", "1", "2", "3", "4", "5", "6", "7", "8", "9","10","11",
              "12", "13", "14", "15" ,"16", "17", "18", "19", "20", "21", "22", "23", "24", "25",
              "26", "27", "28", "29" ,"30", "31", "32", "33", "34", "35", "36", "37", "38", "39",
              "40", "41", "42", "43" ,"44", "45", "46", "47", "48", "49", "50", "51", "52", "53",
              "54", "55", "56", "57" ,"58", "59","60","61","62","63","64","65","66","67","68","69",
              "70","71","72","73","74","75","76","77","78","79","80","81","82","83","84","85","86",
              "87","88","89","90")
  
      private var hoursListView   : ListView? = null
      private var minutesListView : ListView? = null
      private var secondsListView : ListView? = null
  
  
      override fun onCreate(savedInstanceState: Bundle?) {
          super.onCreate(savedInstanceState)
          setContentView(R.layout.activity_time_picker)
  
  
          InitializeListView()
      }
  
      private fun InitializeListView()
      {
          hoursListView = findViewById(R.id.HoursListView) as ListView
          minutesListView = findViewById(R.id.MinutesListView) as ListView
          secondsListView = findViewById(R.id.SecondsListView) as ListView
  
          hoursListView!!.setSelector(R.color.ListViewItemsColor)
          minutesListView!!.setSelector(R.color.ListViewItemsColor)
          secondsListView!!.setSelector(R.color.ListViewItemsColor)
  
  
  
          val hoursAdapter = ArrayAdapter(this, R.layout.layout_for_listview_elements, timeHours)
          val secMinAdapter = ArrayAdapter(this, R.layout.layout_for_listview_elements, timeSecondsAndMinutes)
  
          val circularHoursAdapter = CircularListAdapter(hoursAdapter)
          val circularMinSecAdapter = CircularListAdapter(secMinAdapter)
  
          hoursListView!!.adapter = circularHoursAdapter
          minutesListView!!.adapter = circularMinSecAdapter
          secondsListView!!.adapter = circularMinSecAdapter
  
          hoursListView!!.setSelection(544)
          minutesListView!!.setSelection(358)
          secondsListView!!.setSelection(358)
  
      }
  </code></pre>