Datepicker component using Tailwind CSS

In this video, I will create a Datepicker component using Tailwind CSS
Follow me on Twitter: / twncollections
Design : dribbble.com/shots/15616759-F...
Source Code : github.com/tailwindcollection...
Demo : tailwindcollections-calendar....
Available for work
www.fiverr.com/s2/97085c94d4

[@minma02262]

Very nice!

[@knigel6474]

amazing work! I’d love to see how to make a phone number input using tailwind where you can choose country on the left side with flag. Just like react-phone-number-input but better UI lol

[@chrizzzly_hh]

Great recreation. Though this is one of those copy paste hells that tailwind will produce if not creating mixins.
Also, you might want to use a table for the dates and other more semantic tags and add more a11y accessibility features!

[@Tailwindcollections]

Yes, thanks for the suggestion, I agree but I still learning about semantic HTML and a11y accessibility. I will try to implement that in the next video.

[@GammaWraith]

I am pretty keen to code this in a front end framework to get the js working :D

[@GammaWraith]

Thank you for the video 👍

[@tinomuzambi80]

What's that source control extension you're using?

[@Tailwindcollections]

It's just built-in Git from vscode

[@davidrobertson6371]

Out of curiosity why didn’t you just use loops? Seems like a lot of extra work.

[@jackstarsky3268]

Because this tutorial focuses on using just tailwind and not JavaScript.

[@garvitchhabra1332]

Is this responsive?

[@Tailwindcollections]

Sorry, It is not. but it's not that hard to make it responsive.

[@noufelnaili1468]

bro you are hardcoding everything, you should do it dynamically with loops and conditions not just divs and spans else waht's the point of using a JS framwork