ng-daterangepicker2/src/app/app.component.html

Angular PayPal Datepicker

<div class="hero is-medium">
  <div class="hero-body">
    <div class="container">
      <div class="columns is-multiline">
        <div class="column is-4 is-offset-4">
          <div class="is-fullwidth">
            <article class="message is-info has-text-centered">
              <div class="message-header">
                Model binding
                <button class="delete"></button>
              </div>
              <div class="message-body">
                Value: {{ value }}
              </div>
            </article>
          </div>
        </div>
        <div class="column is-4 is-offset-4">
          <div class="centered">
            <div class="control is-horizontal">
              <div class="control-label">
                <label class="label">Theme</label>
              </div>
              <span class="select">
                <select [(ngModel)]="options.theme">
                  <option>default</option>
                  <option>green</option>
                  <option>teal</option>
                  <option>cyan</option>
                  <option>grape</option>
                  <option>red</option>
                  <option>gray</option>
                </select>
              </span>
            </div>
          </div>
        </div>
        <div class="column is-4 is-offset-4">
          <div class="is-fullwidth has-text-centered">
            <ng-daterangepicker [(ngModel)]="value" [options]="options"></ng-daterangepicker>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<a href="https://github.com/jkuri/ng-daterangepicker"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/52760788cde945287fbb584134c4cbc2bc36f904/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png"></a>