Issue : Model not opening and min & max dates

[thurimerla]

Hi @MishaSen,

I'm using this datepicker for my project. It is working for any new or demo project but while integrating with my existing project, it is showing error like below.

I followed your coding as it is in demo folder.
And I installed all peerDependencies as you mentioned in package.json

But is showing as below.

Error:

Error: Template parse errors:
Can't bind to 'min' since it isn't a known property of 'span'. ("-col col-1>
<span ion-datepicker [(ngModel)]="initDate" locale="en-US" [ERROR ->][min]='minDate' [max]='maxDate' clear class="ScheduleDate">
{{init"): ng:///AddmodifyproductstepsPageModule/datepickerpage.html@1472:87

Can't bind to 'max' since it isn't a known property of 'span'. ("<span ion-datepicker [(ngModel)]="initDate" locale="en-US" [min]='minDate' [ERROR ->][max]='maxDate' clear class="ScheduleDate">
{{initDate | date}}<io"): ng:///AddmodifyproductstepsPageModule/datepickerpage.html@1472:103

My datepickerpage.html code:

{{initDate | date}}

My datepickerpage.ts code:
import { DatePickerDirective } from "ion-datepicker";
@ViewChild(DatePickerDirective) public datepicker: DatePickerDirective;
public localDate: Date = new Date();
public initDate: Date = new Date();
public initDate2: Date = new Date(2015, 1, 1);
public minDate: Date = new Date(2017, 12, 31);
public maxDate: Date = new Date(2100, 12, 31);
public disabledDates: Date[] = [new Date(2017, 7, 14)];
public localeString = {
monday: true,
weekdays: ['Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado', 'Domingo'],
months: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre']
};
public min: Date = new Date();
constructor(public navCtrl: NavController,public actionsheetCtrl:ActionSheetController,
private viewCtrl: ViewController,public navParams: NavParams,public loadingCtrl: LoadingController,
public plt:Platform, private alertCtrl: AlertController, public toastCtrl: ToastController,
public ServicesService: ServicesService, public Camera: Camera) {
}
public ngOnInit() {
}
public Log(stuff): void {
this.datepicker.open();
this.datepicker.changed.subscribe(() => console.log('test'));
console.log(stuff);
}

public event(data: Date): void {
this.localDate = data;
}
setDate(date: Date) {
console.log(date);
this.initDate = date;
}

app.module.ts code:
*********;
*********;
import { DatePickerModule } from "ion-datepicker";
declarations: [
MyApp,
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
RouterModule,
RouterModule.forRoot(AppRoutes),
IonicModule.forRoot(MyApp, { scrollAssist: false, autoFocusAssist: false } ),
SuperTabsModule.forRoot(),
DatePickerModule,
DatepickerPage,
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
],
providers: [
StatusBar,
ServicesService,
AdminServices,
Config,
Enums,
ScreenOrientation,
SplashScreen,
Geolocation,
Camera,
Device,
AndroidPermissions,
{provide: ErrorHandler, useClass: IonicErrorHandler}
],
schemas: [
CUSTOM_ELEMENTS_SCHEMA,
],

@misha130, Please help me

[thurimerla]

Please help me anyone,

If you help me i ll be honored.

Thanks

[misha130]

Add DatePickerModule to AddmodifyproductstepsPageModule