DatePicker not appearing

Ramco Ramco

DatePicker not allowing to pick date. It is not appearing. It is also giving error - MatDatepicker can only be associated with a single input.

 
    
        
            
                Choose a date
                
                MM/DD/YYYY
                
                
            
            
                Choose a date
                
                MM/DD/YYYY

constructor(private _fb : FormBuilder){
    this.form = this._fb.group({
      dob: ['', Validators.required],
      doj: ['', Validators.required]
    })
  }

Thanks

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Dwarkesh Vajjala2y ago


  
    
      
        Choose a date
        
        MM/DD/YYYY
        
        
      
      
        Choose a date
        
        MM/DD/YYYY

app.component.html

import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  form: FormGroup;

  constructor(private fb: FormBuilder) {
    this.form = this.fb.group({
      dob: ['', Validators.required],
      doj: ['', Validators.required]
    });
  }

  Save() {
    console.log(this.form.value);
  }
}

app.component.ts