JSFiddle - React, Tailwind, and code Playground

by georgianastasov

HTML

<script src="http://igniteui.com/js/modernizr.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="http://cdn-na.infragistics.com/igniteui/2015.1/latest/js/infragistics.core.js"></script>
<script src="http://cdn-na.infragistics.com/igniteui/2015.1/latest/js/infragistics.lob.js"></script><script src="http://cdn-na.infragistics.com/igniteui/2015.1/latest/js/infragistics.dv.js"></script>
<link href="http://cdn-na.infragistics.com/igniteui/2015.1/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet"></link>
<link href="http://cdn-na.infragistics.com/igniteui/2015.1/latest/css/structure/infragistics.css" rel="stylesheet"></link>

<input id="datePicker" ></input>

CSS

.ui-datepicker-calendar
{
    display: none;
}

JavaScript

$(function () {

    $("#datePicker").igDatePicker({
        dateDisplayFormat:"MMM",
        datepickerOptions: {
            changeMonth:true,
            changeYear: true
            },
        hideDropDown: function (evt, ui) { 
            var month = $(".ui-datepicker-month :selected").val();
            var year = $(".ui-datepicker-year :selected").text();
            $("#datePicker").igDatePicker("text", new Date(year, month, 1));
        }        
        
    });
});
CSS