disabled does not apply to child elements?

[ARustamA]

Description

Please provide a brief description of the issue including what you are seeing as well as the expected behavior.

CodeSandbox

Please provide a CodeSandbox that clearly reproduces the issue. Issues without a CodeSandbox are less likely to get resolved quickly.

Disabled only applies to "horizontal-slider", how do I make it apply to other elements like "example-thumb" and "example-track"? I wanted to make it so that when disabled there are some colors, and others if active.