Datepicker component using Tailwind CSS

preview_player
Показать описание
In this video, I will create a Datepicker component using Tailwind CSS

Available for work
  1. Tailwind collections
Рекомендации по теме
Datepicker component using 0:12:02

Datepicker component using Tailwind CSS

Create DateTime Picker 0:06:40

Create DateTime Picker using NextJs and Tailwind CSS

Building an Interactive 0:23:48

Building an Interactive Calendar with Tailwind UI, React and date-fns

Build a react 0:33:33

Build a react tailwind calendar ui from scratch

How to create 0:09:53

How to create Datepicker with Calendar Icon using React?

#5 DatePicker in 0:24:38

#5 DatePicker in alpinejs and tailwindcss

Date Picker Library 0:05:00

Date Picker Library to add Custom Date Selectors

I WISH I 0:09:15

I WISH I Knew These Tailwind Tips Earlier

Custom Input Date 0:05:09

Custom Input Date | Styling Input Date | Pure CSS Tutorial

calendar Design using 0:02:04

calendar Design using Tailwind CSS

Easiest & Flexible 0:21:37

Easiest & Flexible Date & Date Range Picker in React JS (3 Variations) | Full Guide

Build a Stylish 0:11:24

Build a Stylish Datepicker with HTML and CSS

1: Let's build 0:40:59

1: Let's build calendar UI from scratch using Vue 3, TS and Tailwind | Nested v-for | deep watc...

Custom Date-Picker with 0:36:10

Custom Date-Picker with Web Component - Accessibility and Multi-language support

ReactJS Projects: Date 0:02:59

ReactJS Projects: Date Picker / Calendar With Time Selection Feature

DatePicker in React 0:05:35

DatePicker in React JS || Console Date || useState

MaterialUI | ReactJs 0:19:07

MaterialUI | ReactJs | CALENDAR

Custom date picker 0:00:59

Custom date picker | with source code | digital supporter #shorts #css #animation

Building a Modern 0:21:46

Building a Modern Restaurant Booking Software: Date and Time Picker! (Part 1)

Calendar UI Design 0:27:06

Calendar UI Design with Dark Mode and Animation Using HTML CSS JavaScript

Create Date Range 0:20:10

Create Date Range Feature with React

React Date Picker 0:07:52

React Date Picker

Build and Deploy 0:00:33

Build and Deploy a Full Stack Next 14 MERN Events App with Stripe, Typescript, Tailwind

Learn about React 0:06:40

Learn about React DateRangePicker in 5 Minutes

Комментарии
Автор

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

knigel
Автор

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!

chrizzzly_hh
Автор

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

davidrobertson
Автор

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

GammaWraith
Автор

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

noufelnaili
Автор

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

tinomuzambi