DEV Community

Cover image for Time Picker Module in Vanilla JS
кαтнєєѕкυмαɾ
кαтнєєѕкυмαɾ

Posted on

3

Time Picker Module in Vanilla JS

I have faced time-picking issues in designing web-based apps. Several types of Time and Date pickers are available on the internet and open-sourced but not found anything vanilla js and zero dependency package. All packages are required NPM dependency. So I decided to create a new module. It's completely customized to your design.

💥 usage in your HTML file

    <input type="text" id="timePick" value="08:06:04">

    <input type="text" class="timePicker"/>
    <input type="text" class="timePicker"/>
    <input type="text" class="timePicker"/>

    <script src="./time-pick.js"></script>
    <script>
        var timepicker = new TimePick('#timePick');
        var timepickerz = new TimePick('.timePicker');
    </script> 
Enter fullscreen mode Exit fullscreen mode

I'll attach the GitHub repository link. If you like use it. Mostly welcome your suggestion and contributions.

Github Repo: https://github.com/Katheesh/TimePick.js

If you're a web designer/developer, now you don't need this just bookmark it or star it. It will use for you!

Image description

😍 Have a good day.

Billboard image

Use Playwright to test. Use Playwright to monitor.

Join Vercel, CrowdStrike, and thousands of other teams that run end-to-end monitors on Checkly's programmable monitoring platform.

Get started now!

Top comments (0)

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay