Merge branch 'development' into docs-add-demo-datepicker-isOpen

demo/src/app/components/+datepicker/datepicker-section.list.ts

@@ -157,6 +157,14 @@ export const demoComponentContent: ContentSection[] = [
         html: require('!!raw-loader?lang=markup!./demos/is-open/is-open.html'),
         description: `<p>The datepicker's closed by default. To change this behavior, use <code>isOpen</code> property.</p>`,
         outlet: DemoDatepickerIsOpenComponent
+      },
+      {
+        title: 'Triggers',
+        anchor: 'triggers',
+        component: require('!!raw-loader?lang=typescript!./demos/triggers/triggers.ts'),
+        html: require('!!raw-loader?lang=markup!./demos/triggers/triggers.html'),
+        description: `<p>Use different triggers ( for example <code>keydown</code>, <code>mouseenter</code>, <code>dblclick</code> ) to interact with datepicker</p>`,
+        outlet: DemoDatepickerTriggersComponent
       }
     ]
   },

demo/src/app/components/+datepicker/demos/index.ts

@@ -9,6 +9,8 @@ import { DemoDatepickerReactiveFormsComponent } from './reactive-forms/reactive-
 import { DemoDatePickerCustomFormatComponent } from './custom-format/date-picker-custom-format';
 import { DemoDatepickerPlacementComponent } from './placement/placement';
 import { DemoDatepickerIsOpenComponent } from './is-open/is-open';
+import { DemoDatepickerDateInitialStateComponent } from './date-initial-state/date-initial-state';
+import { DemoDatepickerTriggersComponent } from './triggers/triggers';
 
 export const DEMO_COMPONENTS = [
   DatepickerDemoComponent,
@@ -21,5 +23,7 @@ export const DEMO_COMPONENTS = [
   DemoDatepickerFormsComponent,
   DemoDatepickerReactiveFormsComponent,
   DemoDatepickerPlacementComponent,
-  DemoDatepickerIsOpenComponent
+  DemoDatepickerIsOpenComponent,
+  DemoDatepickerDateInitialStateComponent,
+  DemoDatepickerTriggersComponent
 ];