diff --git a/live-editing/configs/DatePickerConfigGenerator.ts b/live-editing/configs/DatePickerConfigGenerator.ts
index 48929325a8..44b16b4b94 100644
--- a/live-editing/configs/DatePickerConfigGenerator.ts
+++ b/live-editing/configs/DatePickerConfigGenerator.ts
@@ -7,6 +7,7 @@ import { DatepickerSample3Component } from "../../src/app/scheduling/datepicker/
 import { DatepickerSample4Component } from "../../src/app/scheduling/datepicker/datepicker-sample-4/datepicker-sample-4.component";
 import { DatepickerSample5Component } from "../../src/app/scheduling/datepicker/datepicker-sample-5/datepicker-sample-5.component";
 import { DatepickerSample6Component } from "../../src/app/scheduling/datepicker/datepicker-sample-6/datepicker-sample-6.component";
+import { DatepickerDropdownComponent } from "../../src/app/scheduling/datepicker/datepicker-dropdown/datepicker-dropdown.component";
 import { AppModuleConfig } from "./core/AppModuleConfig";
 import { Config } from "./core/Config";
 import { IConfigGenerator } from "./core/IConfigGenerator";
@@ -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;
     }
 }