Cambio de atributo con jquery
HTML
<input type="text" class="fechas"/>
JavaScript
$(function(){
$(".fechas").hover(function(){
$(this).attr('type','date');
})
$(".fechas").mouseleave(function(){
$(this).attr('type','text');
})
})