File

src/reactive-form/date-picker/date-picker.component.ts

Metadata

selector tw-date-picker
template <tw-datetime-picker [group]='group' [field]='field' [request]='request'></tw-datetime-picker>

Inputs

field

Type: FormField

group

Type: FormGroup

request

Type: any

Properties

closeOnSelect
closeOnSelect: boolean
Default value: false
defaultValue
defaultValue: string
import { Component, OnInit, Input, OnDestroy } from '@angular/core';
import { FormGroup } from '@angular/forms';

// import { Subscription } from 'rxjs'
import { FormField } from '../form-field.model'

@Component({
  selector: 'tw-date-picker',
  template: `<tw-datetime-picker [group]='group' [field]='field' [request]='request'></tw-datetime-picker>`

})
export class DatePickerComponent implements OnInit, OnDestroy {

  @Input() group: FormGroup
  @Input() field: FormField
  @Input() request: any
  defaultValue: string = ''
  closeOnSelect: boolean = false

  // private sub: Subscription

  ngOnInit(): void {
    if (!this.field.more)
      this.field.more = {}

    this.field.more.dateOnly = true
    if (!this.field.more.dateFormat)
      this.field.more.dateFormat = 'YYYY-MM-DD'
  }

  ngOnDestroy(): void {
    // if (this.sub)
    //   this.sub.unsubscribe()
  }
}

results matching ""

    No results matching ""