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.

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay