Doesn't work for me

** 1st error without editing system.config **

Steps that I did

1. npm install ng2-datepicker --save

Since I used ionicons in my app. I didn’t add it again but I also tried it to put in my index.html.

1. Import module

import { DatePicker } from 'ng2-datepicker/ng2-datepicker'

1. Used it on my component. I used reactive forms.

<datepicker formControlName="dateFrom" [expanded]="true"></datepicker>

** 2nd error **

When I add this to systemjs.config.js

map: { 'ng2-datepicker': 'npm:ng2-datepicker', 'moment': 'npm:moment', }, packages: { 'ng2-datepicker': { main: 'ng2-datepicker.js', defaultExtension: 'js' }, 'moment': { main: 'moment.js', defaultExtension: 'js' } }

I’m not going to use it for all the components. Just for several components.

Any help would be appreciated. Thanks

[ghetolay]

I think the best way to use custom css for now would be something like that :

import { DatePickerComponent } from 'ng2-datepicker/src/component/ng2-datepicker';

@Component({
    selector: 'my-datepicker',
    templateUrl: './node_modules/ng2-datepicker/src/components/ng2-datepicker.component.html',
    styleUrls: [ './mydatepicker.css' ],
    providers: [{
        provide: NG_VALUE_ACCESSOR,
        useExisting: forwardRef(() => MyDatepickerComponent),
        multi: true
   }]
})
export class MyDatepickerComponent extends DatePickerComponent { }

You may need to adapt template/style urls to your build system but that’s the spirit.

We’re working on a better way to customize DatePicker.

[tryshchenko]

@ghetolay thanks for your response, but I’ve already solved a problem in the other way, and lost those lines of code. We had to implement a bunch of custom functionality so we’ve decided to proceed with a custom solution.