getting property "values" as unknown

[narinder]

Hi I am using as <ejs-calendar [values]='dateValues' [isMultiSelection]='multiSelect'></ejs-calendar>

But on console I am getting

Uncaught Error: Template parse errors: Can't bind to 'values' since it isn't a known property of 'ejs-calendar'. 1. If 'ejs-calendar' is an Angular component and it has 'values' input, then verify that it is part of this module.

Can you please help on this

[Deepa Loganathan]

 

Hi Narinder,  

 

Thanks for contacting Syncfusion support.  

 

We have checked the reported issue and this issue usually occurs when the Calendar Module is not imported properly in app.module.ts. Please refer the below code for importing modules in Angular application. 

 

 

import { NgModule }      from '@angular/core'; 

import { BrowserModule } from '@angular/platform-browser'; 

// import the DatePickerModule for the DatePicker component 

import { DatePickerModule, TimePickerModule, CalendarModule } from '@syncfusion/ej2-angular-calendars'; 

import { DropDownListModule } from '@syncfusion/ej2-angular-dropdowns'; 

import { AppComponent }  from './app.component'; 

 

@NgModule({ 

  imports:      [ BrowserModule,CalendarModule, DatePickerModule,TimePickerModule,DropDownListModule ], 

  declarations: [ AppComponent ], 

  bootstrap:    [ AppComponent ] 

}) 

export class AppModule { } 

 

 

 

 

Please check if the modules are imported properly and go through the following links to get started with Calendar control.  

 

Getting started: https://ej2.syncfusion.com/angular/documentation/calendar/getting-started/  

 

Demo: https://ej2.syncfusion.com/angular/demos/#/material/calendar/multi-select  

 

API: https://ej2.syncfusion.com/angular/documentation/api/calendar/  

 

Regards,  

Deepa L. 

[narinder]

Hi Deepa, 

Thank you so much for the reply . Do we have multinselect functionality in ejs-datepicker as well. If yes can you please provide me with a Demo. That will be a great help

[Deepa Loganathan]

Hi Narinder,  

 

Sorry, but currently we do not have multiselection option in EJ2 Datepicker. So, we have achieved this as a custom sample using Calendar and Multiselection Dropdown components.  

 

Sample: https://stackblitz.com/edit/angular-cfrrhc-crsrhv?file=default.html  

 

Here we have integrated Multiselection Dropdown with Calendar to achieve this requirement.  

 

Please check and let us know in case if you would require any further assistance.  

 

Regards, 

  

Deepa L.