<dl>
<dt><label for="startDate">{lang}wcf.search.period{/lang}</label></dt>
<dd>
- <input type="date" id="startDate" name="startDate" value="{$startDate}" placeholder="{lang}wcf.date.period.start{/lang}" />
- <input type="date" id="endDate" name="endDate" value="{$endDate}" placeholder="{lang}wcf.date.period.end{/lang}" />
+ <input type="date" id="startDate" name="startDate" value="{$startDate}" data-placeholder="{lang}wcf.date.period.start{/lang}" />
+ <input type="date" id="endDate" name="endDate" value="{$endDate}" data-placeholder="{lang}wcf.date.period.end{/lang}" />
{event name='periodOptions'}
</dd>
</dl>
// update $input
$input.prop('type', 'text').addClass('jsDatePicker');
+ // set placeholder
+ if ($input.data('placeholder')) $input.attr('placeholder', $input.data('placeholder'));
+
// insert a hidden element representing the actual date
$input.removeAttr('name');
$input.before('<input type="hidden" id="' + $input.wcfIdentify() + 'DatePicker" name="' + $inputName + '" value="' + $inputValue + '" />');