title: Horizontal Calendar todays date highlight in pure javascript
body: <p>i have been recently working on a mobile app, for which i have to code a calendar from scratch. i have to display the date in the scroll area which is in a parent div. i want the date to come in first, rather than hidden in the scroll area.
  please help me out how can i pull today's date in the visible part of the browser</p>
  
  <pre><code>&lt;div class="calendar"&gt;
  &lt;div class="scroll-dates"&gt;
   &lt;ul&gt;
     &lt;li&gt;Sun&lt;/li&gt;
     &lt;li&gt;01&lt;/li&gt;
   &lt;/ul&gt;
   &lt;ul&gt;
     &lt;li&gt;Sun&lt;/li&gt;
     &lt;li&gt;01&lt;/li&gt;
   &lt;/ul&gt;
   &lt;ul&gt;
     &lt;li&gt;Mon&lt;/li&gt;
     &lt;li&gt;02&lt;/li&gt;
   &lt;/ul&gt;
   &lt;ul&gt;
     &lt;li&gt;Tue&lt;/li&gt;
     &lt;li&gt;03&lt;/li&gt;
   &lt;/ul&gt;
   &lt;ul&gt;
     &lt;li&gt;Sun&lt;/li&gt;
     &lt;li&gt;01&lt;/li&gt;
   &lt;/ul&gt;
   &lt;ul&gt;
     &lt;li&gt;Wed&lt;/li&gt;
     &lt;li&gt;04&lt;/li&gt;
   &lt;/ul&gt;
   &lt;ul&gt;
     &lt;li&gt;Thu&lt;/li&gt;
     &lt;li&gt;05&lt;/li&gt;
   &lt;/ul&gt;
   &lt;ul&gt;
     &lt;li&gt;Fri&lt;/li&gt;
     &lt;li&gt;06&lt;/li&gt;
   &lt;/ul&gt;
   &lt;ul&gt;
     &lt;li&gt;Sat&lt;/li&gt;
     &lt;li class="today"&gt;07&lt;/li&gt;
   &lt;/ul&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>