# CakePHP3 Form control with type="date"

**URL:** <https://discourse.cakephp.org/t/cakephp3-form-control-with-type-date/3290>\
**Category:** Need Help\
**Created:** [September 28, 2017, 12:02pm UTC](https://discourse.cakephp.org/t/cakephp3-form-control-with-type-date/3290 "2017-09-28T12:02:56Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![xv1t](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.cakephp.org/xv1t/32/821_2.png) [@xv1t](https://discourse.cakephp.org/u/xv1t)\
**Post date:** [September 28, 2017, 12:02pm UTC](https://discourse.cakephp.org/t/cakephp3-form-control-with-type-date/3290/1 "2017-09-28T12:02:56Z")

</div>

Table `Articles` have a field `date_expired` with type `date`.  
I after the standart code

```php
echo $this->Form->control('date_expired');

```

A want this:  
 ![Снимок экрана_2017-09-28_15-50-00](https://canada1.discourse-cdn.com/flex029/uploads/cakephp/original/1X/b3b0eed18d5c3280d98af167a42aa61e7abb5feb.png)

```auto
<div class="input date">
  <label>Date Expired</label>
  <input type="date" value="2017-09-28" name="date_expired">
</div>

```

But CakePHP3 wrote  
 ![Снимок экрана_2017-09-28_15-48-52](https://canada1.discourse-cdn.com/flex029/uploads/cakephp/original/1X/bf4fa8f095066d2eab62fc07d971d31736e51841.png)

```auto
<div class="input date"><label>Date Expired</label>
    <select name="date_expired[year]">
        <option value=""></option><option value="2022">2022</option><option value="2021">2021</option><option value="2020">2020</option><option value="2019">2019</option><option value="2018">2018</option><option value="2017" selected="selected">2017</option><option value="2016">2016</option><option value="2015">2015</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option>
    </select>
    <select name="date_expired[month]">
        <option value=""></option><option value="01">January</option><option value="02">February</option><option value="03">March</option><option value="04">April</option><option value="05">May</option><option value="06">June</option><option value="07">July</option><option value="08">August</option><option value="09" selected="selected">September</option><option value="10">October</option><option value="11">November</option><option value="12">December</option>
    </select>
    <select name="date_expired[day]">
        <option value=""></option><option value="01">1</option><option value="02">2</option><option value="03">3</option><option value="04">4</option><option value="05">5</option><option value="06" selected="selected">6</option><option value="07">7</option><option value="08">8</option><option value="09">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option>
    </select>
</div>

```

---

<div class="post-metadata">

**Author:** ![xv1t](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.cakephp.org/xv1t/32/821_2.png) [@xv1t](https://discourse.cakephp.org/u/xv1t)\
**Post date:** [October 20, 2017, 5:57pm UTC](https://discourse.cakephp.org/t/cakephp3-form-control-with-type-date/3290/2 "2017-10-20T17:57:14Z")

</div>

I have solved this

```php
  $control_html = 
        $this->Form->control(
          'date_expired', [
            'type' => 'text'
          ]);

  $date_control = 
    str_replace(
       'type="text"', 
       'type="date"', 
       $control_html
  );

```

And this returns `html`

```auto
<div class="input date">
  <label>Date Expired</label>
  <input type="date" value="2017-09-28" name="date_expired">
</div>

```