Max input length (microsoft#312)

* Update on icons

* Make max number of digit dynamic

Co-authored-by: Vandy Liu <33995460+vandyliu@users.noreply.github.com>

Author: xnkevinnguyen

src/view/components/toolbar/InputSlider.tsx

@@ -30,7 +30,9 @@ class InputSlider extends React.Component<ISliderProps, any, any> {
                     value={this.props.value}
                     onInput={this.handleOnChange}
                     defaultValue={this.props.minValue.toLocaleString()}
-                    pattern="^-?[0-9]{0,4}$"
+                    pattern={`^-?[0-9]{0,${
+                        this.props.maxValue.toString().length
+                    }}$`}
                     onKeyUp={this.handleOnChange}
                     aria-label={`${this.props.type} sensor input ${this.props.axisLabel}`}
                 />