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

208 votes384 views6 answers
How to link your js file to html
Html
11 votes298 views2 answers
Bootstrap position fixed
Html
14 votes303 views4 answers
How to remove suggestions from input field
Html
1 vote323 views2 answers
Tailwind CSS Spinner
Html
22 votes329 views3 answers
Basic html boilerplate
Html
0 vote306 views1 answer
Html submit form onclick
Html
0 vote306 views1 answer
Html drag and drag prograssive bar
Html
0 vote312 views1 answer
Html select component
Html
0 vote291 views2 answers
Why is HTML so easy
Html
12 votes315 views2 answers
Html local image
Html