Datepicker in semantic ui

Question

Is there any datepicker for semantic ui like bootstrap datepicker? I searched their website. But failed to get.

Jquery datepicker is worked nicely but UI does not look nice with my project.

Answer 1

At this time of writing, there is a pending pull request here:

https://github.com/Semantic-Org/Semantic-UI/pull/3256

Here is how it looks

https://jsbin.com/hubanufuva/1/edit?html,js,output

Answer 2

Take a look on this Semantic UI Calendar module which results from the above mentioned pull request. Lots of customization and looks nice.

<h3>Input</h3> <div class="ui calendar" id="example1">   <div class="ui input left icon">     <i class="calendar icon"></i>     <input type="text" placeholder="Date/Time">   </div> </div> 

and

$('#example1').calendar(); 

Answer 3

Yes there is, you'll have to give your input a type attribute of date,

<input type="date">

This is how it looks like