Merge pull request #424 from coreui/dev-vnext

feat(basic-forms): add missing date-input

Author: xidedix

CHANGELOG.md

@@ -1,3 +1,6 @@
+## vNext
+- feat(basic-forms): add missing `date-input` 
+
 ## v2.1.3
 - fix(sidebar.pug): split icons/flags `li.nav-item`
 - update: `@coreui/coreui` to `2.0.9`

pug/views/base/forms.html

@@ -141,6 +141,13 @@
                 <span class="help-block">Please enter a complex password</span>
               </div>
             </div>
+            <div class="form-group row">
+              <label class="col-md-3 col-form-label" for="date-input">Date Input</label>
+              <div class="col-md-9">
+                <input class="form-control" id="date-input" type="date" name="date-input" placeholder="date">
+                <span class="help-block">Please enter a valid date</span>
+              </div>
+            </div>
             <div class="form-group row">
               <label class="col-md-3 col-form-label" for="disabled-input">Disabled Input</label>
               <div class="col-md-9">

pug/views/base/forms.pug

@@ -113,6 +113,11 @@ block view
                 .col-md-9
                   input#password-input.form-control(type='password', name='password-input', placeholder='Password')
                   span.help-block Please enter a complex password
+              .form-group.row
+                label.col-md-3.col-form-label(for='date-input') Date Input
+                .col-md-9
+                  input#date-input.form-control(type='date', name='date-input', placeholder='date')
+                  span.help-block Please enter a valid date
               .form-group.row
                 label.col-md-3.col-form-label(for='disabled-input') Disabled Input
                 .col-md-9
@@ -302,7 +307,7 @@ block view
               |  Reset
         .card
           .card-header
-            | Input 
+            | Input
             strong Grid
           .card-body
             form.form-horizontal(action='', method='post')
@@ -345,7 +350,7 @@ block view
               |  Reset
         .card
           .card-header
-            | Input 
+            | Input
             strong Sizes
           .card-body
             form.form-horizontal(action='', method='post')
@@ -490,7 +495,7 @@ block view
                   .input-group
                     .input-group-prepend
                       button.btn.btn-primary.dropdown-toggle(type='button', data-toggle='dropdown')
-                        | Action 
+                        | Action
                         span.caret
                       .dropdown-menu
                         a.dropdown-item(href='#') Action
@@ -505,7 +510,7 @@ block view
                     input#input2-group3.form-control(type='email', name='input2-group3', placeholder='Email')
                     .input-group-append
                       button.btn.btn-primary.dropdown-toggle(type='button', data-toggle='dropdown')
-                        | Action 
+                        | Action
                         span.caret
                       .dropdown-menu.dropdown-menu-right
                         a.dropdown-item(href='#') Action
@@ -547,7 +552,7 @@ block view
       .col-md-6
         .card
           .card-header
-            | Use the grid for big devices! 
+            | Use the grid for big devices!
             small
               code .col-lg-*
               code .col-md-*
@@ -588,7 +593,7 @@ block view
       .col-md-6
         .card
           .card-header
-            | Input Grid for small devices! 
+            | Input Grid for small devices!
             small
               code .col-*
           .card-body

src/base/forms.html

@@ -508,6 +508,13 @@
                           <span class="help-block">Please enter a complex password</span>
                         </div>
                       </div>
+                      <div class="form-group row">
+                        <label class="col-md-3 col-form-label" for="date-input">Date Input</label>
+                        <div class="col-md-9">
+                          <input class="form-control" id="date-input" type="date" name="date-input" placeholder="date">
+                          <span class="help-block">Please enter a valid date</span>
+                        </div>
+                      </div>
                       <div class="form-group row">
                         <label class="col-md-3 col-form-label" for="disabled-input">Disabled Input</label>
                         <div class="col-md-9">