Extend build-in component with a custom directive - range

I really need to get a vertical range component for my app. So I looked at this tutorial here:

And then I read this:

So specifically these lines:
Metadata (decorators): metadata (e.g. @Input(), @Output), etc. defined in a derived class will override any previous metadata in the inheritance chain otherwise the base class metadata will be used.

So does this mean that I can sort of take standard “horizontal” range component and extend it using a custom directive by just overriding X value it is using for range with Y??

If that would be as simple as that I don’t get it what is the problem to make vertical range element a standard…