Seperate fields for SelectDateWidget in template

[voger]

I have Googled a lot but I can't find an answer. I want to use
SelectDateWidget in one of my forms but I want the select boxes in
separate divs so I can use them with Zurb Foundation. With all the other
widgets it is easy. For example I can do

<div class="small-5 large-5 large-offset-1 small-offset-1 columns">
{{ form.username.label_tag }}{{ form.username }}{{
form.username.errors }}
</div>

but with SelectDateWidget I want to do something like

{{ form.birth_date.label_tag }}
<div>
{{ form.birth_date_month }}
</div>
<div>
{{ form.birth_date_day }}
</div>
<div>
{{ form.birth_date_year }}
</div>
{{ form.birth_date.errors }}

so I can use it with Foundation's grid system. I even looked at
SelectDateWidget source but I couldn't understand how to do it.

[ernando]

Hi,

You have to look on MultiWidget and use it as base to create your own one.

- Dmitry