Tailwind CSS datepicker

<div class="relative">
  <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
    <svg class="w-5 h-5 text-gray-500 dark:text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
  </div>
  <input datepicker type="text" class="bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="Select date">
</div>

Source: flowbite.com

Similar codes

0 vote193 views1 answer
Card view image in html
Html
33 votes167 views2 answers
How to use the label tag in html
Html
10 votes175 views1 answer
How to embed videos in html
Html
8 votes198 views6 answers
Jumbotron bootstrap
Html
0 vote176 views1 answer
Html onclick not working
Html
1 vote165 views1 answer
How to emphasis in html
Html
1 vote178 views1 answer
Display success message after form submit in php
Html
0 vote162 views1 answer
Ondrag event in html
Html
0 vote163 views1 answer
Datatable src
Html
0 vote217 views3 answers
How to prevent cross site scripting to redirect you to another web page
Html