JSFiddle - React, Tailwind, and code Playground

Zebra_DatePicker http://stefangabos.ro/jquery/zebra-datepicker/

by Jennifer Perrin

HTML

<div><input id="datepicker-example1" type="text" /></div>
<div><input id="datepicker-example2" type="text" /></div>

CSS

/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    Default theme

    copyright (c) 2011 - 2013 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/
 .Zebra_DatePicker *, .Zebra_DatePicker *:after, .Zebra_DatePicker *:before {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important
}
.Zebra_DatePicker {
    position: absolute;
    background: #666;
    border: 3px solid #666;
    display: none;
    z-index: 100;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px
}
.Zebra_DatePicker * {
    margin: 0;
    padding: 0;
    color: #000;
    background: transparent;
    border: none
}
/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
 .Zebra_DatePicker table {
    border-collapse: collapse;
    border-spacing: 0
}
.Zebra_DatePicker td, .Zebra_DatePicker th {
    text-align: center;
    padding: 5px 0
}
.Zebra_DatePicker td {
    cursor: pointer
}
.Zebra_DatePicker .dp_daypicker, .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicker {
    margin-top: 3px
}
.Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_daypicker th, .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td {
    background: #E8E8E8;
    width: 30px;
    border: 1px solid #7BACD2
}
.Zebra_DatePicker, .Zebra_DatePicker .dp_header .dp_hover, .Zebra_DatePicker .dp_footer .dp_hover {

}
/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
 .Zebra_DatePicker .dp_header td {
    color: #FFF
}
.Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next {
    width: 30px
}
.Zebra_DatePicker .dp_header .dp_caption {
    font-weight: bold
}
.Zebra_DatePicker .dp_header .dp_hover {
    background: #222;
    color: #FFF
}
.Zebra_DatePicker .dp_header...

JavaScript

(function (c) {
    c.Zebra_DatePicker = function ($, F) {
        var oa = {
            always_show_clear: !1,
            always_visible: !1,
            days: "Sunday Monday Tuesday Wednesday Thursday Friday Saturday".split(" "),
            days_abbr: !1,
            direction: 0,
            disabled_dates: !1,
            enabled_dates: !1,
            first_day_of_week: 0,  // Start on Sunday
            format: "Y-m-d",
            inside: !0,
            lang_clear_date: "Clear",
            months: "January February March April May June July August September October November December".split(" "),
            months_abbr: !1,
            offset: [5, -5],
            pair: !1,
            readonly_element: !0,
            select_other_months: !1,
            show_icon: !0,
            show_other_months: !0,
            show_week_number: !1,
            start_date: !1,
            view: "days",
            weekend_days: [0, 6],
            zero_pad: !1,
            onChange: null,
            onClear: null,
            onSelect: null
        }, u, q, s, B, D, G, H, Q, aa, V, da, h, t, z, w, n, W, K, L, R, E, X, v, y, Y, M, S, ga, ha, ia, A, ea, a = this;
        a.settings = {};
        var m = c($),
            la = function (d) {
                d || (a.settings = c.extend({}, oa, F));
                a.settings.readonly_element && m.attr("readonly", "readonly");
                var b = {
                    days: ["d", "j", "D"],
                    months: ["F", "m", "M", "n", "t"],
                    years: ["o", "Y", "y"]
                }, j = !1,
                    f = !1,
                    k = !1;
                for (type in b) c.each(b[type], function (c, b) {
                    -1 < a.settings.format.indexOf(b) && ("days" == type ? j = !0 : "months" == type ? f = !0 : "years" == type && (k = !0))
                });
                A = j && f && k ? ["years", "months", "days"] : !j && f && k ? ["years", "months"] : !j && !f && k ?...