Pop up month calendar's all days are disabled in angularx - flatpickr

user_11779354 0
Viewed 1038

I am using 'angularx-flatpickr' to select date in angular form. When I clicked the input area and then pop up month view appear but all dates are disabled.

In my html file,

    <input 
          type="text"
          mwlFlatpickr
          [(ngModel)]="enddate"
          [altInput]="true"
          [convertModelValue]="true"
          altFormat = "F j,Y"
          dateFormat= "Y-m-d"
          class="form-control"
          [ngModelOptions]="{standalone: true}"
          (ngModelChange)="changeDate($event)">

I import this import { FlatpickrModule } from 'angularx-flatpickr'; to my app.module.ts and in my import array FlatpickrModule.forRoot(). My angular cli version is 7.2.1.

This is the output, enter image description here `

How can I solve this one?

flatpickr angular date
2 Answers

Try downgrading the flatpickr version. This worked for me. I am currently using the v4.6.6 of flatpickr

user_80956810

I am facing the same issue. One workaround was to explicitly enable a date range:

public datePickerOptions : FlatpickrDefaultsInterface = {
    allowInput : true,
    enableTime : true,
    mode : 'single',
    dateFormat : "Y-m-d H:i",
    // this:
    enable : [{from : new Date(0, 1), to : new Date(new Date().getFullYear() + 200, 12)}]
  }

<input class="form-control"
             name="start" formControlName="start" mwlFlatpickr
             [options]="datePickerOptions">
user_14370430
Related