title: How to bind integer Input value to Slider
body: <p>I want to have a Slider and an Input control, both for one specific value.</p>
  <p>The user should be able to use either the input field or the slider to input his value.</p>
  <p>If the user changes the value on the Slider, the input field should show the Slider's value. And if the user inputs something in the input field, the Slider should move to the corresponding value.<br />
  Currently, I am creating a <code>JSONModel</code> with the value as a property to bind:</p>
  <pre class="lang-js prettyprint-override"><code>let model = new JSONModel({
    valueName: 10
  });
  settings.setModel(model);
  </code></pre>
  <p>Now, when I am changing the value on the slider, the update of the input field is working fine. But if I'm entering a value in the input field, the Slider does <strong>not</strong> move to the value.</p>
  <p>Why is that so and how do I solve my problem?</p>
  <pre class="lang-xml prettyprint-override"><code>&lt;Slider value=&quot;{/valueName}&quot; step=&quot;10&quot; width=&quot;200px&quot; /&gt;
  &lt;Input value=&quot;{/valueName}&quot; type=&quot;Number&quot; width=&quot;50px&quot; /&gt;
  </code></pre>
  <hr />
  <p>Since the given solutions only worked for integer values a follow up question for float values was created <a href="https://stackoverflow.com/questions/65583975/sapui5-synchrone-input-and-slider-for-float-inputs">here</a></p>