title: How to change x-bind:value before displaying - Alpine JS
body: <pre><code>&lt;div x-data=&quot;{ date : false }&quot;&gt;
        &lt;input type=&quot;date&quot; name=&quot;dateOne&quot; id=&quot;dateOne&quot; x-model=&quot;date&quot;&gt;
        &lt;input type=&quot;date&quot; name=&quot;dateTwo&quot; id=&quot;dateTwo&quot; x-bind:value=&quot;date&quot;&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Now, how do I change the #dateTwo, so once the #dateOne changes I display #dateTwo with a day ahead, I already know to create a day and add one more in JavaScript. But my trouble lies in the logic of how to glue it with Alpine JS.</p>
  <p>The scenario: there is an event that has a starting and a ending date, but I want to force the use to pick at least a day ahead. So my idea is this, as soon as the user chooses a day on the first input the x-bind on the second input will add and display a day ahead</p>
  <p>Thanks in advance.</p>