title: Date Range Picker removes selected value
body: <p>I have a date range selector, when I select a date and click apply selected value, an input placeholder is automatically added. How can I disable this option? Does anybody know?</p>
  <pre><code>&lt;form action=&quot;&quot; id=&quot;dates&quot;&gt;
      &lt;input readonly=&quot;readonly&quot;  id=&quot;range-picker&quot; type=&quot;text&quot; class=&quot;form-control inspection_date&quot;
          name=&quot;dateRange&quot; placeholder=&quot;Date&quot;
          [formControl]=&quot;dateRange&quot; style=&quot;cursor: pointer&quot;
          daterangepicker [options]=&quot;rangeOptions&quot; (cancelDaterangepicker)=&quot;cancel($event)&quot; (selected)=&quot;selectedDate($event)&quot;/&gt;
  &lt;/form&gt;
  </code></pre>
  <p><strong>ts</strong></p>
  <pre><code>selectedDate(event: any): void {
      this.dateRange.setValue(moment().format('YYY-MM-DD'));
      this.startDate = event?.start?._d &amp;&amp; moment(event?.start?._d).format('YYYY-MM-DD');
      this.endDate = event?.end?._d &amp;&amp; moment(event?.end?._d).format('YYYY-MM-DD');
      this.selected = {
        start: this.startDate,
        end: this.endDate,
      };
      const value = moment(event?.end?._d).format('YYYY-MM-DD');
  }
  </code></pre>