How to customized Query Editor UI

Hi, I wonder is someone here already knew how to create a customized user-interface for Query editor like below:

This is actually a Factry historian, I like the way they did on their database (as per them it is an influxdb database) but they tweak the UI in something more “friendly”.

Now my question is, how to do this? Do I need to create my own datasource? or maybe how can I edit the influxdb datasource UI to make it similar?

Thanks!

Disclaimer: Picture is from Factry historian.
Regards,
Henjoe