Implementing color picker in forms / calendar items about web HOT 6 CLOSED

  <div t-name="CalendarView.quick_create" class="oe_calendar_quick_create openerp">

    <div class="form-group">
        <label for='name' class='control-label'>Event summary:</label>
    <input name='name' class="form-control"/>
        <!--This will show up but will not work and no color picker is showing up. -->
        <field name='color' widget="color" class="form-control"/>
    </div>     

    <t t-if="widget._buttons">
      <div class="oe_calendar_quick_create_buttons">
        <button class="openerp oe_button oe_highlight oe_calendar_quick_create_add ">Create event</button>
        <button class="oe_button oe_form_button oe_link oe_calendar_quick_create_edit" ><span>Edit Event <![CDATA[]]></span></button>
      </div>
    </t>
  </div>