diff --git a/live-editing/configs/DatePickerConfigGenerator.ts b/live-editing/configs/DatePickerConfigGenerator.ts
index 48929325a8..54129aec94 100644
--- a/live-editing/configs/DatePickerConfigGenerator.ts
+++ b/live-editing/configs/DatePickerConfigGenerator.ts
@@ -1,6 +1,7 @@
 /* tslint:disable:object-literal-sort-keys */
 // tslint:disable:max-line-length
 import { IgxDatePickerModule, IgxIconModule, IgxInputGroupModule } from "igniteui-angular";
+import { DatepickerDropdownComponent } from "../../src/app/scheduling/datepicker/datepicker-dropdown/datepicker-dropdown.component";
 import { DatepickerSample1Component } from "../../src/app/scheduling/datepicker/datepicker-sample-1/datepicker-sample-1.component";
 import { DatepickerSample2Component } from "../../src/app/scheduling/datepicker/datepicker-sample-2/datepicker-sample-2.component";
 import { DatepickerSample3Component } from "../../src/app/scheduling/datepicker/datepicker-sample-3/datepicker-sample-3.component";
@@ -81,6 +82,16 @@ export class DatePickerConfigGenerator implements IConfigGenerator {
             })
         }));
 
+        // date picker sample `datepicker-dropdown`
+        configs.push(new Config({
+            component: DatepickerDropdownComponent,
+            appModuleConfig: new AppModuleConfig({
+                imports: [IgxDatePickerModule, DatepickerDropdownComponent, IgxIconModule, IgxInputGroupModule],
+                ngDeclarations: [DatepickerDropdownComponent],
+                ngImports: [IgxDatePickerModule, IgxIconModule, IgxInputGroupModule]
+            })
+        }));
+
         return configs;
     }
 }