Circular Slider (timepicker)

I’m trying to get this timepicker to work. Demo
It will show up on the page, but with the following problems:

  • Looking at with ionic serve it’s working, but while dragging the knobs it shows the sidemenu or scrolls the page
  • Somewho I need to stop this. Some kind of freeze while in canvas or draging?!
  • When switching to a device in Chrome the knobs are not dragable.
  • I have no clue why

Till now I only used built in components from Ionic and I have no clue how to adapt this or if it is even possible.

What I’ve done so far

  • Made a fresh Ionic sidemenu project
  • Added the js file
  • In my controller I added the js to create a new timepicker
  • and in the html file I added a canvas

It shows up but with the explained problems from above.

Did you ever get this working? I tried to place the timepicker in an iconic modal and has no luck. The canvas didn’t even render properly. Would love to see a codepen if you did…

No, I couldn’t get it to work.
I have no codepen. Just did it as described above.
I’m sorry. Can’t even find the files anymore. Must have deleted them some time ago.