From 1bf5c9752ce67a216cde73a1796ce9b4e022a465 Mon Sep 17 00:00:00 2001
From: Diana Whitten <hurgleburgler@gmail.com>
Date: Thu, 19 May 2016 14:27:31 -0700
Subject: [PATCH] Theme Preview Page should include datepicker.

Change-Id: I8b107dd3a28c8434fe5c5e5ba8e3ef0ecd1df0f2
partially-implements: blueprint bootstrap-theme-preview
Depends-On: https://review.openstack.org/#/c/318933
---
 .../theme-preview/theme-preview.directive.js          |  2 ++
 .../developer/theme-preview/theme-preview.html        | 11 +++++++++++
 2 files changed, 13 insertions(+)

diff --git a/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.directive.js b/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.directive.js
index a46531c102..f7abf562af 100644
--- a/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.directive.js
+++ b/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.directive.js
@@ -79,6 +79,8 @@
 
       horizon.d3_pie_chart_distribution.init();
       horizon.d3_pie_chart_usage.init();
+      horizon.forms.datepicker();
+      $('#datepicker').datepicker();
 
       var line_chart_selector = '.line-chart';
       var line_chart_data = [
diff --git a/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html b/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html
index e1fab3bc05..b98c332465 100644
--- a/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html
+++ b/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html
@@ -676,6 +676,17 @@
         <form class="form-horizontal">
           <fieldset>
             <legend translate>Other Input Types</legend>
+            <div class="form-group">
+              <label translate class="col-lg-2 control-label" for="datepicker">Datepicker</label>
+              <div class="col-lg-10">
+                <div class='input-group'>
+                  <input type="text" class="form-control" id="datepicker">
+                  <span class="input-group-addon datepicker-addon">
+                    <span class="fa fa-calendar"></span>
+                  </span>
+                </div>
+              </div>
+            </div>
             <div class="form-group">
               <label translate class="col-lg-2 control-label" for="datetime-localInput">Datetime</label>
               <div class="col-lg-10">