-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
So the key point is to use input tag for user to type while not harming any part of existing styling. input tag is tricky because I had to forcibly override basic CSS attributes. I think Materialize CSS has a consistent and well-defined styling that I don't want to ruin any part of it. I added an event handler with my main function inputFromTextField(). Existing function gets hour and minute input from graphical interface. Now I had to do the reverse. Once user inputs a number, the clock gets drawn. I wasn't 100% satisfied, but I wanted to ensure that my strategy is ok for the maintainer. So, I organized my code so that it looks ok for PR review. I was very nervous to send my PR but this is my first open source contribution trial. It is still under review but I feel positive that my PR will be accepted once I thoroughly address the feedback.