Fuel UX jsFiddle Skeleton

This is a jsFiddle which can be used to demonstrate code with Fuel UX 3.7.2 with Bootstrap 3.3.4

by Steve Coffman

HTML

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="//www.fuelcdn.com/fuelux/3.7.2/js/fuelux.min.js"></script>
<form method='post'>
    <div class='row' style='margin-top: 100px'>
        <div class='col-sm-12'>
            Using example markup from the datepicker documentation.  If you try to select a date, the form gets submitted.  The reason is that html &lt;button&gt; tags are being used in most places without type="button" so they default to submit buttons.  Even if you change all the button tags in the example markup it still doesn't work because fuelux generates buttons for the other parts of the ui.
    <div class='row'>
        <div class='col-sm-4'>
            <div class="datepicker" data-initialize="datepicker" id="myDatepicker">
                <div class="input-group">
                    <input class="form-control" id="myDatepickerInput" type="text" />
                    <div class="input-group-btn">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <span class="glyphicon glyphicon-calendar"></span>
 <span class="sr-only">Toggle Calendar</span>

                        </button>
                        <div class="dropdown-menu dropdown-menu-right datepicker-calendar-wrapper" role="menu">
                            <div class="datepicker-calendar">
                                <div class="datepicker-calendar-header">
                                    <button class="prev"><span class="glyphicon glyphicon-chevron-left"></span><span class="sr-only">Previous Month</span>
                                    </button>
                                    <button class="next"><span class="glyphicon glyphicon-chevron-right"></span><span class="sr-only">Next Month</span>
                                    </button>
                                    <button class="title"> <span class="month">
                <span data-month="0">January</span>
...

CSS

@import url('//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css');
@import url('//www.fuelcdn.com/fuelux/3.7.2/css/fuelux.min.css');

JavaScript

// insert your custom javascript here