nts-ng2-components/src/components/forms/date-picker/date-picker.component.html

Paquete de componentes para Angular2 desarrollado por NITSNETS.

<div class="date-container" (clickOutside)="opened = (inline ? opened : false)">
  <div class="date-input-container">
    <nts-input
      type="date"
      icon="calendar"
      class="date-input clear-webkit-controls"
      [maxValue]="maxDate"
      [minValue]="minDate"
      [label]="label"
      [clear]="true"
      [ntsModel]="ntsModel"
      (ntsModelChange)="onDateChanges($event)"
      (ntsFocus)="onFocus()"
      (ntsBlur)="onBlur()"
      (ntsKeypress)="onKeyPress($event, true)"
    > </nts-input>
  </div>
  <div *ngIf="opened || inline"
    class="date-controls-container"
    [class.floating]="!inline"
    [class.align-left]="side === 'left'"
    [class.align-right]="side === 'right'"
  >
    <nts-calendar
      [maxDate]="maxDate"
      [minDate]="minDate"
      [rangeFrom]="rangeFrom"
      [rangeTo]="rangeTo"
      [ntsModel]="ntsModel"
      (ntsModelChange)="onDateChanges($event)">
    </nts-calendar>
  </div>
</div>