JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jqwidgets.com/jquery-widgets-demo/jqwidgets/globalization/globalize.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://www.trenthamunited.com/archive/db/jqwidgets/styles/jqx.bootstrap.css">
<div id='jqxCalendar'></div>

JavaScript

$("#jqxCalendar").jqxCalendar({
      width: '200px',
      height: '200px',
      columnHeaderHeight: 30,
      enableFastNavigation: true,
      enableWeekend: true,
      selectionMode: 'range',
      backText: "Bir önceki ay",
      forwardText: "Bir sonraki ay",
      enableTooltips: true,
      readOnly: true,
      enableHover: true
    });
     (function(window, undefined) {

    var Globalize;

    if (typeof require !== "undefined" &&
      typeof exports !== "undefined" &&
      typeof module !== "undefined") {
      // Assume CommonJS
      Globalize = require("globalize");
    } else {
      // Global variable
      Globalize = window.Globalize;
    }

    Globalize.addCultureInfo("tr-TR", "default", {
      name: "tr-TR",
      englishName: "Turkish (Turkey)",
      nativeName: "Türkçe (Türkiye)",
      language: "tr",
      numberFormat: {
        ",": ".",
        ".": ",",
        "NaN": "n. def.",
        negativeInfinity: "-unendlich",
        positiveInfinity: "+unendlich",
        percent: {
          pattern: ["-n%", "n%"],
          ",": ".",
          ".": ","
        },
        currency: {
          pattern: ["-n $", "n $"],
          ",": ".",
          ".": ",",
          symbol: "€"
        }
      },
      calendars: {
        standard: {
          "/": ".",
          firstDay: 1,
          days: {
            names: ["Pazar", "Pazartesi", "Salı", "Çarşamba", "Perşembe", "Cuma", "Cumartesi"],
            namesAbbr: ["Pz","Pt", "Sa", "Ça", "Pe", "Cu", "Ct"],
            namesShort: ["Pz","Pt", "Sa", "Ça", "Pe", "Cu", "Ct"]
          },
          months: {
            names: ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık", ""],
            namesAbbr: ["Oc", "Şb", "Mr", "Ns", "Ma", "Hz", "Tm", "At", "el", "Ek", "Ks", "Al", ""]
          },
          AM: null,
          PM: null,
          eras: [{
            "name": "n. Chr.",
            "start": null,
            "offset":...