@tul/date-picker v1.0.0

Date Picker

Management of tul date picker.

Table of Contents

• Install
• Usage
  • Emitters
  • Inputs
  • Outputs
  • Models
    • Enums
    • Interfaces
• Release History
• Pizza Owner

Installation

npm i @tul/date-picker --save

Usage

Html

<tul-date [(data)]="data" (modelChange)="modelChange($event)"></tul-date>
<tul-date-month [(data)]="data" (modelChange)="modelChange($event)"></tul-date-month>
<tul-date-range [(data)]="data" (modelChange)="modelChange($event)"></tul-date-range>
<tul-date-time [(data)]="data" (modelChange)="modelChange($event)"></tul-date-time>
<tul-date-year [(data)]="data" (modelChange)="modelChange($event)"></tul-date-year>
<tul-time [(data)]="data" (modelChange)="modelChange($event)"></tul-time>
<tul-time-range [(data)]="data" (modelChange)="modelChange($event)"></tul-time-range>

Emitters

Inputs

  @Input() id: string;
  @Input() placeholder: string = 'Seleccionar Fecha';
  @Input() data: Date | null;
  @Input() label: string;
  @Input() required: boolean = false;
  @Input() error: string;
  @Input() styleInput: StyleInput;
  @Input() styles: { [key: string]: string } = { width: '100%' };


  TIME DATEPICKERS
  @Input() configTime: any = true;

Outputs

  @Output() modelChange = new EventEmitter<string>();

Models

Enums

enum StyleInput {
    style1 = 'input-date-picker',
    style2 = 'default-date-picker'
}

Interfaces

Release History

• 0.0.1

  • Structure was created

Pizza Owner

Andres Felipe Chia Avila