diff --git a/demo/src/app/components/datepicker/demos/config/datepicker-config.ts b/demo/src/app/components/datepicker/demos/config/datepicker-config.ts
index d3e71225ee..2684409a66 100644
--- a/demo/src/app/components/datepicker/demos/config/datepicker-config.ts
+++ b/demo/src/app/components/datepicker/demos/config/datepicker-config.ts
@@ -10,7 +10,7 @@ import {
 @Component({
   selector: 'ngbd-datepicker-config',
   templateUrl: './datepicker-config.html',
-  providers: [NgbDatepickerConfig] // add NgbDatepickerConfig to the component providers
+  providers: [NgbDatepickerConfig, NgbInputDatepickerConfig] // add configurations to the component providers
 })
 export class NgbdDatepickerConfig {