How to Build a Custom Time Picker with JavaScript Modules (No Frameworks)

Link to SOURCE CODE:
https://codepen.io/dcode-software/pen...

In today's video I'll walk you through building a custom time picker for your input fields using HTML, CSS and JavaScript modules. The code for this is relatively straightforward, and makes use of many newer JavaScript features such as: import/export syntax, object destructuring, array destructuring, arrow functions and more.

Chapters:
0:00 Intro & Demo
1:16 Writing the HTML
04:36 Writing the CSS
08:45 Writing the JavaScript
52:03 Outro & Test

🏫 My Udemy Courses - https://www.udemy.com/user/domenic-co...
🎨 Download my VS Code theme - https://marketplace.visualstudio.com/...
💜 Join my Discord Server - Discord: discord
🐦 Find me on Twitter - Twitter: dcodeyt
💸 Support me on Patreon - Patreon: dcode
📰 Follow me on DEV Community - https://dev.to/dcodeyt
📹 Join this channel to get access to perks - @dcode-software

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #javascript

• #education
• #javascript_time_picker
• #html_input_time_picker
• #html_input_type_time_custom
• #custom_time_picker_html
• #custom_time_picker_with_javascript
• #javascript_custom_input_field_for_forms
• #javascript_time_select_drop_down
• #js_time_picker
• #js_object_destructuring_example
• #js_array_destructuring_example
• #js_arrow_function_example
• #js_importexport_syntax_example
• #js_modules_example
• #html_custom_input_field
• #styling_input_field_with_html
• #style_time_input_field_html_css